Klaviyo フォームをインスタントランディングページに追加する

あなたが始める前に

• Shopify ストアに Klaviyo: Email Marketing & SMS アプリがインストールされていることを確認してください。
• このアプリをまだShopifyにインストールしていない場合は、ステップバイステップガイドに従ってください。 こちら.
• GemPagesバージョン7で説明します。バージョン6をお使いの場合は、 この記事.

インスタントランディングページにKlaviyoフォームを追加するにはどうすればいいですか?

次の手順に従います。

ステップ1: GemPagesエディターにアクセスする

• に行きます GemPagesダッシュボード > ページ、および選択 インスタントランディングページ GemPages で作成したすべてのインスタント ランディング ページを見つけます。

• 対象ページをクリックしてエディターで開きます。

ステップ2：ページにKlaviyo要素を追加する

• エディタで、 Shopifyアプリ タブをクリックし、検索バーを使用して Klaviyo Element を見つけます。
• この要素をページにドラッグ アンド ドロップします。

ステップ3：Klaviyoに接続する

• Klaviyo ダッシュボードに戻り、コード スニペットを取得します。
  

• コードスニペットの構文をコピーして下のボックスに貼り付け、 つながり、.

ポップアップとフライアウトフォームタイプ

Klaviyo Adminでポップアップまたはフライアウトフォームを作成した場合、デフォルトでは、Klaviyo Elementをページにドラッグするとフォームがアクティブになります。

ステップ1： Klaviyo でサインアップ フォームを作成し、フォームの種類をポップアップまたはフライアウトに設定します。必要な Klaviyo フォームをすでに作成している場合は、この手順をスキップしてください。

ステップ2： まず ターゲティングと行動 左サイドバーのタブをクリックします。 表示とタイミング セクション：

• 「ページ読み込み時にすぐに表示」または「読み込み遅延「」と入力すると、サインアップフォームは問題なく公開された後、ページに表示されます。
• 「」を選択した場合カスタムトリガーでのみ表示「」のコードスニペットをページに追加する必要があります。 カスタムコード.

Klaviyoからの指示に従ってください こちら または、サポート チームに連絡してさらにサポートを受けてください。

埋め込みフォームタイプ

ステップ1：Klaviyoダッシュボードでサインアップフォームを作成する

このガイダンスに従って Klaviyo でサインアップ フォームを作成し、フォーム タイプを埋め込みに設定できます。

必要な Klaviyo フォームをすでに作成している場合は、この手順をスキップしてください。

ステップ2: 埋め込みコードを取得する

埋め込みコードは次の 2 つの位置にコピーできます。

• 下 ターゲティングと行動 左側のサイドバーのタブ。

or

• 確認ポップアップ フォームを初めて公開するとき。

ステップ3： オプションを有効にする「このページに埋め込む「次に、コード スニペットの構文をコピーして、下のボックスに貼り付けます。