Queryライブラリ
QueryライブラリInstaWPからMailchimpへのニュースレター購読者の登録

InstaWPからMailchimpへのニュースレター購読者の登録

InstaWP を利用すると、訪問者はプラグインをテストするためのサンドボックスサイトを起動でき、同時にニュースレターへの登録も行えます:

Gato GraphQLをテストするためにInstaWPでテストサイトを起動する
Gato GraphQLをテストするためにInstaWPでテストサイトを起動する

テンプレートの「Advanced Options」タブにあるInstaWPへのWebhookを設定することで、これらのメールアドレスを取得できます:

InstaWPテンプレートの詳細オプション
InstaWPテンプレートの詳細オプション

WebhookはパーシstedクエリとしてのPersistedクエリになります。以下のクエリを使用します。このクエリは訪問者のメールアドレスを取得し、そのメールアドレスをMailchimpのリストに登録します。

query HasSubscribedToNewsletter {
  hasSubscriberOptIn: _httpRequestHasParam(name: "marketing_optin")
  subscriberOptIn: _httpRequestStringParam(name: "marketing_optin")
  isNotSubscriberOptInNAValue: _notEquals(value1: $__subscriberOptIn, value2: "NA")
  subscribedToNewsletter: _and(values: [$__hasSubscriberOptIn, $__isNotSubscriberOptInNAValue])
    @export(as: "subscribedToNewsletter")
}
 
query RegisterNewsletterSubscribeFromInstaWPToMailchimpList(
  # mailchimpDataCenterCode: Code for the data center of your account on Mailchimp (See: https://mailchimp.com/developer/marketing/docs/fundamentals/#api-structure)
  $mailchimpDataCenterCode: String!
  # Audience ID for the list on Mailchimp to which to subscribe the email
  $mailchimpAudienceID: String!
)
   @depends(on: "HasSubscribedToNewsletter")
   @include(if: $subscribedToNewsletter)
{
  subscriberEmail: _httpRequestStringParam(name: "email")
  
  mailchimpUsername: _env(name: "MAILCHIMP_API_CREDENTIALS_USERNAME")
    @remove
  mailchimpPassword: _env(name: "MAILCHIMP_API_CREDENTIALS_PASSWORD")
    @remove
  
  mailchimpAPIEndpoint: _sprintf(
    string: "https://%s.api.mailchimp.com/3.0/lists/%s/members",
    values: [$mailchimpDataCenterCode, $mailchimpAudienceID]
  )
  
  mailchimpListMembersJSONObject: _sendJSONObjectItemHTTPRequest(input: {
    url: $__mailchimpAPIEndpoint,
    method: POST,
    options: {
      auth: {
        username: $__mailchimpUsername,
        password: $__mailchimpPassword
      },
      json: {
        email_address: $__subscriberEmail,
        status: "subscribed"
      }
    }
  })
}

そして wp-config.php に以下を定義します:

define( 'MAILCHIMP_API_CREDENTIALS_USERNAME', '{ username }' );
define( 'MAILCHIMP_API_CREDENTIALS_PASSWORD', '{ password }' );

このWebhookを使用することで、InstaWPで新しいテストサイトを作成した際に、ユーザーがニュースレターに登録すると、訪問者のメールアドレスが自動的にMailchimpのリストに追加されます:

メールアドレスがMailchimpのリストに自動的に追加される
メールアドレスがMailchimpのリストに自動的に追加される