LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

ロジックでMailchimp購読者を追加する

LogicのMake HTTPリクエストブロックを使用して、Mailchimpで連絡先情報を収集し、新しい購読者を登録します。

Mailchimpを使用すると、マーケティングメール、ニュースレター、ターゲットキャンペーンを作成して送信できます。Logicを使用すると、WebflowサイトからMailchimpに新しい購読者を登録し、マーケティング戦略の重要な要素をシームレスに結びつけることができます。

このレッスンで学ぶこと

MailchimpのAPIキーの作成方法

新しいタブでWebflow Designerでサイトを開きます。
デザイナーキャンバスでフォームブロックを選択し、Form block settingsを開きます。
Sourceのドロップダウンをクリックし、Logicを選択します。
Add new flowをクリックします。
Nameフィールドに新しいフローの名前を入力します（例：「Mailchimpニュースレターへの購読者追加」）、説明フィールドに任意で説明を追加します。
Make HTTPリクエストブロックをフローエディターキャンバスにドラッグし、名前を付けます（例：「Mailchimpへのリクエスト送信」）。
AuthenticationのドロップダウンからAPIトークンを選択します。
Add toのドロップダウンからHeaderを選択します。
Headerフィールドに「Authorization」と入力します。
Select a credential > Add new credentialをクリックします。
NameフィールドにAPIトークンの名前を入力します（例：「Mailchimp APIトークン」）、任意で Description フィールドに説明を追加します。
Tokenフィールドに「Bearer {APIキー}」を入力します。ここで**{APIキー}**はMailchimpからコピーしたAPIキーに置き換えます。
Createをクリックして新しい認証情報を保存し、このタブを開いたままにしておきます！

Mailchimpダッシュボードに戻ります。
Audience > All contactsに移動します。
複数のMailchimpオーディエンスを持っている場合、Current audienceのドロップダウンをクリックし、Webflowサイトに接続したいオーディエンスを選択します。
Settingsのドロップダウンをクリックし、Audience name and defaultsを選択します。
Audience IDをコピーします。

LogicのフローとMailchimpの認証情報を作成したので、Webflowに戻り、フロー内でHTTPリクエストを設定する必要があります。このステップで設定するHTTPリクエストにより、Webサイトの訪問者が購読フォームを送信するたびに、Mailchimpに新しい購読者が作成されます。

注意: Webflowサイトのタブを閉じた場合は、Logicパネル > Flowsタブに移動し、前のステップで設定したフローを選択します。フローエディターキャンバス上のMake HTTP requestブロックを選択してブロックの設定を開き、以下の手順を完了します。

Request methodドロップダウンをクリックし、POSTを選択します。
URLフィールドに「https://{dc}.api.mailchimp.com/3.0/lists/{list_id}/members」と入力し、**{dc}をMailchimpのURLから取得したデータセンターに、{list_id}**をMailchimpからコピーしたオーディエンスIDに置き換えます。
以下をBodyフィールドに貼り付けます：

{"email_address": "","status": "subscribed"}

注意: テスト中にエラーメッセージを受け取った場合は、トラブルシューティング手順を参照してから、上記の手順を再試行してください。HTTPリクエストのテスト方法についての詳細も学んでください。

フローのテスト中にエラーが発生する場合、以下の方法を試してみてください。