Square Online サイトに Klaviyo の埋め込みフォームを追加する方法

このページで学べること

Square Online サイトに Klaviyo の埋め込みフォームを追加する方法をご確認ください。これには、Klaviyo でフォームを作成し、その埋め込みコードを、表示したい場所（例：フッター）のサイト ファイルに貼り付ける必要があります。

始める前に

Klaviyo で埋め込みフォームを作成する前に、Klaviyo を Square と連携し、サインアップフォーム機能を有効にするためにオンサイト トラッキングを設定していることを確認してください。Square との 連携 時に設定[Klaviyo オンサイト JavaScript を自動的に追加] をオンにした場合は、準備完了です。

該当しない場合：

1. Klaviyo で、[外部連携] タブを選択します。
2. Square をクリックします。
3. 設定 [Klaviyo オンサイト javascript を自動的に追加] をオンにします。
4. [保存] をクリックします。

フォームの埋め込みコードをサイトに追加する

まず、Klaviyo で埋め込みフォームを作成して公開します。このセクションでは、フォームの埋め込みコードを Square Online サイトに貼り付けて、正しく表示され、データが適切に同期されるようにするための次の手順について説明します。

1. Square Online のダッシュボードに移動します。
2. [ウェブサイト] > [サイトを編集] をクリックしてください。
3. フォームを埋め込みたいページを開きます。
4. [セクションを追加] > [埋め込みコード]を選択し、[追加]をクリックします。
5. 次のスクリプトをコピーし、[コード] ボックスに貼り付けます。
   

<script type="text/javascript" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>

1. 先ほど貼り付けたコードで、PUBLIC_API_KEY を Klaviyo 公開 API キーに置き換えてください。
   • 公開 API キーを見つけるには、Klaviyo の [設定] > [API キー] に移動します。これは 6 文字のコードで、「account ID.」とも呼ばれます。
2. Klaviyo に戻り、フォームエディター内の [ターゲティングと動作] タブからフォームの埋め込みコードをコピーします。
   

3. Square で、手順 5 で他のスクリプトを貼り付けた場所の下にある [コード] ボックスに埋め込みコードを貼り付けます。
4. [完了] を選択します。
5. 変更を保存するには、[公開] を選択します。

埋め込みコードを貼り付け、Square で変更を保存したら、ウェブサイトに戻ってページを更新してください。埋め込みフォームがサイトに表示され、フォームにリンクされた Klaviyo リストに新しい購読者が直接追加されます。

フォームが表示されない場合は、埋め込みフォームのトラブルシューティングをご覧ください。

次の手順

次に、ウェルカムシリーズを作成して、新しい購読者にすぐに効果をもたらしましょう。

その他のリソース