フォームをSTUDIOに埋め込む

ヘルプドッグのフォームで作成したフォームは、STUDIOに埋め込むことができます。STUDIOに、お問い合わせフォームを埋め込んだページを簡単に作成できます。

この記事でわかること

  • フォームで埋め込み用のリンクをコピーする手順

  • STUDIOの「ボックス>Embed>Blank」でフォームを埋め込む手順

  • 埋め込んだフォームの表示位置の調整

ほかのサービスへの埋め込み手順は、この記事の「関連記事」をご確認ください。

フォームで埋め込み用のリンクをコピーする

1. フォームを開く

  1. https://app.helpdog.ai/forms にアクセスし、埋め込みたいフォームを開きます。

2. 「コードを表示」をクリックする

  1. ウェブサイトにフォームを埋め込む直下にある「コードを表示」ボタンをクリックします。

ウェブサイトにフォームを埋め込む直下にある「コードを表示」ボタン
「コードを表示」ボタン

3. 埋め込み用のリンクをコピーする

  1. 「リンク」をクリックし、埋め込み用のリンクをコピーします。

「リンク」を選択して埋め込み用のリンクをコピーする画面
埋め込み用のリンク

STUDIOにフォームを埋め込む

4. 「ボックス>Embed>Blank」をクリックする

  1. STUDIOで埋め込みたい場所を選び、左側メニューの「ボックス>Embed>Blank」をクリックします。

STUDIOの左側メニューにある「ボックス>Embed>Blank」
左側メニューの「ボックス>Embed>Blank」

5. リンクを貼り付ける

  1. 右側メニューの「埋め込みコード」にあるiframeタグのsrc属性に、「3. 埋め込み用のリンクをコピーする」でコピーしたリンクを貼り付けます。

STUDIOの右側メニューにある「埋め込みコード」の入力欄
右側メニューの「埋め込みコード」

6. 表示位置を調整する

  1. 埋め込んだフォームの表示位置を調整します。

STUDIOに埋め込んだフォームの表示位置を調整した状態
埋め込んだフォームの表示位置を調整します

以上で、フォームをSTUDIOに埋め込む操作は完了です。

関連記事

このページはお役に立ちましたか?