ウェブサイトビルダーとBiginフォームを統合する
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Bigin Formsを利用すると、法人は見込み客の収集、顧客サポート、サインアップ、オンライン注文、フィードバック収集など、さまざまなニーズに対応したカスタムフォームを作成できます。フォームはリンクやQRコードとして共有したり、Webサイトに直接埋め込むことが可能です。iframeコードを使えば、BiginフォームをWebサイトに簡単に連携でき、デザインにも自然に馴染みます。
以下は、主要なWebサイトビルダープラットフォームにBiginフォームを埋め込むための手順をご紹介します：
- WordPress
- Wix
- Squarespace
- Weebly
- Webflow
- Shopify
WordPress
WordPressベースのWebサイトでBiginフォームを使い、顧客フィードバックを収集したい場合は、以下の手順でフォームを埋め込んでください。
- Biginのフォームビルダーで共有するタブに移動し、埋め込み設定からiframeコードをコピーします。
- WordPressダッシュボードでページ > 新しく追加するにアクセスし、新規ページを作成します。
- +ボタンをクリックし、カスタムHTMLブロックを検索します。
- カスタムHTMLブロックをページに追加します。
- Biginフォームのiframeコードをそのブロックに貼り付けます。
Wix
自社のWix Webサイトに連絡先フォームを統合する必要がある場合、Biginを利用して次のように対応できます。
- Bigin のフォームビルダーで 共有する タブにアクセスし、form リンク/iframe コード/データ元を設定からコピーします。
- Wix Webサイトビルダーで、追加する (+)アイコンをクリックし、Embed コードを選択します。
- Embed HTMLを設定から選択します。
- Webサイト 住所を、追加したい内容として選択します。
- form リンクをWebサイト 住所欄に貼り付けます。
Squarespace
自社のSquarespace Webサイトにサブスクリプションフォームを埋め込むのは簡単です。手順は以下の通りです。
- Bigin のフォームビルダーで共有する タブに移動し、埋め込み設定からiframe コードをコピーします。
- Squarespace Webサイトビルダーで、フォームを埋め込みたい箇所にマウスポインタを合わせ、insert pointをクリックします。
- 設定からコード Blockを選択します。
- HTMLオプションを選び、Display データ元 コードのチェックを外します。
- Bigin からコピーした埋め込みコードを貼り付けます。
Weebly
サポートチームがWeebly Webサイトに連絡先フォームを追加したい場合、次の手順で実現できます。
- Bigin のフォームビルダーで共有する タブにアクセスし、埋め込み設定からiframe コードをコピーします。
- Weebly のサイトエディターでサイトを開きます。
- サイト内の該当ページにEmbed コード要素を追加します。
- 編集 カスタム HTMLをクリックし、Bigin からコピーした埋め込みコードを貼り付けます。
Webflow
Webflow ベースの Webサイトで商品アンケートを開始する場合、Bigin フォームを統合して顧客フィードバックを収集できます。
- Biginのフォームビルダーで、共有する タブに移動し、埋め込みiframe コードをコピーします。
- Webflowのサイトエディターでサイトを開きます。
- 追加するパネルにアクセスし、Webflowキャンバスに埋め込みエレメントを追加します。
- Biginからコピーした埋め込みコードを貼り付けます。
Shopify
eコマースストアがShopifyで運用されており、Biginフォームを使って商品確認用フォームを実装したい場合、以下の手順を実行してください。
- Biginのフォームビルダーで共有する タブに移動し、埋め込みiframe コードをコピーします。
- フォームを埋め込みたいShopifyのページに移動します。
- テキストエディター付近の< >アイコンを選択します。
- Biginからコピーした埋め込みコードを貼り付けます。