# Framer Newsletter Integration

> To integrate a newsletter in Framer, open your project, insert the newsletter component from Forms, and customize its appearance. Position the form on your canvas, connect your service endpoint URL, set a redirect destination, and send a test submission to verify proper functionality.

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

## Steps

1. Start by opening your Framer project where you want to add the newsletter form.
2. Hit 'Insert' to add the newsletter component to your canvas—it's ready for customization.
3. Navigate to 'Forms' to set up the interactive elements of your newsletter signup.
4. Click 'Newsletter' to access email collection options for growing your subscriber list.
5. Adjust the newsletter component's colors and typography to match your site's look and feel.
6. Drag to position your newsletter form where it'll get the most visibility and sign-ups.
7. Paste your newsletter service endpoint URL here to connect your subscription form.
8. Add a URL for where subscribers should land after submitting their email address.
9. Send yourself a test submission to verify the form is capturing emails correctly.
10. Double-check that your form submits properly and redirects to your thank-you page.