Get advice on building and designing signup forms that convert.
- 686 Topics
- 1,964 Replies
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.
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? :)
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
[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.
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!
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
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!
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?
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
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
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?
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.
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.
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?
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!
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? 😔
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!
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.
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
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.
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.
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?
New Topic Guidelines
If you’ve already contacted the Klaviyo Support Team about this issue, please wait for a response and check your spam inbox for an email before posting in the Community.
Keep your private information private. That means, leave out information such as email address, links to account, private API key, customer info, etc. out of your posts.
Collaborate and discuss ideas in a positive and respectful manner. We are all here to learn and work together.
Promotion of other products/services should be relevant to the original post. The product/service should directly assist the community member with their issue.
Include as much detail as you can in your posts where applicable. The more information (integration, error message, screenshot, etc.) you include, the easier other Community members can assist or add to your discussion.
Starting a discussion or writing a feature request? Let people know how they can join in or provide feedback! Are you looking for others to share their thoughts, recommendations, examples, etc? Be as specific as you can where applicable.
Want to connect with others?
Don't be shy and see who else has similar interests.Check out our groups!
Most helpful members this week
Already have an account? Login
Use your Klaviyo credentials
Log in with Klaviyo
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentialsLog in with Klaviyo
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.