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

訪問者が色の組み合わせを楽しく試せるようにしましょう。新しいカラーパレットを作成し、気に入った色をロックして、HEX値をワンクリックでコピーできます。カラーパレット作成ウィジェットはノーコードのツールで、サイトに合わせてスタイルを調整し、どこにでも埋め込めます。

今すぐ無料で作成!
Color Palette Widget for your website Hero Background image

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

Set your starting colors

開始時のカラーを設定

表示する色の数を選び、訪問者に最初に表示するカラーパレットを設定できます。

Style the widget

ウィジェットのデザインを調整

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

Embed it on your website

ウェブサイトに埋め込む

埋め込みコードをカスタムHTMLまたは埋め込みブロックに貼り付け、ページを公開してウェブサイトウィジェットを表示します。

色を自由に組み合わせて楽しむ

ワンクリックでカラーパレットを作成

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

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のホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

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

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

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

4更新して表示

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

Jotform ホームページウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。

コーディングなしで埋め込む

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

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

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

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

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。

カラーパレット作成ウィジェットの活用シーン

訪問者がページを離れることなく、さまざまな色を試したり、選んだり、コピーしたりできるように、カラーパレット作成ウィジェットを設置しましょう。

デザインブログやチュートリアルでは、読者がさまざまな配色を試し、気に入った色のHEXコードをコピーできます。

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

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

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

商品や印刷サービスのページでは、購入を決める前に、さまざまな色の組み合わせをプレビューできます。

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

Jotformのフォーム作成ツールで見込み顧客を顧客へと導く

Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。

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

よくある質問 (FAQ)

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

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

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

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

  • 色をロックするとどうなりますか?

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

  • デザインをカスタマイズできますか?

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

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