Hi there attempting to have webflow sign up people without leaving the site:
I have tried setting up similarly to mailchimp but it doesnt seem to work, it re-directs to another sign up page where it requests the email again. Does anyone have a fix for this?
What is the source of this form? Is it a third party form you are using?
If so you may want to reach out to this third part form provider to see if they have any instructions on their end to redirect these signups to a Klaviyo list. Alternatively, Klaviyo also has instructions on how to set up a redirect to be adding users to a Klaviyo list from the How to Redirect Existing Signup Forms to Klaviyo through adjusting the form’s code.
Hi there attempting to have webflow sign up people without leaving the site:
I have tried setting up similarly to mailchimp but it doesnt seem to work, it re-directs to another sign up page where it requests the email again. Does anyone have a fix for this?
What is the source of this form? Is it a third party form you are using?
If so you may want to reach out to this third part form provider to see if they have any instructions on their end to redirect these signups to a Klaviyo list. Alternatively, Klaviyo also has instructions on how to set up a redirect to be adding users to a Klaviyo list from the How to Redirect Existing Signup Forms to Klaviyo through adjusting the form’s code.
add an EMBED block from the components tab and place it in the canvas. get an embedded form code from klaviyo and paste it in HTML Embedded Code Editor <div class="klaviyo-form-xxxxxx"></div>
then add the code snippet from the Signup Forms tab in Klaviyo as directed, before the body tag on every page you want to display the forms. <script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=xxxxxx"></script>
the con is that you can’t style the form in webflow, that has to be done in klaviyo’s form builder.
you can’t use webflow’s forms and get them to POST to Klaviyo. not with out a third party and even then the options and functionality are extremely limited.
Hi there attempting to have webflow sign up people without leaving the site:
I have tried setting up similarly to mailchimp but it doesnt seem to work, it re-directs to another sign up page where it requests the email again. Does anyone have a fix for this?
What is the source of this form? Is it a third party form you are using?
If so you may want to reach out to this third part form provider to see if they have any instructions on their end to redirect these signups to a Klaviyo list. Alternatively, Klaviyo also has instructions on how to set up a redirect to be adding users to a Klaviyo list from the How to Redirect Existing Signup Forms to Klaviyo through adjusting the form’s code.
-David
The article “ How to Redirect Existing Signup Forms to Klaviyo” redirect to an page error after clicking on this article. So, Can anyone provide this article? I need it
Our documentation team are working on revamping a number of those articles since the update to our Help Center.
In the interim, you can use the information below to redirect existing signup forms to Klaviyo which are taken from our the “How to Redirect Existing Signup Forms to Klaviyo” article.
Redirecting a custom form to Klaviyo:
Navigate to the Lists & Segments tab.
Choose which list you want subscribers to be added to.
In the menu bar, select Sign-up forms.
Here, you'll see all of your sign-up forms that are tied to that list. Scroll past these to find the list's subscribe page.
Hover over the page name and click Copy URL.
Go to your custom form.
Change the Form Action URL to the subscribe page URL you copied.
Save your changes.
Generally speaking, the form should have the following properties:
Using a Klaviyo subscribe URL for a third-party sign-up form:
You can also add users to a list using a POST request from a third-party sign-up form. This method requires prior knowledge of using APIs. API requests are made to the Klaviyo Subscribe URL endpoint: https://manage.kmail-lists.com/ajax/subscriptions/subscribe
POST requests to the above endpoint add a user's email and additional user properties to any list in Klaviyo that you choose. This endpoint is unique from the standard subscribe endpoint used in Klaviyo's native sign-up forms.
The POST body requires you to pass 5 distinct properties:
g (required) - The desired LIST_ID
email (required) - The user's email address
$fields (optional) - This tells the Klaviyo backend which keys (additional users properties) to expect in the POST request. All properties (other than email) need to be passed as a value under $fields and as its own key.
$list_fields (optional) - This inherits from the data from $fields and transposes it as a custom property in list format
other properties (optional) - For each property in $fields, you want to pass a key/value pair like below:
$first_name: John
$last_name: Smith
Custom Property 1: Custom Value 1
Custom Property 2: Custom Value 2
Since this would be considered a custom solution, if you need hands on assistance I would also encourage you to start working alongside your developer or reaching out to some of our expansive network of Klaviyo Partners.
Using a Klaviyo subscribe URL for a third-party sign-up form:
You can also add users to a list using a POST request from a third-party sign-up form. This method requires prior knowledge of using APIs. API requests are made to the Klaviyo Subscribe URL endpoint: https://manage.kmail-lists.com/ajax/subscriptions/subscribe
POST requests to the above endpoint add a user's email and additional user properties to any list in Klaviyo that you choose. This endpoint is unique from the standard subscribe endpoint used in Klaviyo's native sign-up forms.
The POST body requires you to pass 5 distinct properties:
g (required) - The desired LIST_ID
email (required) - The user's email address
$fields (optional) - This tells the Klaviyo backend which keys (additional users properties) to expect in the POST request. All properties (other than email) need to be passed as a value under $fields and as its own key.
$list_fields (optional) - This inherits from the data from $fields and transposes it as a custom property in list format
other properties (optional) - For each property in $fields, you want to pass a key/value pair like below:
$first_name: John
$last_name: Smith
Custom Property 1: Custom Value 1
Custom Property 2: Custom Value 2
Since this would be considered a custom solution, if you need hands on assistance I would also encourage you to start working alongside your developer or reaching out to some of our expansive network of Klaviyo Partners.
David, I'm not understanding this properly because I'm using WordPress and Klaviyo tools for the first time. Things are quite different and complicated compared to other tools.
If you don't have a video, can you please let me know how any sign-up form will be tied to the list after creating it? I’m talking about 4th point you’ve shared above. I'm using a WordPress sign-up form that isn't yet connected to Klaviyo. This is where I'm stuck.
I think it’s important to understand that what is being mentioned in step 4, only applies to Klaviyo built sign-up forms. What it means is that This sign-up form page will let you know which Klaviyo built sign-up form are submitting to this corresponding list. Custom built or third-party forms would not appear in this list.
What you’re really looking for on this page, is the list’s subscribe page URL. Which, following the instructions will guide you towards. I’ve also included a screenshot below in case those instructions weren’t clear:
I think it’s important to understand that what is being mentioned in step 4, only applies to Klaviyo built sign-up forms. What it means is that This sign-up form page will let you know which Klaviyo built sign-up form are submitting to this corresponding list. Custom built or third-party forms would not appear in this list.
What you’re really looking for on this page, is the list’s subscribe page URL. Which, following the instructions will guide you towards. I’ve also included a screenshot below in case those instructions weren’t clear:
David
Thanks David, I have been having a very similar issue as @itsob. My issue wit his now is that when the user provides the email on my third-party form (Webflow), they get re directed to a page in which they have to provide the email again, as well as additional info.
Is it possible to skip this new page and just add the email to the Klaviyo list of our choice?
My apologies for the delay here! This would depend on your comfortability using APIs/developer tools. Essentially, you would have to make a Subscribe Profiles API call each time the form is submitted and including the email address for that profile.
Since the exact instructions to design this system will vary greatly based on the way your integration is set up, this would constitute a custom use case that is beyond the scope of Community/Support - that said, you’re always welcome to reach out to one of our wonderful official partners if you’re looking for extra development help.
Hey there, just a mention that we’ve recently built a simple solution that deeply integrates Webflow and Klaviyo, including the ability to send all Webflow native form data to Klaviyo to use in custom automations. Feel free to check it out here: https://ristrettoapps.com/product/webflow-klaviyo-integration/!-->
By clicking “Accept All Cookies,” you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Privacy Preference Center
Your Privacy
Strictly Necessary Cookies
Performance Cookies
Functional Cookies
Targeting Cookies
Site Analytics
Your Privacy
When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
Privacy Notice
Strictly Necessary Cookies
Always Active
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Site Analytics
These cookies record your visit to our website, and are used to track your visit including information such as: web page interactions (clicks, hovers, focus, mouse movements, browsing, zooms and other interactions), referring web page/source through which you accessed the Sites, heatmaps and scrolls, screen resolution, ISP, and statistics associated with the interaction between device or browser and the Sites. If you are accessing our Services with a European IP address, you have been asked to consent to the use of these cookies (you are free to deny your consent).