この記事には、Klaviyo – 新規登録フォームをPageFlyページに追加する方法についてご紹介します。
Klaviyo:EメールマーケティングアプリをShopifyストアからインストールしてPageFlyで使用することができます。
Klaviyo:Eメールマーケティングをインストールします。
PageFlyをインストールします。
以下のビデオチュートリアルをご覧になれます。
Klaviyo:新規登録フォーム要素について
Klaviyo – 新規登録フォーム要素は、ページに新規登録フォームを作成して、顧客のEメールをフォームに入力させることで訪問者を登録者にできるように設計されている要素です。
この要素が含まれるバリエーションはKlaviyo – 新規登録フォームのみです。
Klaviyo:新規登録フォーム要素のアクセス方法
ステップ1:左側のツールバーで第三者要素追加をクリックして第三者要素編集ボタンをクリックします。
ステップ2:インテグレーションポップアップページにて、検索バーに「Klaviyo」を入力して検索して有効にします。
ステップ3:Klaviyo要素をPageFlyエディタにドラッグ&ドロップします。
Klaviyo要素の構成
上記に記載した通りに、KlaviyoアプリをShopifyストアにインストールし、アプリですべての設定を構成する必要があります。
アプリインストール後に、関連情報を入力するように求められます。全ての関連情報を入力すると、Klaviyoのダッシュボードに移動されます。
1.Klaviyoのダッシュボードにて、「Signup Forms」にスクロールダウンします。
2.「Create Signup Form」ボタンをクリックします。
新規登録フォームを作成するためのモーダルが表示されます。「Type」ボックスで「Embed」を選択します。
「Device」と「Goal」ボックスには、任意のオプションを選択します。
そして、1つのテンプレートを選択できます。
選択すると、ポップアップが表示されます。「Subscribe List」を選択し「Create Form」ボタンをクリックします。
「Behaviors」をクリックし、コードをコピーします。最後に、フォームを「Publish」します。
Klaviyo要素をドラッグ&ドロップしたPageFlyエディタに戻って、以下のスクリーンショットのようにコードを「Embed Form ID」(埋め込みフォームID)バックスに貼り付けます。
スタイリングタブの構成
スタイリングタブにてKlaviyo要素にスタイリングをカスタマイズすることができます。
スタイリングタブに関する詳細情報はこちらをご参照ください。
ページを公開して確認することを忘れないでください。