Direct Klaviyo Integration
Connect your Framer site directly to Klaviyo
This component integrates with Klaviyo’s Client Subscriptions API, allowing you to send subscribers directly from your Framer site to your Klaviyo list using your public Site ID and List ID.
Because it uses Klaviyo’s official client subscription method, the form works entirely on the frontend, meaning you can connect your Framer website to Klaviyo without needing a backend or server setup.
The component also includes legacy fallback support, helping maintain compatibility across different Klaviyo configurations.
Flexible Subscriber Fields
Capture richer subscriber profiles
The form includes a required email field with optional subscriber fields that can be enabled directly from the component panel:
Email (required)
First Name (optional)
Last Name (optional)
Phone Number (optional)
This flexibility allows you to build either a minimal email capture form or a more detailed subscriber profile collection depending on your marketing needs.
Built for Framer Layouts
Designed for Framer’s native layout system
The component is optimized specifically for Framer layout controls, making it easy to drop into any page or section.
Key layout behavior:
Width fills the parent container
Height automatically fits the content
Spacing and positioning controlled through Framer
The component intentionally does not include a background card, allowing it to inherit styling from the parent layout and integrate seamlessly with any design system.
Fully Customizable Styling
Complete design control inside Framer
All styling and behavior settings are organized into clear control groups within the component panel.
Control groups include:
Klaviyo
Configure your Site ID and List ID to connect your form.
Fields
Enable or disable subscriber fields such as first name, last name, and phone.
Behavior
Configure consent checkbox behavior and form logic.
Styling
Adjust layout spacing and overall visual styling.
Inputs
Customize input field styles including colors, borders, and typography.
Button
Style the submit CTA including colors, size, and button appearance.
Messages
Customize success and error messages shown after form submission.
Every input, button, and message style can be customized to match your brand.
Quick Setup
Launch your Klaviyo signup form in minutes
Add the component to your Framer project.
Set the width to Fill and height to Fit Content so it adapts to your layout.
Enter your Klaviyo Site ID and List ID in the Klaviyo control panel.
Enable any additional subscriber fields you want to collect.
Customize styling for inputs, button, and messages using the component controls.
Once configured, the form will send new subscribers directly to your Klaviyo list.
Perfect for Framer + Klaviyo Workflows
This component is ideal for:
Framer websites using Klaviyo for email marketing
Landing pages and marketing sites
Newsletter signup sections
Email capture forms for product launches
No-code Klaviyo integrations
Designers and marketers can easily add a Klaviyo email signup form to a Framer site without writing code.
Support & Returns
Need help?
Returns are accepted within 30 days of purchase.
If the component is not functioning as described or you run into any issues during setup, please reach out directly and I’ll be happy to help.
Email: bryanbrunotdesign@gmail.com
Add It to Your Stack
Add a high-converting Klaviyo signup form to your Framer site in minutes.
Drop the component into your project, connect your Klaviyo Site ID and List ID, customize the styling, and start capturing subscribers directly into your Klaviyo list. Designed for flexibility, speed, and seamless Framer integration. 🚀Bonus: Terms & Conditions Template
Included with your purchase is a downloadable Newsletter Terms & Conditions template. This editable document helps you establish clear consent language and communication expectations when collecting subscriber information. It can be customized to fit your brand and legal requirements.
Ideal For
Framer sites using Klaviyo
Ecommerce newsletter capture
Product drops and waitlists
Lead generation landing pages
Brands wanting full design control over signup UX
Get it for$13.00
Tags
Framer Commerce
Framer Designer
Framer Developer
Product created by
Bryan Brunot San Francisco, USA
Get it for$13.00
Tags
Framer Commerce
Framer Designer
Framer Developer
Direct Klaviyo Integration
Connect your Framer site directly to Klaviyo
This component integrates with Klaviyo’s Client Subscriptions API, allowing you to send subscribers directly from your Framer site to your Klaviyo list using your public Site ID and List ID.
Because it uses Klaviyo’s official client subscription method, the form works entirely on the frontend, meaning you can connect your Framer website to Klaviyo without needing a backend or server setup.
The component also includes legacy fallback support, helping maintain compatibility across different Klaviyo configurations.
Flexible Subscriber Fields
Capture richer subscriber profiles
The form includes a required email field with optional subscriber fields that can be enabled directly from the component panel:
Email (required)
First Name (optional)
Last Name (optional)
Phone Number (optional)
This flexibility allows you to build either a minimal email capture form or a more detailed subscriber profile collection depending on your marketing needs.
Built for Framer Layouts
Designed for Framer’s native layout system
The component is optimized specifically for Framer layout controls, making it easy to drop into any page or section.
Key layout behavior:
Width fills the parent container
Height automatically fits the content
Spacing and positioning controlled through Framer
The component intentionally does not include a background card, allowing it to inherit styling from the parent layout and integrate seamlessly with any design system.
Fully Customizable Styling
Complete design control inside Framer
All styling and behavior settings are organized into clear control groups within the component panel.
Control groups include:
Klaviyo
Configure your Site ID and List ID to connect your form.
Fields
Enable or disable subscriber fields such as first name, last name, and phone.
Behavior
Configure consent checkbox behavior and form logic.
Styling
Adjust layout spacing and overall visual styling.
Inputs
Customize input field styles including colors, borders, and typography.
Button
Style the submit CTA including colors, size, and button appearance.
Messages
Customize success and error messages shown after form submission.
Every input, button, and message style can be customized to match your brand.
Quick Setup
Launch your Klaviyo signup form in minutes
Add the component to your Framer project.
Set the width to Fill and height to Fit Content so it adapts to your layout.
Enter your Klaviyo Site ID and List ID in the Klaviyo control panel.
Enable any additional subscriber fields you want to collect.
Customize styling for inputs, button, and messages using the component controls.
Once configured, the form will send new subscribers directly to your Klaviyo list.
Perfect for Framer + Klaviyo Workflows
This component is ideal for:
Framer websites using Klaviyo for email marketing
Landing pages and marketing sites
Newsletter signup sections
Email capture forms for product launches
No-code Klaviyo integrations
Designers and marketers can easily add a Klaviyo email signup form to a Framer site without writing code.
Support & Returns
Need help?
Returns are accepted within 30 days of purchase.
If the component is not functioning as described or you run into any issues during setup, please reach out directly and I’ll be happy to help.
Email: bryanbrunotdesign@gmail.com
Add It to Your Stack
Add a high-converting Klaviyo signup form to your Framer site in minutes.
Drop the component into your project, connect your Klaviyo Site ID and List ID, customize the styling, and start capturing subscribers directly into your Klaviyo list. Designed for flexibility, speed, and seamless Framer integration. 🚀Bonus: Terms & Conditions Template
Included with your purchase is a downloadable Newsletter Terms & Conditions template. This editable document helps you establish clear consent language and communication expectations when collecting subscriber information. It can be customized to fit your brand and legal requirements.
Ideal For
Framer sites using Klaviyo
Ecommerce newsletter capture
Product drops and waitlists
Lead generation landing pages
Brands wanting full design control over signup UX
$13.00