Bigin Formsを利用すると、企業はリード獲得、顧客サービス、登録、オンライン注文、フィードバック収集など、さまざまな目的に合わせてカスタムフォームを作成できます。フォームはリンクやQRコードとして共有したり、Webサイトに直接埋め込んだりすることが可能です。iframeコードを使えば、BiginフォームをWebサイトに簡単に追加でき、デザインとシームレスに統合できます。

以下は、Biginフォームをさまざまな人気Webサイト構築プラットフォームに埋め込むための手順ガイドです。これにより、訪問者や共同作業者からのデータやフィードバックの収集が簡単になり、時間と労力を節約できます。

Biginフォーム埋め込みの手順:

対応プラットフォーム:

• WordPress

• Wix

• Squarespace

• Weebly

• Webflow

• Shopify
  
  

WordPress

WordPress サイトで Bigin フォームを使って顧客フィードバックを収集したい場合は、下記の手順に従って埋め込んでください。

1. Biginフォームビルダーで、共有するタブに移動し、埋め込み設定からiframeコードをコピーします。

2. WordPressダッシュボードで、Pages > 新しく追加するに移動し、新規ページを作成します。

3. +ボタンをクリックし、カスタムHTMLブロックを探します。

4. カスタムHTMLブロックをページに追加します。

5. Biginフォームのiframeコードを、そのブロックに貼り付けます。

Wix

自社のWixで作成したWebサイトに、連絡先フォームを連携する必要がある場合、Biginを使って次の手順で設定できます。

1. Biginのフォームビルダーで、共有するタブにアクセスし、フォームのリンク、iframeコード、またはデータ元コードを設定からコピーします。

2. Wixサイトエディターで、追加する（＋）アイコンをクリックし、Embed コードを選択します。

3. 設定からEmbed HTMLを選択します。

4. 「What do you want to 追加する?」で、Webサイト 住所を選択します。

5. フォームのリンクをWebサイト 住所欄に貼り付けます。
   
   

Squarespace

会社のSquarespaceサイトに登録フォームを埋め込むには、以下の手順に従ってください。

1. Biginのフォームビルダーで、共有するタブに移動し、埋め込み設定からiframeコードをコピーします。

2. Squarespaceエディターで、フォームを埋め込みたい地域にカーソルを合わせて、Insert Pointをクリックします。

3. 設定からコード Blockを選択します。

4. 必ずHTMLオプションを選択し、Display データ元 コードのチェックを外してください。

5. Biginからコピーした埋め込みコードを貼り付けます。
   
   

Weebly

サポートチームがWeeblyで作成したサイトに連絡先フォームを追加したい場合は、以下の手順に従ってください。

1. Biginのフォームビルダーで、共有するタブにアクセスし、埋め込み設定からiframeコードをコピーします。

2. Weeblyエディターでサイトを開きます。

3. サイトの該当ページにEmbed コード要素を追加します。

4. 「編集 カスタム HTML」をクリックし、Biginでコピーした埋め込みコードを貼り付けます。
   
   

Webflow

Webflowベースのサイトで商品アンケートを実施する場合、Biginフォームでフィードバックを収集できます。手順は以下の通りです。

1. Biginのフォームビルダーで、共有するタブに移動し、埋め込み設定からiframeコードをコピーします。

2. Webflowエディタで自分のサイトを開きます。

3. 追加するパネルにアクセスし、WebflowのEmbed要素をcanvasに挿入します。

4. Biginからコピーした埋め込みコードを貼り付けます。
   
   

Shopify

オンラインストアがShopifyでホストされており、Biginで商品確認フォームを追加する場合：

1. Biginのフォームビルダーで、共有するタブにアクセスし、埋め込み設定からiframeコードをコピーします。

2. フォームを埋め込みたいShopifyのページに移動します。

3. テキストエディターの隣にある< >アイコンを選択します。

4. Biginからコピーした埋め込みコードを貼り付けます。