All Collections
How to add an inline form to your Showit website
How to add an inline form to your Showit website

A step-by-step tutorial on how to embed a Flodesk inline form to a Showit website

Petra Molnar avatar
Written by Petra Molnar
Updated over a week ago

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 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.

Important note: if your Showit pages are powered by WordPress, and you want to embed form codes to your blog, only those on the advanced blog plan are able to add custom embed codes, so in order to add that to a blog post you would need to upgrade to the advanced plan.

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:

We'd love to hear about your recent experience when searching for solutions to issues in the Flodesk Help Center (Knowledge Base). With your feedback, we can improve our knowledge base with new and better ways to help you succeed!

Please do not submit support tickets and feature requests via this feedback form.

If you need technical assistance, please submit a support ticket via email at support[at] mentioning your Flodesk account login email with a detailed description of your problem.

Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.

Did this answer your question?