How to integrate FlutterFlow with Mailchimp?

Step 1: Setting Up Your Mailchimp Account

Before you can integrate FlutterFlow with Mailchimp, you need to have a Mailchimp account. If you don't have one, visit the Mailchimp website to create one. Once you're logged in, follow these steps:

• Navigate to the 'Extras' menu in the top right corner and select 'API keys'
• On the next page, click 'Create a Key'
• Give your key a name, and click on 'Create Key' once more. This will generate your API key. Keep this key safe, as you will need it later in this guide.

Step 2: Creating your Mailchimp Audience

Before you can sync your FlutterFlow application with Mailchimp, you need an audience to send your emails to. To create an audience on Mailchimp:

• From your dashboard, navigate to the ‘Audience’ tab, and click on ‘Audience Dashboard’.
• On the new page, click on ‘Manage Audience’ on the top right, and select 'View Audiences'.
• Click on the 'Create Audience' button and fill in the requested information.
• Click ‘Save’ to create your new audience.

Step 3: Install FlutterFlow

FlutterFlow is a visual app builder designed for teams and individuals who wish to build custom applications. Head over to the FlutterFlow website and install the app on your machine.

Step 4: Create a FlutterFlow Project

After installing FlutterFlow, you may need to sign in with your credentials, then follow the steps below:

• From the FlutterFlow dashboard, click on the 'New Project' button.
• Fill in your project's name and select a design for your project.
• Click on the button: 'Create Project' to proceed.

Step 5: Integrate FlutterFlow with Mailchimp

To integrate FlutterFlow with Mailchimp, you will need the API key you generated in Step 1.

• From your FlutterFlow dashboard, select the project you wish to link with Mailchimp.
• Locate and click on the 'Integrations' tab on the project editor.
• Scroll down until you find the 'Mailchimp' option, then click the 'Connect' button.
• Enter your Mailchimp API key in the input field and click on the 'Connect' button.

Step 6: Create an Action to Add User to Mailchimp List

Once your FlutterFlow project has been linked with Mailchimp, you can create actions that affect your Mailchimp audience. One example can be adding a new email to your mailing list:

• From your FlutterFlow dashboard, select the project you linked with Mailchimp.
• Navigate to 'Actions' on the left-hand menu and click on it.
• Click on the 'Add new action' button.
• On the new form that appears, enter a name for your action.
• Scroll down and click on the 'Choose an action type' dropdown button and select 'Add to Mailchimp audience'.
• Input the details required which includes the Audience ID (you can find this on your Mailchimp dashboard under your Audience information).
• Click 'Save' button to save the action.

Step 7: Trigger the Action

Finally, to see your integration work, you’ll need to trigger the action:

• Navigate to the UI Builder section of your project.
• Select a page and an element where your action will be triggered, like a form submission or a button click.
• Use the Actions panel to add the action you just created.
• Click on the 'Save' button, then 'Preview' your project to check the integration.

Remember, all users added from your FlutterFlow app will appear in the Mailchimp audience list you created. You can then send campaigns to this audience list.