WebflowサイトからMailchimpに新規購読者を追加する方法

Last updated on 10/24/2025@mrbirddev

Webflowフォームを使用して、Mailchimpに新規購読者を登録します。

Mailchimpを使えば、マーケティングメール、ニュースレター、ターゲットキャンペーンを作成して送信できます。WebflowのフォームにMailchimpを接続することで、サイトから新規購読者を登録し、マーケティング戦略の2つの主要部分をシームレスにリンクできます。

始める前に

まだの場合は、MailchimpアカウントとMailchimpオーディエンスを作成してください。また、Webflowサイトにフォームを追加し、サイト訪問者が購読できるようにテキストタイプ: emailの必須入力フィールドを追加する必要があります。

Mailchimpダッシュボードに移動
オーディエンス > サインアップフォームに移動
埋め込みフォームを作成をクリック
埋め込みフォームに名前を付ける
Webflowサイトに接続したいオーディエンスを選択（Mailchimpオーディエンスが複数ある場合）
続行をクリック
form action=の後の引用符内のURLをハイライトしてコピー（例：https://webflow.us5.list-manage.com/subscribe/post?u=c4efffc4b8128bed17f868b49&id=e941b60721&f_id=008540edf0）

プロのヒント: MailchimpアクションURLをより早く見つけるには、Command + F（Macの場合）またはControl + F（Windowsの場合）を押して、「form action」を検索してください。

公開されたサイトでテストフォームを送信し、Mailchimpで新しい購読者が期待通りに登録されることを確認できます。

注意: Mailchimpのフォーム設定がダブルオプトインに設定されている場合、新しい購読者（テスト中のあなたも含む）は、購読を確認する必要があります。確認後にオーディエンスの連絡先に追加されます。

サインアップフォームでより多くのデータを収集するには、Mailchimpのオーディエンスとサインアップフォームフィールドを管理する方法を学び、対応するフォームフィールドをWebflowフォームに追加します。

Webflowのフォームフィールド名はMailchimpのタグと完全に一致する必要があるため、すべて大文字であることを確認してください。

Mailchimpにはシングルオプトインとダブルオプトインの両方があり、新しい購読者を自動的にオーディエンス連絡先に追加するか、購読を確認するためのメールを送信するかを選択できます。

フォーム設定がダブルオプトインに設定されている場合、新しい購読者（テスト中のあなたも含む）は、購読を確認する必要があります。確認後にオーディエンスの連絡先に追加されます。

WebflowでreCAPTCHAを有効にする場合、Mailchimpでシングルオプトインを使用している場合は、MailchimpでシングルオプトインフォームのreCAPTCHAを無効にしてください。

ダブルオプトインを使用している場合、WebflowとMailchimpの両方でreCAPTCHAを問題なく有効にできます。

はい、カスタムコード埋め込みを使用してMailchimpフォームを埋め込むことができます。

注意: コード埋め込み要素は、アクティブなワークスペースプランを持つユーザー、またはアクティブなサイトプランを持つサイトでのみ利用可能です。

埋め込んだMailchimpフォームに問題がある場合は、Mailchimpの埋め込みフォームのトラブルシューティングに関するドキュメントを参照して次のステップを確認してください。

Last updated on 10/24/2025@mrbirddev