Integrate your Publication with Webflow using Embedded Forms

Webflow’s no-code CMS solution is one of the premier website-building tools on the market today.

This article will cover how to embed your beehiiv signup form within a Webflow website.

You might be pleasantly surprised to find that it is easier than you may think!

If you already have an embeddable beehiiv for that you would like to use, skip to Step 2.

Step 1: Create a beehiiv form

To set up your beehiiv form, you are going to first navigate to Subscribe Forms under Settings in your Beehiiv account:

Once you arrive on this screen, you’re going to click “Create new form”

Once you've styled your new form to your liking, click save, and you'll be ready to embed.

Step 2: Embedding your from

The next step is to move over to Webflow into your website project.

On the side toolbar, you will click to add a new element. Scroll to the bottom of the Add pane, and select the Embed widget:

You're going to drag-and-drop the Embed widget to wherever you plan on placing the signup form on your page.

Once you complete this, you'll have the HTML Embed Code Editor appear. Simply copy and paste your beehiiv embed code into this code editor when you see this:

That's it!

Once you click Save & Close, your embedded form will appear. Once you publish your site, users will submit their emails through your embedded form and subscribe to your beehive publication.

Thank you so much for reading. We look forward to seeing what you build!