I want to add a signup form to an existing Webflow page that adds users to a list in Klaviyo. Do I need to embed a Klaviyo signup form on the Webflow page or can I have a Webflow form call Klaviyo in Javascript and just POST the user’s contact information to Klaviyo somehow?
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 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
Thank you for sharing your question with the Klaviyo Community.
The simplest solution is to embed a Klaviyo sign-up form on the Webflow page. You can embed a full subscribe page on your site pointing to the list if you wish.
Alternatively, you can add users to a list using a POST request from the third-party signup form. 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 signup forms. We have more information on the POST body in our documentation here.
Thanks and have a great day.
what about having everything set but the form aint working.
script on body set and showing live
form is live and connected to list
users can sign-up but im not receiving any data / hence automation aint starting also
Please check out my how-to on this.
One script.
Submit forms to any Klaviyo list from any form in webflow.
You can use standard webflow forms or you can use a custom form.
https://medium.com/@towersjavin/integrating-webflow-forms-with-klaviyo-a-simple-connection-af6de4f76568
Please check out my how-to on this.
One script.
Submit forms to any Klaviyo list from any form in webflow.
You can use standard webflow forms or you can use a custom form.
https://medium.com/@towersjavin/integrating-webflow-forms-with-klaviyo-a-simple-connection-af6de4f76568
Reply
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.