# Framer Mailchimp Integration

> To integrate Mailchimp in Framer, open your project, insert a Forms component, and select Mailchimp. Customize the design and layout, enter your Mailchimp form endpoint, and set a URL destination. Finally, test the integration and confirm all connections work properly to ensure smooth data flow.

Canonical: https://livedemo.ai/tutorials/framer-mailchimp-integration/
Apps: Mailchimp, Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/6929ffe9243f01ed60a4d55b/preview?step=1

## Steps

1. Open your Framer project.
2. Click 'Insert' to add your component to the canvas and build your design.
3. Select 'Forms' as your interactive element to configure its behavior.
4. Select 'Mailchimp' to integrate Mailchimp and add powerful email subscription capabilities.
5. Customize this component to match your design aesthetic.
6. Position your element precisely within your layout.
7. Enter your Mailchimp form endpoint to connect your subscription service.
8. Set a URL destination to create external navigation options.
9. Test your integration to ensure smooth data flow.
10. Finalize your design by confirming all connections work properly.