I have a “sign up to our newsletter” button on our website. I built the form with HTML. How do I link the “subscribe” button to have people brought into my Klaviyo List?
Solved
Link to subscribe?
+5Best answer by retention
Hi
If you want to link an existing HTML Form to a Klaviyo List, you can use these form properties in your form code to direct subscribers to your specified List:
<form id="email_signup" action="//manage.kmail-lists.com/subscriptions/subscribe" method="POST">
<input type="hidden" name="g" value="LIST_ID_HERE">
<input type="email" value="" name="email" id="k_id_email" placeholder="Your email" />
OTHER_FORM_CONTENT_HERE
<button type="submit">Subscribe</button>
</form>
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>Note the action value, hidden value with your LIST_ID, etc. There’s more information about that documentation here:
However, if you may want to consider an embedded Klaviyo Signup Form and embed it into your Site instead since the Klaviyo Signup Forms have more features and capabilities such as A/B Testing, detailed Analytics, and targeting features and capabilities.
Here’s more information about using Klaviyo’s native Signup Form feature here:
Hope that helps!
+62Hi
If you want to link an existing HTML Form to a Klaviyo List, you can use these form properties in your form code to direct subscribers to your specified List:
<form id="email_signup" action="//manage.kmail-lists.com/subscriptions/subscribe" method="POST">
<input type="hidden" name="g" value="LIST_ID_HERE">
<input type="email" value="" name="email" id="k_id_email" placeholder="Your email" />
OTHER_FORM_CONTENT_HERE
<button type="submit">Subscribe</button>
</form>
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>Note the action value, hidden value with your LIST_ID, etc. There’s more information about that documentation here:
However, if you may want to consider an embedded Klaviyo Signup Form and embed it into your Site instead since the Klaviyo Signup Forms have more features and capabilities such as A/B Testing, detailed Analytics, and targeting features and capabilities.
Here’s more information about using Klaviyo’s native Signup Form feature here:
Hope that helps!
+5How do I find my List_ID? Do I just put in the name of the list? Is that the only place I need to update the form with my personal content?
+60Hey
A List_ID would not be the same as a list name. I would recommend taking a look at our How to find a list ID Help Center article on how to find this.
David
+5
Reply
Rich Text Editor, editor1
Editor toolbars
Press ALT 0 for help
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.