ウェブサイト向けの html ボタンウィジェット

訪問者を次の適切なステップへ誘導する、ノーコードのCTAボタンを作成できます。ページへのリンク、通話の開始、メールの作成、チャットの起動、ページ内セクションへのスクロールなどを、自由にスタイルを設定してどこにでも埋め込めるhtml ボタンで実現できます。

ボタンウィジェットの作り方

Choose the button action

ボタンのアクションを選択する

ボタンをクリックしたときに、リンクを開く、電話をかける、メールを作成する、WhatsApp や Telegram を開く、ページ内セクションへスクロールするのいずれにするかを選択します。

Customize content and style

コンテンツとスタイルをカスタマイズする

ラベル、任意の2行目、周囲のテキスト、アイコン、色、サイズ、角の丸み、影、配置を編集できます。

Embed it on your site

サイトに埋め込む

実際の表示で CTA をプレビューし、生成された埋め込みコードをコピーして、カスタムコードなしでボタンをWebサイトに公開できます。

ワンクリックで訪問者を次のアクションへ誘導

ボタンを複数のアクションに接続する

1つのウィジェットで、販売リンク、登録フォーム、サポートメール、電話、WhatsApp チャット、Telegram チャット、ソーシャルプロフィールへのリンク、スムーズなセクション移動などに対応できます。

Connect the button to multiple actions

インラインに配置するか、フローティングのままにする

ボタンをページのコンテンツ内に埋め込むか、画面上の固定位置にフローティング表示させることで、訪問者がスクロールしても CTA が常に表示されるようにできます。

Place it inline or keep it floating

CTA のメッセージを明確にする

メインのラベル、任意の2行目、上部のテキスト、下部のテキストを使って、訪問者がクリックする前に十分なコンテキストを提供しましょう。

Make the CTA message clear

Webサイトのスタイルに合わせる

アイコンの配置、ボタンの高さ、余白、フォントサイズ、色、ホバー時の色、角の丸、影、デバイスごとの表示、ブランディング、対象を絞ったカスタムCSSを調整できます。

Match your website style

ボタンを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日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

ボタンウィジェットの活用シーン

訪問者が次に取るべき行動を明確に示したい場所ならどこにでもボタンウィジェットを追加できます。特に、メインの操作を見つけやすくしておきたいページに最適です。

ランディングページで、訪問者を登録フォーム、料金ページ、決済、予約、デモ申し込みへ誘導できます。

商品ページで、カートに追加、今すぐ購入、営業への問い合わせ、見積もり依頼などの操作を目立たせられます。

サポートページで、1つのCTAからメール、電話、WhatsApp、Telegramでの問い合わせを開始できるようにします。

ブログ記事や長編ガイドで、読者をフォーム、ダウンロード、特典、関連セクションへ誘導できます。

SNSキャンペーンページで、訪問者をInstagram、Facebook、TikTok、X、Pinterestなどのプロフィールリンクへ誘導できます。

モバイルページでは、コンパクトなフローティングCTA設置して、電話、チャット、購入などのアクションをすばやく行えるようにします。

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

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

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

よくある質問 (FAQ)

  • ボタンウィジェットとは?

    ボタンウィジェットは、ウェブサイトに埋め込めるカスタマイズ可能なCTAボタンです。リンクを開いたり、電話、メール、チャットを開始したり、ページ内の特定のセクションへ移動したりできます。

  • ボタンはどのようなアクションを実行できますか?

  • ボタンを画面上にフローティング表示できますか?

  • ボタンのテキストはカスタマイズできますか?

  • アイコンは使用できますか?

  • デザインを自分のWebサイトに合わせられますか?

  • ボタンウィジェットはモバイルでも動作しますか?

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