Sign-up Forms

Get advice on building and designing signup forms that convert.

  • 686 Topics
  • 1,964 Replies
Dov
Dov
solved this question

Webflow/Klaviyo signup form integration

Hi @Aviva Mael,Thank you for sharing your question with the Klaviyo Community.The simplest solution is to embed a Klaviyo sign-up form on th...
  • 0
  • 2
shoshana.antunes
Rank
shoshana.antunes
started this topic

How to change the list that your Klaviyo form is pointed to

Signup forms are an extremely useful tool when creating an on-site experience for your customers! You’ve worked hard to design the perfect f...
  • 6
  • 7
ashley_mcdermott
Rank
ashley_mcdermott
started this topic

How can I add an embedded form to a page on my Shopify Store?

To add a Klaviyo embedded form to your Shopify website, head to your store’s Pages (e.g., YOUR-STORE.myshopify.com/admin/pages). Then, selec...
  • 2
  • 24

686 Topics

L
Contributor I
LARS305Contributor I
asked in Sign-up Forms

Multi step sign up form:

Hello Klayvio community, I’m having issues with my mobile multi step sign up form. When visitors land on my website (non klayvio profiles) they are seeing my pop up forms. When configuring the setup, I’m having issues with the first name field as I’m collecting SMS first with name field and email on the 2nd popup with name field. Should I be having the name field on both email and sms forms? If visitor declines sms and wants to join email, the name field is there. If they decline and select not interested, the first name filed is auto populated to required field and cant close the form. I need to be capturing name fields on both. What property should i be setting up for name filed on sms from and then what property for name field on email pop up???? This issue I’m having is on both desktop and mobile forms.  Looking forward to a response. 

0
L
Contributor I
8 hours ago
E
Contributor IV
Eleanor ShadowContributor IV
asked in Sign-up Forms

How can I change the name of my form teaser?

Hello, everyone.I’ve got a subscription form which is supposed to go fullscreen when clicked on. Everything is fine with it, except I can’t find where to change its title! Any ideas?I’m sure it’s an easy fix, but I’ve been going over this for ages and can’t find it. Help? :) 

3
Taylor Tarpley
Community Manager
1 day ago
ebusiness pros
Partner - Silver
ebusiness prosChampion & Partner
posted in Sign-up Forms

Best optin offers for giveaways (no discounting)

Hey community!I’m doing some research on different optin offers, and I’m interested to hear what your experience has been with doing giveaways. My clients mostly sell luxury products, and prefer to not give any discount offers. So the challenge becomes, how do you incentivize optins without offering a discount? I’d love to know...What was the optin reward offered? Did every new subscriber get a reward, or just one monthly/weekly winner? How did you fulfill that? Did they have to place an order with a secret discount code to “redeem” the reward?I’ve seen optin rates around 3% when everyone was offered a free sticker. Then optin rates of 9-11% when we offer a downloadable asset like a pet safety checklist, or packing list. I’d love to see some new ideas though… ~ Gabrielle

4
ebusiness pros
Partner - Silver
2 days ago
D
Contributor I
Dylan P.Contributor I
asked in Sign-up Forms

[Webflow] Only one embedded form displays when there are two on a page.

I am using Klaviyo embedded forms on a Webflow site; in the section before the footer and the subscribe button in the footer.When there is only one instance of the form on a page, it works perfect. But when there are two instances of the form on a page, only the first instance displays while the second doesn’t display at all.Using Chrome’s Inspect tool both forms have similar HTML including a “form-version-cid-#”. The first, displayed instance of the form has a “form-version-cid-1” while the second, non-displayed form instance has a “form-version-cid-2”. I assume this is where the issue is.There is only one JS script in the site. If you’re familiar with Webflow, it’s in the Project Setting > Custom Code > Footer Code. I also have tried making both HTML Embeds have the same IDs and classes. 

3
D
Contributor I
2 days ago
H
Contributor I
hellonancyContributor I
asked in Sign-up Forms

Why aren't my embed forms displaying correctly on my webflow page?

Hi,I have a 1-page lander built using Webflow that uses the same Klaviyo Embed Form throughout the page. However, the form only appears once on the landing page (mainly the hero section) and not at the other sections of my page. I’ve checked and the script + HTML embedded codes are correctly placed and unsure why the form is only showing up on the header, when it’s using the same exact code + class on the other sections.I’m using Webflow → HTML Embed to put my Klaviyo code in. Is there some limitation to how many of the same Klaviyo Sign Up forms you can embed on 1 page?I previously had no issues putting multiple sign up forms (of the same form) on my 1-page lander. Thanks!

6
Taylor Tarpley
Community Manager
2 days ago
L
Contributor III
Lien MamzelContributor III
asked in Sign-up Forms

How to make sure signup forms are shown only once

Hello,We currently use sign-up forms (announcements/pop-ups) to inform our customers about promotions and freebies. However, we cannot seem to find how to make sure the form is only shown once. Although we have switched on the button "don't show again after submitting or closing..." the fly-out or pop-up keeps on popping up when visiting another page during the same session/visit.Are we missing something?Kind regards,Lien - content creator for Mamzel 

8
Taylor Tarpley
Community Manager
2 days ago
R
Contributor I
Rc001Contributor I
asked in Sign-up Forms

Flow for pre order list

Hey!I have a question regarding setting up a pre-order list for my upcoming product launch. I will be launching three new products soon and I want to send an email to my existing customers, inviting them to register for the pre-sale subscription list so that they can stay informed about the launch. Since I have three different products, I want to give customers the option to sign up for each product separately, and I want to keep these customers in different registration lists. My question is, is it possible to add a registration form in a Klaviyo email or is there a better way to approach this?Thank you in advance for your response!

3
T
Problem Solver IV
3 days ago
H
Contributor I
HenrikContributor I
asked in Sign-up Forms

Clone signup form to another account?

Hi! I would like to copy/clone a signup form from one of our accounts to seven other accounts. Can I do this or do I have to design the signup form from scratch in each account? Thanks!

11
Taylor Tarpley
Community Manager
4 days ago
H
Contributor I
HendersonContributor I
asked in Sign-up Forms

Is there a way to clone a sign up form from one account to another?

Hey, we have 5 different Klaviyo accounts and would like to add a few sign up forms. However, creating a new signup form for each of the accounts is really a pain.Is there a way to clone a signup form to another account like with the flows or templates?

9
Taylor Tarpley
Community Manager
4 days ago
A
Contributor I
alirezaasadiContributor I
asked in Sign-up Forms

Why am I seeing an error the success message of my form?

Hello, Regarding my exit intent pop up, while visitors submit their email, instead of getting a coupon code for discount,Success message gives an error message.Frustrated visitors have started to call us and it is damaging our reputation.Please let me know how to resolve it ASAP.Thanks

2
Taylor Tarpley
Community Manager
5 days ago
E
Contributor I
elloltContributor I
asked in Sign-up Forms

Why can't my legacy Klaviyo embed form find the list it's connected to?

hello, i create klavio form on my website, <form id="email_signup" class="w-full klaviyo_gdpr_embed_TULjq2" action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" novalidate="novalidate">                    <div class="flex justify-center items-center">                        <h1 class="text-center w-full lg:w-8/12 mb-8 lg:mb-16 font-bold text-lg lg:text-4xl">Where should we send your results? Enter your email address:</h1>                    </div>                    <div class="flex justify-center items-center klaviyo_field_group">                        <input type="hidden" name="g" value="TULjq2">                        <input type="hidden" name="$fields" value="$consent">                        <input type="hidden" name="$list_fields" value="$consent">                        <input type="email" value="" name="email" id="k

1
Taylor Tarpley
Community Manager
5 days ago
S
Contributor I
SueinSydneyContributor I
asked in Sign-up Forms

How can I make the next step of my form send a user to a different URL?

I have set up a sign-up form and when you click submit, it goes to the “success” page.  This is an embedded form on a web page. For Facebook  Ads tracking, I need the success page to have a separate URL but it has the same URL as the sign-up form. How can it be set up so that the success page has a separate URL?

1
Taylor Tarpley
Community Manager
5 days ago
MilenaCandle
Active Contributor I
MilenaCandleActive Contributor I
posted in Sign-up Forms

How do I upload my coupons to the success message of my form?

I am trying to connect coupon code with my email subscribers. I am having the problem connecting. I put 1000 codes. Not sure why like that. Should be automatically for each subscribers. Second page call SUCCESS  suppose to be for the text  OR COUPON.  

6
MilenaCandle
Active Contributor I
8 days ago
T
Contributor I
tribedevsContributor I
asked in Sign-up Forms

How can I prevent spam bots signing up while keeping my List set to single opt-in?

Hi, we are hitting an issue where bots are spamming our forms with duplicate firstname and lastname. (like JohnSmith JohnSmith). This is a clear pattern that I can write validation for. Although nothing in Klaviyo seems to allow us to check for this and reject it.We cannot turn on 2 step submission. It’s already up and running/established without it and will affect metrics. Forms are embedded.So my question:Can I script a new validation rule into the signup forms myself for this? Can I add any js to the form, within Klaviyo? Or will I have to rewrite 5 forms as legacy, just for the purpose of custom validation? As it seems like Legacy > Embedded when it comes to flexibility...which is...regressive!Any help appreciated. Thanks.

1
Taylor Tarpley
Community Manager
8 days ago
M
Contributor I
MatijaContributor I
asked in Sign-up Forms

How can I put an image above the popup itself rather than on the side?

Hi all. Does anybody know if it is possible to create a sign up form where the image is a png above the popup itself rather than a side image? Thank you!

2
M
Contributor I
9 days ago
J
Contributor I
Jen S.Contributor I
asked in Sign-up Forms

Opt-In email formatting help

Hello! I updated the Email Preference and Subscription forms with new brand colors; however, the Opt-In email formatted so oddly! It doesn’t look good on mobile or desktop.Below are two screenshots on mobile - the 1st is the default email when I first opened my Klaviyo account, and the second is how the email looks now after updating the colors. I didn’t add an underline to the button, and didn’t adjust the form padding.What’s going on? 

5
Taylor Tarpley
Community Manager
9 days ago
A
Contributor III
AdamBContributor III
asked in Sign-up Forms

Mobile display issue with email confirmation form

Hello, I am having a display issue with the confirm subscription email on mobile. Hoping someone can help. I am receiving the confirmation emails very small on mobile, while the emails look just fine on desktop. The mobile preview in the editor looks fine, like this: But when it is received in both my ios inbox as well as in the gmail app, it appears like this: I have compared all settings to other templates that are displaying just fine in mobile, and made similar settings in this form. I have the form width set to 600 px. The editor for this email form is rather limited and seems like the classic editor, so not really much to play around with. Am I missing something? Thanks in Advance!

4
DavidSandel
Partner - Silver
10 days ago
MilenaCandle
Active Contributor I
MilenaCandleActive Contributor I
asked in Sign-up Forms

Need help!

Hello, I am so new at a Klaviyo, and I am having a hard time! Without live support I hate it. They mention agency, I have no clue about agency and how much that will cost me. I am already in bad mood for all this. If I have a video step by step how to set up Klaviyo i will not have a problem.  Can somebody help me here?  😔

9
MilenaCandle
Active Contributor I
10 days ago
E
Contributor I
eztestbrookeContributor I
asked in Sign-up Forms

Phone Number Blocked by Country Code

On my sign up forms, the area to enter phone number is being blocked by the country code drop down arrow. It doesn't look like this during editing, but when added to our site the arrow is right in the center of the box, preventing a phone number being added. I have tried adding a new block as well as creating an entire new form, but the problem still happens. I don’t see an area to remove the country code option either. Please help! 

1
chloe.strange
Community Manager
10 days ago
M
Contributor I
Modest MermaidContributor I
asked in Sign-up Forms

Add block to sign up

Hi, How do you add a new block to the sign up form, when I click on new block and sign up form to add it won’t add? trying to add a multi check question

4
KatherineB
Partner - Platinum
10 days ago
J
Contributor I
JayHContributor I
asked in Sign-up Forms

Why does my form's field grabs mouse focus?

Hi,I have a simple email form field in my footer.  It’s placed into my website via straight embed, show to all users.My issue is the form field grabs my mouses focus automatically, shooting me to the bottom of every page I load.  The Email form field is being treated as a login box, to include my browser asking me if I want to login to this website using my credentials.This is in latest MAC OS and Safari.  It’s really annoying and I would like to find a way to make the form never grab autofocus.I read that there was a “attributes” tab for form fields and autofocus was an option that could be clicked or unchecked, however, I cannot locate any such tab or check box.

4
J
Contributor I
11 days ago
K
Contributor II
Kristian99Contributor II
asked in Sign-up Forms

Signups forms code not linking to woocommerce

Hi guys, new to the community here but have worked with Klaviyo in the past.I’m trying to the Klaviyo signups form code to work on my Wordpress site but I can’t seem to figure this one out.Installed the Klaviyo / Woocommerce integration (which works and syncs) but when trying to publish a form I keep getting the ‘Unable to detect that signup forms are successfully installed on your site. Please view the installation documentation.’ message.Tried installing the snippet separately above the body but that doesn’t seem to work either.Anyone who has experienced this before and resolved it? Many thanks,Krisitan

7
Taylor Tarpley
Community Manager
12 days ago
L
Contributor I
LARS305Contributor I
asked in Sign-up Forms

Desktop widget sign up form

Hello Klayvio Community, I’m having an issue. I created a multi sign up form and when I click the X to close the pop up a widget appears on the bottom left side of my website. My sign up is 10% off first order and for some reason it’s stating  GET 15% off. Please help on how can i fix this. Thanks. 

1
Taylor Tarpley
Community Manager
12 days ago
D
Contributor I
danschreiberContributor I
asked in Sign-up Forms

Is there a way to have a pop up appear only one time during a site visit?

I would like to a pop-up to appear when someone first comes to our website, but then once they close the pop-up, not have it appear again.  I have not been able to figure out how to do that, as it keeps popping up when they change pages, for example. I do not want to limit the pop-up to only certain urls, because we use several landing pages.  So can a pop-up appear one time, no matter where someone lands, and then once they close it, does not appear again? Thank you.

9
Taylor Tarpley
Community Manager
15 days ago
Jakub
Partner - Silver
JakubChampion & Partner
posted in Sign-up Forms

Flyout set up

Hi Community,Many brand I manage like the ease of use and power of flyout to ad announcement or other alerts to customers on webpage.But there is big disadvantage in using them, there is no functionality of exclusion between them to not spam customer over when they come to website. Also prioritization feature will be something great to plan for example that big promo flyout will have higher priority than newsletter signup popup. Now we can only disable one to put second live.Maybe you have some other solution to setup them. Also any interesting show cases to share?

1
Taylor Tarpley
Community Manager
18 days ago

Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2022 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.