Sign-up Forms

Get advice on building and designing signup forms that convert.

  • 679 Topics
  • 1,936 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

679 Topics

S
Contributor I
SueinSydneyContributor I
asked in Sign-up Forms

Different URL for Success Form

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?

0
S
Contributor I
4 hours ago
MilenaCandle
Contributor II
MilenaCandleContributor II
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
Contributor II
14 hours ago
E
Contributor I
elloltContributor I
asked in Sign-up Forms

Klaviyo embed form can't find list

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

0
E
Contributor I
18 hours 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
23 hours 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
1 day 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
1 day 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
2 days ago
MilenaCandle
Contributor II
MilenaCandleContributor II
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
Contributor II
2 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
2 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
2 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
3 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
4 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
4 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 

7
L
Contributor III
4 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
7 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
10 days ago
M
Contributor II
Megan.PooleContributor II
asked in Sign-up Forms

"Copy Code" Signup Form Revenue Attribution

Hi,I’d like to use a pop-up which reveals the coupon code upon entering an email address. However, where does the revenue for these sales get attributed?Thanks!Megan

5
Jakub
Partner - Silver
10 days ago
S
Contributor I
shopboemContributor I
asked in Sign-up Forms

Sign Up Form Spacing

Hi! I am encountering some spacing issues on our sign up forms. It is not showing up in klaviyo, but is looking weird when it’s live on shopify. Any suggestions would be appreciated!  

1
Dov
14 days ago
C
Contributor III
ClaudiaContributor III
asked in Sign-up Forms

Woocommerce-Klaviyo profile and purchase information

Hi everyone!I have an an ecommerce store built using Woocommerce and I’ve now integrated Klaviyo. As far as I can tell, for people to have an account on my store where they are able to see their past purchases and invoices I have to create the customer profile using the woocommerce platform and not Klaviyo (if I use the klaviyo registration forms I end up creating a Klaviyo account but not a woocommerce one).But unleass I buy the pro version or the add on, the registration form of woocommerce is really limited.. Is there a way to integrate some features of Klaviyo into my customer’s profile? For instance: with woocommerce my customers can see thir name and contact information, address, last purchases and invoices. But I want to know and want them to be able to complete their profile with skin type, and hair type. I know Klaviyo allows to ask that and storage that information but that way I would have my customer information scattered in two platforms… Not sure I made myself understood 

5
Ashley I.
Partner - Silver
14 days ago
cl4udio
Contributor I
cl4udioContributor I
asked in Sign-up Forms

How can I add custom font from cPanel/WordPress server?

Hi Klaviyo’s team/community, Someone know why I can't import my custom font from my Self-Hosted site?From Shopify servers works fine, but from a cPanel/WordPress/Woocommerce doesn’t it.I have tested with .woff or .woff2, all the time with all file’s privileges (777) . I can't find info about this issue on your forum. Please, help me.Thanks in advance.

3
stephen.trumble
Community Manager
15 days ago
B
Contributor I
buildfastbrianContributor I
asked in Sign-up Forms

Klaviyo forms pop-up when customers tap on product and try to checkout

I recently set-up two signup forms, one for mobile and the other for desktop browsers. When I published the forms they would appear as per the targeting behavior but they also appear when I click a product on the homepage or when trying to checkout. I can dismiss the forms but they reappear when I click the product again. It was not allowing customers to checkout on the site so I disabled both forms. I want to start serving these forms ASAP as they are for my welcome flow and a large revenue driver to my business. Any help is appreciated!

1
Dov
15 days ago
M
Contributor I
maximilianContributor I
posted in Sign-up Forms

Integrating custom signup checkbox

Dear community, we built our own questionnaire and would like to integrate a signup checkbox in the quiz. The site is not connected to Shopify and the questionnaire is custom built so it would be a custom script probably. How can we do this? We have an optional input field to provide the email address. Below we would put a checkbox that needs to be checked in order to signup directly to Klaviyo and trigger the double-confirmation mail. If the user does not want to signup he can skip the question. I am not sure how we can approach this. Any hint would be highly appreciated!Best,Max

1
Dov
15 days ago
B
Contributor I
Brooke_MacContributor I
asked in Sign-up Forms

Show form submission date in profile

HiDoes anyone know if there is a way to show a form submission date in a profile? I can manually add a field to our forms, but given Klaviyo already knows when the form was submitted, I was hoping to pull through this information with our the customer having to enter today’s date.Thanks

1
Dov
15 days ago
F
Problem Solver I
fgroastProblem Solver I
asked in Sign-up Forms

Button URLs in Sign Up forms and Shopify Discount Codes

I have a fly-out sign up form on my web site that includes email signup, SMS signup, and a unique Shopify discount code. On the signup success step is also a button that brings the user to a page to start shopping. Shopify allows me to use a URL to set the discount code automatically (one less copy and paste for the end user). The URL to automatically use a discount code should look like this: https://mywebsite.com/discount/UNIQUEDISCOUNTCODE?redirect=/collections/starthereOn the success step for the signup form form, I have the unique discount code (shows up no problem). And I’d love to have the following in the URL for the button on that same step:  https://mywebsite.com/discount/{% coupon_code 'Signup_and_save_10' %}?redirect=/collections/start However, when I put this in and tested it, I got exactly that (code included) as the URL for the button - not the unique coupon code for that customer - although the unique code was correctly shown in the text box on the same step.Any way to

2
F
Problem Solver I
16 days ago
F
Contributor I
Faith_FabContributor I
asked in Sign-up Forms

Colour Change Dropdown Box in Sign Up Form

We’re using a sign up form for a competition we’re running soon but wanted to know if you’re able to change the background colour of this box to white to match the rest of the form? The top box is the one we want to change from grey to white ideally 😀 Thank you!  

1
Dov
16 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.