> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/advanced/integrate-mailchimp-form.md). # Mailchimpフォーム ### Mailchimpフォーム要素について #### Mailchimpフォームとは 概要：[MailChimp Form](https://help.pagefly.io/manual/integrate-mailchimp-form/)要素を使用して、PageFlyでShopifyページの顧客のメールアドレスを収集できます。 詳細な手順に進む前に、以下のビデオをご覧ください。 {% embed url="" %} #### Mailchimpをインストールする この要素を使用する前に、ストアにMailchimpアプリをインストールし、アプリ内のすべてのオプションを設定してから、PageFlyに戻ってすべてのPageFlyページで要素を使用する必要があります。 * [Mailchimp: Email Marketingをインストールする](https://apps.shopify.com/mailchimp-forms) * [PageFlyをインストールする](https://apps.shopify.com/pagefly?utm_campaign%3Dapp-listing%26utm_source%3Dmanual%26utm_medium%3Darticle%26utm_content%3DRevy) ### Mailchimpフォーム要素にアクセスする方法 * **ステップ1**：左のメニューバーにある要素カタログをクリックします * **ステップ2**：PageFlyタブで、ドロップダウンメニューにあるMailChimpフォーム要素をクリックします * **ステップ3**：目的の要素をページエディターにドラッグアンドドロップして、使用を開始します。 ![](/files/4wn49uMSbY2Wsyy1QVx4) ### Mailchimpフォーム要素を設定する方法 Mailchimp要素の設定にアクセスするには、要素をクリックし、一般設定タブとスタイル設定タブに移動します。 #### 一般設定 一般設定タブでは、フォームの「**アクションURL**」を追加できます。このURLは、フォームをMailchimpの設定に接続します。Mailchimpアプリでフォームを作成した後、このURLを見つけることができます。 Mailchimp要素には、フィールド入力、Mailchimpフォームボタン、アイコンの3つのサブ要素が含まれています。各要素をクリックして、それぞれの特定の設定にアクセスします。 | **フィールド入力**: 名前プレースホルダーを設定します | | ------------------------------------------------- | | ![](/files/nYGRZCqvYSxsUxf7cA1m) | | **Mailchimpフォームボタン**: ボタンタイプ、ボタンテキスト、アイコン位置を設定します | | ![](/files/KZffn9ttEgkhMVNb4lEA) | | **アイコン**: アイコンを選択し、アイコンサイズを調整します | | | **属性、表示、アニメーション**パラメータに関する詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご覧ください。 #### スタイル設定 スタイル設定タブでは、Mailchimpフォーム要素、Mailchimp入力メール、Mailchimpフォームボタンのスタイルを個別にカスタマイズできます。 スタイル設定タブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご覧ください。 ### ShopifyアカウントでMailchimpアプリを設定する方法 #### ステップ1：Mailchimp: Email & SMSアプリを開く * まず、Shopifyストアにアクセスします。次に、左側のツールバーにあるアプリページに移動し > Mailchimp: Email & SMSアプリをクリックしてアプリを開きます。 * 「**Mailchimpを続ける**」ボタンをクリックし、アカウントを入力するか新しいアカウントを作成して、Mailchimpの使用を開始します。 ![](/files/zAtfB7JCt7Z6GKvd7Cuw) #### ステップ2：登録フォームを開く オーディエンスをクリックし、登録フォームを選択します。 ![](/files/Dn1PI4RE5UTmDCVxIyex) #### ステップ3：埋め込みフォームを作成する 登録フォームページで、「**新しいフォームを作成**」ボタンをクリック > 埋め込みフォームを選択 > 埋め込みフォーム名を入力 > 「**開始**」ボタンを押します。 ![](/files/BfZ9TipCgSng3AoakoK7) 左側のバーにある機能を使用して、フォームのカスタマイズを開始します。以下の設定が可能です。 * **フォームフィールド:** ![](/files/rdSoS3gR6gJho42dOV4J) * **設定**: * **紹介バッジ**: ![](/files/H5QPq4mKVWiXm6yLh5c0) 設定が完了したら、右上にある「**続行**」ボタンを押します。 ![](/files/8b5fdSkb4GihcQEk3eSe) #### ステップ4：コードテキストボックスからアクションURLをコピーする フォームアクションコードを見つけ > https\://... で始まる引用符内のすべてをコピーします。 ![](/files/uSIN9VFFCTXEzSQ1vLkF) この例では、ここのコードは以下のとおりです： #### ステップ5：コピーしたコードでMailchimpフォーム要素を有効にする **ステップ5.1：PageFlyエディターページに戻る** PageFlyエディターページに戻り、Mailchimp要素をクリック > 一般設定タブに移動します。 **ステップ5.2：コピーしたコードを使用する** Mailchimpフォーム要素をページにドラッグした後、それを選択し、[コピーしたコード](https://help.pagefly.io/manual/integrate-mailchimp-form%23step-5-copy-the-action-url-from-the-code-text-box)を一般設定タブのコンテンツパラメータのアクションURLに貼り付けます。 ![](/files/WnF6mJLAZG3lq4Ue0Bdp) ### Mailchimpフォーム要素を使用するためのベストプラクティス * Mailchimpフォームに明確な目的と価値提案があることを確認します。ユーザーは登録することでどのような利益を得るのか（例：割引、限定オファー、業界ニュースなど）？これを明確に伝えます。 * フォームフィールドの数を、名前やメールアドレスなどの必須情報に制限します。長いフォームは登録率を低下させる可能性があります。 * フォームの横に、明確で魅力的な行動喚起（CTA）ボタンを含めます。例えば、「**今すぐ登録**」や「**最新情報を受け取る**」などです。 ### よくある質問 **1. Mailchimpとは何ですか？** Mailchimpは、データを収集し、コンテンツ、ターゲティング、スマートオートメーションの改善を含むバイヤーとのコミュニケーションを改善するための最良の方法として、フォーム要素を提供するだけでなく、メールマーケティングプラットフォームでもあります。 **2. MailChimpはいつ作成されましたか？** MailChimpは2018年に作成されました。 **3. MailChimp Shopifyの料金はいくらですか？** MailChimpの月額サブスクリプション料金は13ドルからです。 **4. PageFlyエディターでMailChimp Shopifyを使用できますか？** はい、MailChimp Emailも利用可能です。 **5. MailchimpはShopifyストアで無料ですか？** はい、無料プランが適用され、プレミアムアップグレードも利用可能です。 **6. Mailchimp Shopifyプランには何が含まれていますか？** Mailchimpの最低限の無料プランには、メール作成、マーケティングCRM、クリエイティブアシスタント、登録フォーム、ランディングページ、ソーシャル投稿、Facebook広告、Instagram広告、ポストカード、ドメインカスタマイズの管理へのアクセスが含まれています。 **7. 現在、Mailchimp Shopifyと提携しているのは誰ですか？** QuickBooks Online, Smile.io, LiveChat, PayWhirl, Mixpanel, Yotpo ### 追加リソース * [Shopify連絡フォーム要素の使用方法](https://help.pagefly.io/manual/shopify-elements-contact-form/) * [Shopify顧客フォームの使用方法](https://help.pagefly.io/manual/shopify-elements-customer-form/) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/advanced/integrate-mailchimp-form.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.