HubSpot Formを埋め込む

HubSpot のフォームを Studio デザインエディタの Embedボックスに埋め込めます。

Point：Studioでフォーム機能を利用する場合は、次の2つの方法があります。

1. Studioのフォーム機能を利用する

Studioに搭載されたフォーム機能では、エディタ上でフォームパーツを組み合わせて設計できます。
・送信された回答はフォームダッシュボードで確認・管理できます。
・必要に応じて、フォーム回答のメール通知や、Googleスプレッドシートとの連携を使って、回答データを活用できます。

2. 外部フォームサービスを埋め込む

より高度なフォーム機能が必要な場合や、既存のフォーム運用を継続したい場合は、次のような外部フォームサービスを埋め込めます。

HubSpot Formを埋め込む手順

※HubSpot 自体の操作方法については、Studioではサポートしておりません。HubSpot にご相談ください。

スクリーン上に、Embed（埋め込み）ボックスを追加します。

(1)で取得したリンクを、(2)で設置したボックスに設定します。

埋め込みボックスをクリックします。
右パネル上で[埋め込み]タブを選択します。右パネルが閉じている場合は開いてください。
[埋め込みコード]の入力フィールド内で[エディタを開く]をクリックします。
[埋め込みコードを編集]画面の左側に表示される編集画面で、もともと入っている文字を削除し、HubSpot Formでコピーしたリンクを貼り付けて[保存]します。
公開済みのサイトを編集していた場合は、サイトを更新します。更新するまで、変更内容は反映されません。

公開サイトでフォームの送信を試し、動作を確認してください。

正常であれば、HubSpotの管理画面にデータが蓄積されます。