Seamlessly Collect Subscribers with Embedded Forms

mock up of a signup form on a webpage denoting embedded forms

When you visit a website and you know you want to signup to stay in touch with them, what do you usually do? Wait until a popup shows up? Look for a contact us page? If you’re like most, you’ll scroll to the bottom of the page and look for the familiar embedded signup form.

Given how common embedded forms are, we wanted to make it incredibly easy to add them to your site. Today, we’re excited to announce that embedded forms are now available via the Klaviyo form builder!

Easily add an embedded form

Now you can create an embedded form for your website within the form builder just as easily as you can make a popup or flyout – no need for editing HTML, CSS, and Javascript.

When creating a new signup form, you just need to select the embed option, and then you can build your embedded form using the drag and drop form builder.

Looking to collect a bit more information on signup? Just add an extra input to your form and it will automatically submit to the Klaviyo property you select.

When you’re ready to add your form to your site, we give you a small piece of code to add to your site so that we know where to add the form. Once it’s on your site, you can update the form in Klaviyo and the changes will sync to your website.

As a note, if you have an existing Klaviyo embedded form on your site, it will continue working as it has been, and documentation on Klaviyo custom coded forms can be found here.

Ideas for embeds

Think embedded forms only belong in the footer? Think again! Consider adding an embedded form in the context of a blog article to capture subscribers while they’re reading your article. You can also use embedded forms on a dedicated page on your site for a sweepstakes or event signup.

As always, let us know your ideas or feedback by sending an email to product@klaviyo.com with the subject line, “I have an idea!”

Back to Blog Home