ウェブサイト向けカラーパレット作成ウィジェット

訪問者に色を楽しく探せる方法を提供しましょう。新しいパレットを生成し、残しておきたい色をロックして、任意のHEX値をワンクリックでコピーできます。カラーパレットウィジェットはノーコードのツールで、サイトに合わせてスタイルを調整し、どこにでも埋め込めます。

カラーパレットウィジェットの作成方法

Set your starting colors

開始時のカラーを設定

表示する色の数を選び、訪問者が最初に見るパレットを設定します。

Style the widget

ウィジェットのスタイルを設定

テーマ、色、パレットのスタイル、レイアウトをウェブサイトに合わせて調整します。

Embed it on your site

サイトに埋め込む

生成された埋め込みコードをコピーして、パレットを表示したい任意の場所に貼り付けます。

色をシンプルで実践的なツールに変える

ワンクリックで新しいパレットを生成

訪問者が生成を押すと、すぐに新しいパレットが表示されます。キュレーションモードでは厳選されたトレンドのパレットが順番に表示され、ランダムモードでは毎回新しい色が組み合わされます。

Generate new palettes in one click

任意の色をワンクリックでコピー

訪問者は色をクリックしてそのHEX値をコピーしたり、パレット全体を一度にコピーしたりできます。コピーが完了すると短い確認メッセージが表示されます。

Copy any color with a click

自分好みのカラーから始める

訪問者が最初に見るパレットを設定し、気に入った色をロックできるようにすれば、その色はそのまま固定され、残りの色だけが変わります。

Start from your own colors

ウィジェットをページに合わせる

ライトまたはダークのテーマを選び、カラム・カード・バーのいずれかのスタイルを選択して、カードの色、角の丸み、影、幅、配置を設定できます。

Match the widget to your page

カラーパレットをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

ウィジェットを表示したいWordPressの投稿またはページに移動し、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformウェブサイトウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられます

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

カラーパレットウィジェットの活用場所

カラーパレットウィジェットは、訪問者がページを離れることなく色を探したり、選んだり、コピーしたりしたいあらゆる場所で活用できます。

デザインブログやチュートリアルでは、読者がカラーのアイデアを試したり、気に入ったHEX値をコピーしたりできます。

ブランドガイドやスタイルガイドのページでは、承認済みのカラーを表示し、訪問者が自分の作業用にコピーできます。

ポートフォリオやエージェンシーのサイトでは、色彩センスをアピールできる、楽しくインタラクティブな要素を取り入れられます。

無料素材やリソースのページでは、訪問者がプロジェクト用にすぐ使えるパレットを入手できます。

商品や印刷物のページでは、顧客が決定する前にカラーの組み合わせをプレビューできます。

教育向けページでは、実際に操作できるツールを使ってカラーの基礎を学べます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • カラーパレットウィジェットとは何ですか?

    カラーパレットウィジェットは、ウェブサイト上に一連の色を表示できる埋め込み型のツールです。訪問者は新しいパレットを生成したり、気に入った色をロックしたり、任意のHEX値をワンクリックでコピーしたりできます。

  • 訪問者はどうやって新しいパレットを生成しますか?

  • 開始時のカラーを設定できますか?

  • 色をロックすると何ができますか?

  • 訪問者は色をコピーできますか?

  • スタイルをカスタマイズできますか?

  • モバイルでも使えますか?

  • コードを書く必要はありますか?