Publish at least 2 sign-up forms on your website
Start by publishing at least one pop-up form and one embedded form to engage visitors and capture email consent.
1. Launch a pop-up form at exit intent:
Engage visitors before they leave your site with an exit-intent pop-up. Offer an incentive such as 10% off their first purchase, free shipping on their first order, or a small welcome gift to encourage sign-ups.
2. Set up a form teaser for your pop-up:
Give visitors another chance to subscribe by enabling a form teaser. Place it in a visible spot after someone closes the pop-up, and make sure its message matches your offer, for example “Get 10% off.”
3. Add an embedded form to your website footer:
Capture passive visitors by including a simple sign-up form in your footer. Ask only for an email address to maximize opt-ins, and align this form’s message with your pop-up incentive for a consistent experience.
Implement 3 essential elements in your forms
Set your forms up for success by protecting deliverability and staying compliant. Follow these three essential strategies to build a high-quality, engaged subscriber list.
1. Enable double opt-in:
Turn on double opt-in to make sure new subscribers confirm their subscription before joining your list. This step helps prevent invalid or mistyped contact details and keeps your list clean.
2. Link to privacy policy:
Build trust by explaining how you’ll use subscriber information. Include links to your terms and conditions and privacy policy to stay transparent and compliant with data regulations.
3. Include GDPR compliant language for EU citizens
Enable Data Protection Fields to collect and manage consent as required by GDPR (General Data Protection Regulation). Klaviyo provides built-in GDPR-compliant form options, but it’s best to consult legal counsel if you need customized form language.
Drive conversions with high-value forms
Create a seamless sign-up experience that encourages visitors to subscribe. Follow these design best practices to make your forms more engaging and drive higher conversions.
1. Design forms that reflect your brand:
Keep your forms consistent with your brand’s look and feel by applying your colors, fonts, and imagery in Klaviyo’s settings. A cohesive design across your site and forms helps visitors recognize and trust your brand.
2. Use high quality imagery:
Catch your visitors’ attention with images that resonate, such as product photos or lifestyle shots. Choose high-quality images that load quickly and display well on any device.
3. Create a big, bold, and obvious CTA:
Create a compelling call-to-action (CTA) button that stands out and encourages visitors to sign up. Try friendly phrases like “Count me in,” “Sign me up,” or “Join now,” and use your brand’s primary color to make the button pop. Add a short reassurance near the CTA to let visitors know their information is safe.
Drive engagement with targeted form settings
Increase form performance by controlling who sees your form and when they see it. Use targeting and behavior settings to deliver a smoother, more personalized experience for every visitor.
1. Control when your form appears:
Fine-tune the timing and frequency of your forms to match visitor behavior. Choose when your form appears, such as after a few seconds on a page or when a visitor is about to exit, and decide how often each person will see it.
2. Choose who sees your form:
Target your forms to the right audience based on factors like URL, UTM parameters, location, or consent status. Showing relevant forms to the right visitors helps increase engagement and reduce unsubscribes.
3. Enable collision prevention:
Keep your site experience clean by ensuring only one sign-up form appears at a time. Customize your form display settings to avoid overlapping forms and prevent overwhelming your visitors.
Enhance the experience for mobile users
Give mobile visitors the same smooth experience as desktop users. Use these tips to ensure your sign-up forms look great and function properly on any device.
1. Keep forms simple:
Optimize your mobile forms by limiting the number of fields and buttons. Aim for 1 to 3 input fields and one or two call-to-action (CTA) buttons per form. If you want to collect consent for multiple channels, use a multi-step form to avoid overwhelming the user.
2. Structure for easy navigation:
Design your form with a clear, single-column layout so nothing gets cut off on smaller screens. Position your CTA buttons at the bottom for easy access and a natural flow through the form.
3. Boost accessibility and readability:
Ensure your forms are easy to read and interact with on mobile. Use a minimum font size of 16 pixels, include at least 8 pixels of spacing between elements, and make touch targets at least 48 pixels. This helps users open, read, and complete your forms without frustration.