WebflowにMailchimpサインアップフォームを追加する方法

新しい製品やサービスを立ち上げていますか？もしそうなら、メールマーケティングを検討すべきです。ここ10年間、メールは依然としてマーケターにとって最高のROIを生み出しています。$1を使うごとに、メールマーケティングは最高で$38のROIを生み出します。

メールマーケティングの最良のソリューションとWebflowとの統合方法を探しているなら、Mailchimpは市場で最も使いやすいツールの一つです。

この記事では、MailchimpとWebflowを統合する方法を説明します。

Webflowにフォームを追加する

デザイナーを開き、下のようにアートボードにフォームブロックを追加します。

少なくともメール入力フィールドが必須に設定されていることを確認し、フォームフィールド名がMailchimpで使用されているものと一致している必要があります。

この例では、名前とメールの両方のフィールドを必須にしています。名フィールドはFNAMEに設定し、メールフィールド名はEMAILにしています。

注意：入力名は大文字と小文字を区別しないことがあります。例えば、名前はfnameまたはemailである可能性があります。

フォームアクションリンクを取得する

Mailchimpのウェブサイトにアクセスし、アカウントにログインします。

オーディエンスページに移動し、フォームに接続したいリストを選択します。

管理オーディエンスのドロップダウンメニューからサインアップフォームを選択します。

埋め込みフォームのコードをコピーして、テキストエディターに貼り付けます。

「フォームアクション」を検索して、フォームアクションURLを見つけます。この例では、アクションURLはhttps://joechiang.us2...で始まります。

フォームを設定する

Webflowに戻り、プロジェクトを開きます。

フォームを選択し、設定を開きます。

アクションURLをアクションフィールドに貼り付け、またメソッドのドロップダウンからPOSTを選択します。

それから、サイトを公開します🚀！

テストしてセレブレーションしよう 🙌