Sign-up Forms

Get advice on building and designing signup forms that convert.

  • 733 Topics
  • 2,082 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

733 Topics

M
Contributor III
mantrasanContributor III
asked in Sign-up Forms

How can I translate sign up form validation messages?

I’m looking for a way to translate validation messages used in sign up forms.The Language of the list is set to Polish but despite that the validation messages, like: “This field is required” or “Please enter a valid email address”  are presented in English and I’m unable to locate settings to either set them to Polish or translate.Please kindly advise.

28
David To
Community Manager
1 year ago
ashley_mcdermott
Klaviyo Employee
ashley_mcdermottCustomer Ed.
posted in Sign-up Forms

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, select the page where you want the form to live or click Add page to create a new page.Click into the source (< >) for this page. Copy and paste the embedded signup form code into the source. Head to our article on How to Find Where to Paste a Form's Embed Code: Create an Embedded Form to learn where to find your embedded code.Finally, click Save and check that your form looks as expected.

24
alex.hong
9 months ago
M
Contributor II
MelContributor II
asked in Sign-up Forms

Form with File upload

Hi, We have custom form with file upload. Where we ask for ID proof. Is there a way to send the ID proof to Klaviyo? Thank you Mel. 

21
M
Contributor I
15 days ago
Julia.LiMarzi
Klaviyo Employee
Julia.LiMarziKlaviyo Employee
posted in Sign-up Forms

How do I install and publish a Klaviyo signup form on my website?

If you have an ecommerce integration with Shopify, BigCommerce, WooCommerce, or Magento, the first step has likely already been completed during your ecommerce integration setup of Klaviyo's Web Tracking. The integrations listed above automatically install klaviyo.js when you set up our built-in integration.If you don’t use one of the above integrations or did not install Klaviyo’s Web Tracking, you’ll need to install the klaviyo.js below in your store’s main code.<script type="text/javascript" async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=Public API Key"></script>Be sure to replace Public API Key with your specific API Key which you can find in your Account > Settings > API Keys.Once you have this installed, all you need to do is navigate to the Signup Forms tab and create your form. If it's a popup or flyout all you need to do is set it Live and click Publish.If it's an embedded form, there is one extra step: copying and pasting the provided

18
E
Contributor I
1 year ago
D
Contributor I
Daniel KadvanyContributor I
asked in Sign-up Forms

Embedding Klayvio Signup Form in Wix Site

Hi! I’m having an issue following the documentation here to embed a form in the footer of my Wix site.  I’ve successfully added the klayvio.js code snippet (and confirmed it works using an anchor-link targeted landing page as described here), but when I add the embed DIV code in an HTML widget it doesn’t display.  Here’s the documentation from Wix on embedded HTML. I’ve checked that the form is published, there’s no targeting restrictions, etc. I’ve also tested adding the form in both the footer and the body of the site.  Any thoughts here? Thanks!

18
PoCo
Contributor III
11 months ago
shoshana.antunes
Klaviyo Employee
shoshana.antunesKlaviyo Employee
posted in Sign-up Forms

I have a password protected landing page on my Shopify store and my subscribers aren't being added to a list. What should I do?

This is likely happening due to your signup form not being configured properly to ensure that new signups get added to your list. There are two main steps to take to resolve this issue! The first will take place in your Klaviyo account and the second will take place from your Shopify Admin page. Ensure you’re logged into both for a speedy fix! Login to Klaviyo, navigate to the Integrations tab, and select your Shopify integrationFrom here, ensure that the “Subscribe customers who Accept Marketing to a Klaviyo list” check box is selected. If it isn’t, check this box and select the list you’d like subscribers added too. Be sure to click the Update Shopify Settings button when done. Login to Shopify Admin and search for the password-content.liquid template within your store’s themeWhen you find the page, look within that .liquid file for this code snippet:<input type="hidden" name="contact[tags]" value="prospect, password page">​ You’ll need to update this snippet to include "newsle

17
W
Problem Solver I
1 year ago
T
Contributor IV
TrishContributor IV
asked in Sign-up Forms

How do I add an embedded signup form in a blog?

I’m wanting to place in an embedded form into at least one blog page. I can only add custom HTML code into it. How do we do this?  

17
T
Contributor IV
2 years ago
H
Contributor I
hotroddyContributor I
asked in Sign-up Forms

Input Text Field with Multiple Lines

Is there a way to add a text input field that is multiple lines (similar to the input box that I’m writing this question within). I see Klaviyo has a text input block for forms but it’s restricted to one line.  I would like to have multiple lines where user can right multiple lines of text with paragraph breaks.    Is this possible? If not, what other service provides this that can be integrated with klaviyo? 

15
T
Contributor I
3 months ago
S
Contributor II
syst0Contributor II
asked in Sign-up Forms

Changing button background colour for out of stock notifications

Hi all, I’m currently trying to alter the background colour of the ‘Notify me when available’ button. From looking through the code, I can alter the modal button which is simple enough, but for changing the button on the actual product page I can’t see any immediate way to change this.  klaviyo.enable('backinstock',{ trigger: { product_page_text: 'Notify Me When Available', product_page_class: 'btn', product_page_text_align: 'center', product_page_margin: '0px', replace_sold_out: true }, There doesn’t appear to be any way to change this in Shopify’s visual editor when changing colours, and after reading through the documentation on Klaviyos Back in Stock styling, I can’t see anything on there either. Currently the button looks like this -  But I have been able to alter the modal so it appears like so -  Any help would be greatly appreciated.

15
alex.hong
1 year ago
R
Active Contributor I
Roy J.Active Contributor I
asked in Sign-up Forms

Using javascript to pass UTMs from an inbound URL into Klaviyo via their API

Hello,We are using embedded Klaviyo forms on our marketing landing pages built with Zipify in Shopify.  I want to pass UTMs from the inbound URL via hidden fields in a Klaviyo embedded form to Klaviyo.  The reason for doing this is for marketing source attribution for a Profile.  However, Klaviyo support tells me that this is not supported.  They say the best way to accomplish this is to use javascript to get the UTMs parameters and push them into Klaviyo via their API.I have a script that gets the UTMs (Source, Campaign, Medium, Content, Term) and then pushes those to Klaviyo. I need to activate this upon Button Submit for the Klaviyo Embedded Form.  Can anyone tell me how best to trigger the script upon Button Submit?Thanks!Roy

14
M
Problem Solver I
1 year ago
G
Contributor IV
GregContributor IV
asked in Sign-up Forms

"An error occured when submitting. Please try again later." Signup form is broken. How to fix it?

Hello, I read all the google subjects on this matter yet no one found solution.I am using an adblock and because of that I am unable to finish signup email.On my iphone signup form isn’t even available..Never had this issue on any website doing a signup form.For those who would like to try and maybe figure out what is going on:www.essencehouse.co"An error occured when submitting. Please try again later." I am launching a product in few days and my squeeze page does't work which is a killler for me.Thank you for any help given, I am forever grateful.RespectfullyGreg

12
Dov
1 year ago
L
Contributor IV
lorenmnContributor IV
asked in Sign-up Forms

Lead magnet to new and existing contacts

Hi. I’m setting up a lead magnet for a client. This will be an embedded form on a landing page on the website. I think I know how I can deliver the freebie AND add them to the welcome flow, but how can I offer this same freebie to existing contacts via the embedded form.They’ll likely see it and want it too, but they’ll already be signed up.How can I do this?

12
Lina
Active Contributor IV
2 months 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
2 months ago
J
Contributor II
janinneroContributor II
asked in Sign-up Forms

Why Are Both Shopify and Klaviyo Sending Confirmation Emails for Double Opt-In?

Hey there,I just started using Klaviyo and I love it but I am running into one major problem. I think it is great that the integrated signup forms in Shopify sync with Klaviyo but it results in one issue for me: the Shopify system as well as the Klaviyo system send confirmation emails for the double opt-in. Problem is, I cannot disable double opt-in on Shopify because that would mean anyone can sign up (including bots) and I also cannot disable double opt-in on Klaviyo because double opt-in is required in my country.Does anyone know how to work around this issue?Any help is appreciated.Thank you, 

11
D
Contributor I
9 months ago
N
Contributor IV
numzieContributor IV
asked in Sign-up Forms

How to close a teaser?

I can’t figure out how I add a close function to a teaser.I know users want to be able to get rid of a teaser even when they didn’t signup.Is this not possible with Klaviyo?

11
Taylor Tarpley
Community Manager
3 months ago
Shannon E.
Klaviyo Employee
Shannon E.Klaviyo Employee
posted in Sign-up Forms

Why are my double opt-in confirmation emails going to spam?

Double opt-in confirmation emails may go to spam if your account's default From Address is a free mailbox provider, like @gmail.com, @yahoo.com, @aol.com, etc. To update your account's default from address, navigate to Account > Contact Information > Organization and update your Default From / Reply-To address. You can set up a forwarding address if you don't already have a business email associated with your domain. For example, if your default From Address is a Gmail address, you can set up an alias to have emails forwarded from your public From Address to your personal inbox.

10
David To
Community Manager
1 year 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?

10
L
Contributor III
1 month ago
R
Contributor I
RhyderContributor I
asked in Sign-up Forms

Contact Form Submission Error: “An error occured when submitting. Please try again later.”

Hi,I have integrated Klaviyo with my Shopify and Gempages site, and I have a form now successfully showing up on one of my pages.However, when I go to submit the form I get the following error:“An error occured when submitting. Please try again later.”I have gone through the help page and double checked that the button is a “submit” button and that the list it is submitting to exists.​​​​​​​Any help would be much appreciated. 

10
Taylor Tarpley
Community Manager
1 month ago
T
Contributor IV
TrishContributor IV
asked in Sign-up Forms

Shopify Footer Newsletter Sign up - not in Klaviyo

I have looked for this topic in the community and seen the replies about turning OFF the Shopify Double Opt in. Mine is OFF but still my tests are not ending up in my Klaviyo newsletter list. (I also have the Klaviyo Double opt in OFF) How do I fix this please?

10
Dov
1 year ago
M
Active Contributor II
MichaelActive Contributor II
asked in Sign-up Forms

Yet another birthday property question

Hi!I’ve read through the other responses here about setting up birthday flows, but I’m still lost to be honest.I’ve created a signup form, formatted MM/DD with the profile property ‘birthdate’Same again for the hidden field birthdate MM/DD. For whatever reason it’s not saving  this as a property (it’s formatted with the date block and not a text block so it isn’t that).What am I doing wrong? When I go to start the flow I can’t find the ‘birthdate’ trigger I’ve made.Any help appreciated!Michael

10
D
Contributor I
1 year ago
J
Contributor I
JavaHubContributor I
asked in Sign-up Forms

How can I set up a flow so that I get notified when a customer joins my list?

Hello, I am trying to set up a flow where I get notified when a customer joins my list.I saw “You can also customize the triggered notification to include all key details about the new subscriber as well as any form data that got populated to their profile after filling out your form.” - how do I get this information included on the notification email?

10
J
Contributor I
2 years ago
B
BrowlabNew Member
asked in Sign-up Forms

How to customize back in stock popup

Hi everybody, I would like if there a way to more customize the back in stock popup form please. 

10
A
Contributor I
4 months ago
Doubleo
Active Contributor IV
DoubleoActive Contributor IV
asked in Sign-up Forms

How to customize the close button in signup forms

Is there a way to customize the close button graphic in the signup forms? It’s a very small (low-res) light gray PNG (not ADA compliant). It should really an SVG with customizable colors. I just hope I’m missing something.Thanks, -oo

10
Doubleo
Active Contributor IV
1 year ago
A
Active Contributor I
ArturActive Contributor I
asked in Sign-up Forms

Overview of signup form field answers

Hi, I have made a signup form with three fields. I know that I can find those subscribers in the lists & segments map, but where can I see what every subscribe has filled in the signup form in one overview?

10
David To
Community Manager
1 year ago
A
Problem Solver I
arianavmacProblem Solver I
asked in Sign-up Forms

Issue with Legacy form redirecting on form submission

I’m running into an issue where the the legacy form sometimes redirects to page with another form asking for the email, first name, and last name. But this only seems to happen sometimes. I’ve added the data attributes: data-ajax-submit, target, and novalidate. Thanks in advance for the help!

10
alex.hong
1 year 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.