Flodesk forms are your website’s best friend. They capture your visitors’ email addresses so you can build your list and start regularly sharing your brand message. And adding them to your Showit website couldn’t be easier.

The most common sign-up forms you find on websites are inline forms. They’re the ones that are embedded into website pages, blog posts, sidebars or footers. Unlike popup forms, they appear as a natural, built-in part of the web page and are displayed at all times.

How do you embed an inline form to your website? Just add two code snippets.

How to add an inline form to your Showit website

Step 1. Start by creating and customizing your inline form.

Step 2. At the end of the form customization steps, you’ll get two code snippets.

It will look something like the below image. You need to add these codes to your Showit website so that the form gets displayed and your subscribers can sign up.

Note: Both the Header code and the Inline code have to be added to your website. It’s not enough to add only one of them.

Step 3. In Showit, edit the canvas you want the form to appear in.

Step 4. Add the Embed Code widget from the object menu at the bottom of the editor, then paste your code into the Custom Code box under the Embed Info panel.

Step 5. Copy & paste the Flodesk header code first and then add the inline code snippet right below it into this code block. Then click save.

Step 6. Resize the block until the form appears how you like it.

Step 7. Do the same for the mobile view as well.

Want to see how it’s done?

Flodesk member Ingrid Urena of Atelier21 Co. made a tutorial walking you through the whole process. Watch it below.

Let's sum it up!

  • If you’re serious about increasing your sales, building your brand and positioning yourself as a thought leader, be sure to add an inline form to your website.

  • First, create an inline form. To embed an inline form to your Showit website you have to add both the header code and the inline code that’s generated to your website.

  • Copy the Flodesk header code snippet followed by the inline code snippet and paste it into the Custom Code box of your website under the Embed Info panel.

  • Resize and position the Custom Code box so the form displays according to your preference. Do this for both mobile and desktop modes.

  • Start capturing visitors’ email addresses and sending out those beautiful emails!

More to learn:

Did this answer your question?