[{"_path":"/providers/mailchimp","_draft":false,"_partial":false,"_empty":false,"title":"Mailchimp","description":"Learn more about the Mailchimp provider integration for newsletter module.","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Get down to business and grow sales. Engage your customers and boost your business with Mailchimp's advanced, yet easy‑to‑use marketing platform."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can learn more about Mailchimp "},{"type":"element","tag":"a","props":{"href":"https://mailchimp.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"here"}]}]},{"type":"element","tag":"h2","props":{"id":"usage"},"children":[{"type":"text","value":"Usage"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In order to have Mailchimp as your newsletter provider set the provider option in the configuration options of the "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"nuxt-newsletter"}]},{"type":"text","value":" module to 'mailchimp' like following:"}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  modules: [\n    'nuxt-newsletter'\n  ],\n  newsletter: {\n    mailchimp: {\n      apiKey: process.env.MAILCHIMP_API_KEY,\n      serverPrefix: process.env.MAILCHIMP_SERVER_PREFIX,\n      audienceId: process.env.MAILCHIMP_AUDIENCE_ID,\n      component: true // optional\n    }\n  }\n})\n","filename":"nuxt.config.js|ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"export default defineNuxtConfig({\n  modules: [\n    'nuxt-newsletter'\n  ],\n  newsletter: {\n    mailchimp: {\n      apiKey: process.env.MAILCHIMP_API_KEY,\n      serverPrefix: process.env.MAILCHIMP_SERVER_PREFIX,\n      audienceId: process.env.MAILCHIMP_AUDIENCE_ID,\n      component: true // optional\n    }\n  }\n})\n"}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can then use the built in "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"NewsletterForm.vue"}]},{"type":"text","value":" component or "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"useNewsletterSubscribe"}]},{"type":"text","value":" composable to handle adding new email to subscribers list."}]}]},"_type":"markdown","_id":"content:3.providers:2.mailchimp.md","_source":"content","_file":"3.providers/2.mailchimp.md","_extension":"md"},null]