> Open a Plandalf checkout from Next.js and let native Mailchimp steps add the buyer to an audience, tag them and record a Customer Journey event. Source: https://plandalf.com/apps/nextjs/integrations/mailchimp Last modified: 2026-10-26 Checkout embed # Next.js + Mailchimp integration Next.js hosts the buying action, Plandalf takes payment, and native steps put the buyer in a Mailchimp audience with tags and an event. [Start your 14-day free trial](https://admin.plandalf.dev/signup)[Jump to the setup](#setup) No credit card required. No coding required. **Next.js** **Mailchimp** ## Does Next.js integrate with Mailchimp? Mailchimp connects to the checkout, not to Next.js. Your app loads the Plandalf SDK and opens the offer; a Plandalf sequence then runs native Mailchimp steps: add or update the contact, add tags, record an event. Mailchimp subscribe events can start a Plandalf sequence. ## What moves between Next.js and Mailchimp Event From and to Through What happens Checkout opened Next.jsPlandalf Checkout embed Client components render the buying action once the provider reports the SDK ready. Checkout completed PlandalfMailchimp Native step Add or Update Contact fills first name, last name and merge fields. New contacts get the status you choose: Subscribed, Pending for double opt-in, or Transactional. Record event PlandalfMailchimp Native step The event name must match the Customer Journey starting point exactly. Spaces turn into underscores. Contact subscribed MailchimpPlandalf Native step Saving the trigger adds a webhook to the audience, visible in Mailchimp under Audience, Settings, Webhooks. Invoice refunded PlandalfMailchimp Native step Remove Tags from Contact takes the purchase tags back after a full refund in Stripe. ## Mailchimp tags and a journey from a Next.js sale The Mailchimp key is the only secret. It goes into Plandalf, not into your Next.js environment. 1. ### Load the SDK in a client provider Use `next/script` inside a `'use client'` component and wait for `plandalf('ready', ...)`. Never read `window` during server rendering. 2. ### Render a button or inline checkout Use `data-plandalf-present` for a modal or `sdk.mount()` in an effect for an inline form, and return the handle's `close()` from the effect cleanup. 3. ### Create the Mailchimp key Mailchimp's Extras menu has API keys. Create one and copy it whole, including the `-us21` style suffix. 4. ### Connect and add the contact Connect Mailchimp under Automation, Marketplace. On a Checkout Completed sequence add Mailchimp, Add or Update Contact with your Audience and `{{trigger.customer_email}}`. Create any merge field in Mailchimp first. 5. ### Record the event and build the journey Add Record Event named `plan_purchased` with a `plan` property from `{{trigger.line_items_summary}}`. In Mailchimp start a Customer Journey on that event name. 6. ### Test, then switch off test runs Enable Run on test purchases, buy with a Stripe test card, check the contact in the audience, then turn the option off. ## What sellers do with Next.js and Mailchimp ### Product-led apps with plan upgrades An app sells upgrade plans through its pricing route. The plan name rides along as an event property, so a journey can send the right onboarding for each plan. ### Agencies selling retainers from a custom site A Next.js site sells monthly retainers. The audience tag keeps clients out of prospecting campaigns, and renewals refresh the `PLAN` merge field. ## Limits and gotchas - Mailchimp events carry no revenue and are not Mailchimp orders. Put the amount into a property if reports need it. - Existing contacts keep their status, so a step never resubscribes someone who unsubscribed. - Signed customer identity in Next.js prefills the checkout. It does not by itself guarantee which email the sequence sees, so test with a logged-in user. - Mailchimp permits 10 simultaneous connections per key, and Plandalf retries twice before a step fails. - Your server, not a Mailchimp tag, should decide who gets paid access. ## Next.js and Mailchimp: common questions Does Next.js integrate with Mailchimp? Through Plandalf rather than directly. The Next.js app opens the checkout, and Plandalf's native Mailchimp steps handle the audience, tags and events. How do I add Next.js customers to a Mailchimp audience? Connect Mailchimp with an API key under Automation, then add Add or Update Contact to a sequence that starts on Checkout Completed for your offer. Why is the Mailchimp Record Event not starting my journey? The event name must match the journey's starting point exactly, including the underscores Plandalf adds in place of spaces. Check the run's Events view for the name that was sent. ## Guides for this pair - [Plandalf with Next.js](https://plandalf.com/platforms/nextjs) - [Plandalf with Mailchimp](https://plandalf.com/platforms/mailchimp) - [Next.js setup guide](https://plandalf.com/docs/platforms/nextjs) - [Mailchimp setup guide](https://plandalf.com/docs/integrations/mailchimp) - [Identify customers](https://plandalf.com/docs/sdk/identity) [Start your 14-day free trial](https://admin.plandalf.dev/signup) ## More from Next.js and Mailchimp - [**Next.js + Klaviyo**Your Next.js app owns the page, Plandalf owns checkout, and the paid order lands in Klaviyo as an event that can start a flow.](https://plandalf.com/apps/nextjs/integrations/klaviyo) - [**Next.js + MailerLite**Next.js hosts the buying action, Plandalf takes the payment, and MailerLite gets the buyer in a group through native steps.](https://plandalf.com/apps/nextjs/integrations/mailerlite) - [**PayPal + Next.js**A client component opens the Plandalf checkout, PayPal is a payment option there, and your server confirms the paid invoice.](https://plandalf.com/apps/paypal/integrations/nextjs) - [**PayPal + Mailchimp**A PayPal payment on a Plandalf checkout can add the buyer to your Mailchimp audience, tag them and start a Customer Journey.](https://plandalf.com/apps/paypal/integrations/mailchimp) - [**Shopify + Mailchimp**Mailchimp's Shopify app handles the store. A Plandalf offer opened from a Shopify page adds its buyers to the same audience, tagged and ready for a journey.](https://plandalf.com/apps/shopify/integrations/mailchimp) - [**Stripe + Mailchimp**Stripe takes the payment, and the paid Plandalf checkout adds the buyer to your Mailchimp audience, tags them and starts the right Customer Journey.](https://plandalf.com/apps/stripe/integrations/mailchimp) Checked October 26, 2026 against Plandalf's own setup guides and the vendor documentation: [Next.js: load and optimize scripts](https://nextjs.org/docs/app/guides/scripts).