The most common signup forms you find on websites are inline forms. Those are the ones that are embedded to website pages, blog posts, sidebars, or footers. Unlike popup forms they appear as natural part of the web page and are displayed at all times.

How can you embed such an inline form to your website? By adding two code snippets. 

It's easier than you think. Let me prove it to you!

Start with creating an inline form. This help center article walks you through the steps of how to create and customize your form.

At the end of the form customization steps you will 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 so called header code and the inline code has to be added to your website. It is not enough to add only one of them.

How to add the Header code to your Showit website

Within Showit go to Page > Advanced Settings and paste the Flodesk header code to the Custom Head HTML section—see below screenshot example.


Note
: even if you wish to add more inline forms to your Showit website later on, you only need to copy and paste the header code once.

How to add the Inline code to your Showit website

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

You can read more about this here:
https://learn.showit.co/en/articles/615194-how-to-embed-html-code



One of our amazing members Ingrid Urena made a tutorial to walk you through the whole process. You can watch it here: 


Let's sum it up

How to add an inline form to your Showit website:
To embed an inline form to your Showit website you have to add both the header code and the inline code to your website.

Add the header code to the Custom Head HTML section under Page > Advanced Settings. 

The inline code goes to the Custom Code box under the Embed Info panel.

More to learn:

Did this answer your question?