Klaviyo – 新規登録フォーム要素

この記事には、Klaviyo 新規登録フォームをPageFlyページに追加する方法についてご紹介します。

Klaviyo:EメールマーケティングアプリをShopifyストアからインストールしてPageFlyで使用することができます。

Klaviyo:Eメールマーケティングをインストールします。 

PageFlyをインストールします。

以下のビデオチュートリアルをご覧になれます。

Klaviyo:新規登録フォーム要素についてClick to copy

Klaviyo 新規登録フォーム要素は、ページに新規登録フォームを作成して、顧客のEメールをフォームに入力させることで訪問者を登録者にできるように設計されている要素です。

この要素が含まれるバリエーションはKlaviyo – 新規登録フォームのみです。

Klaviyo:新規登録フォーム要素のアクセス方法Click to copy

ステップ1:左側のツールバーで第三者要素追加をクリックして第三者要素編集ボタンをクリックします。

ステップ2:インテグレーションポップアップページにて、検索バーに「Klaviyo」を入力して検索して有効にします。

ステップ3:Klaviyo要素をPageFlyエディタにドラッグ&ドロップします。

klaviyo

Klaviyo要素の構成Click to copy

上記に記載した通りに、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

スタイリングタブの構成Click to copy

スタイリングタブにてKlaviyo要素にスタイリングをカスタマイズすることができます。

klaviyo

スタイリングタブに関する詳細情報はこちらをご参照ください。

ページを公開して確認することを忘れないでください。

klaviyo

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now