Mailchimpフォーム

概要：MailChimp Form要素を使用して、PageFlyでShopifyページの顧客のメールアドレスを収集できます。

詳細な手順に進む前に、以下のビデオをご覧ください。

この要素を使用する前に、ストアにMailchimpアプリをインストールし、アプリ内のすべてのオプションを設定してから、PageFlyに戻ってすべてのPageFlyページで要素を使用する必要があります。

Mailchimp要素の設定にアクセスするには、要素をクリックし、一般設定タブとスタイル設定タブに移動します。

一般設定タブでは、フォームの「アクションURL」を追加できます。このURLは、フォームをMailchimpの設定に接続します。Mailchimpアプリでフォームを作成した後、このURLを見つけることができます。

Mailchimp要素には、フィールド入力、Mailchimpフォームボタン、アイコンの3つのサブ要素が含まれています。各要素をクリックして、それぞれの特定の設定にアクセスします。

フィールド入力: 名前プレースホルダーを設定します

Mailchimpフォームボタン: ボタンタイプ、ボタンテキスト、アイコン位置を設定します

アイコン: アイコンを選択し、アイコンサイズを調整します

属性、表示、アニメーションパラメータに関する詳細については、こちらをご覧ください。

スタイル設定タブでは、Mailchimpフォーム要素、Mailchimp入力メール、Mailchimpフォームボタンのスタイルを個別にカスタマイズできます。

スタイル設定タブの詳細については、こちらをご覧ください。

まず、Shopifyストアにアクセスします。次に、左側のツールバーにあるアプリページに移動し > Mailchimp: Email & SMSアプリをクリックしてアプリを開きます。
「Mailchimpを続ける」ボタンをクリックし、アカウントを入力するか新しいアカウントを作成して、Mailchimpの使用を開始します。

オーディエンスをクリックし、登録フォームを選択します。

登録フォームページで、「新しいフォームを作成」ボタンをクリック > 埋め込みフォームを選択 > 埋め込みフォーム名を入力 > 「開始」ボタンを押します。

左側のバーにある機能を使用して、フォームのカスタマイズを開始します。以下の設定が可能です。

設定が完了したら、右上にある「続行」ボタンを押します。

フォームアクションコードを見つけ > https://... で始まる引用符内のすべてをコピーします。

この例では、ここのコードは以下のとおりです：https://pagefly.us21.list-manage.com/subscribe/post?u=6119e5dfaf70a866e48f68cc0&id=828b0902e3&f_id=00fcede6f0

ステップ5.1：PageFlyエディターページに戻る

PageFlyエディターページに戻り、Mailchimp要素をクリック > 一般設定タブに移動します。

ステップ5.2：コピーしたコードを使用する

Mailchimpフォーム要素をページにドラッグした後、それを選択し、コピーしたコードを一般設定タブのコンテンツパラメータのアクションURLに貼り付けます。

Mailchimpフォームに明確な目的と価値提案があることを確認します。ユーザーは登録することでどのような利益を得るのか（例：割引、限定オファー、業界ニュースなど）？これを明確に伝えます。
フォームフィールドの数を、名前やメールアドレスなどの必須情報に制限します。長いフォームは登録率を低下させる可能性があります。
フォームの横に、明確で魅力的な行動喚起（CTA）ボタンを含めます。例えば、「今すぐ登録」や「最新情報を受け取る」などです。