How to Embed HTML Code in Showit

Embedding HTML code in Showit might sound like you need to be some tech wizard, but I promise it’s easier than you think. Whether you’re adding a newsletter form, a custom contact form, or even a video, it’s as simple as copying and pasting. Seriously, that’s it.

Let’s break it down step by step so you can start embedding like a pro.

Why Embed HTML Code?

Showit is amazing for design and SEO, but sometimes you need a little extra functionality. Embedding HTML lets you add things like:

• Newsletter forms (Flodesk, Mailerlite, Convertkit, etc.)
• Custom contact forms
• Calendly scheduling links
• Videos, iframes, or widgets
• Google Tag Manager
• Facebook Pixel

Embedding allows you to connect your website to third-party tools without limitations. For example:

• Newsletter forms can be embedded on your Newsletter page, Freebie page, or even in the Footer.
• Custom contact forms can be embedded directly on the Contact page.

Why Not Just Use Showit’s Native Form?

Showit’s native forms are great (especially for simple contact forms), but for newsletters, they can be a bit limited. Why?

• Any sign-ups would need to be manually added to your email list or CRM.
• This slows down the process and adds unnecessary admin work.
• It’s very limited and not scalable

Using a third-party email app (like Flodesk, Mailerlite, or Convertkit) automates everything. When someone signs up, their info automatically syncs to your list. Less work for you, and your leads won’t get lost. That’s why we recommend embedding your HTML code to the Newsletter and Freebie Opt-in pages. It’s super easy and here’s how to do it:

1. Go to Your Third-Party App
   • Open your email provider (Flodesk, Mailerlite, Convertkit, etc.)
   • Create or customize your form.
   • Look for the “Embed” option (most providers will have this in the form settings).
2. Copy the Embed Code
   • The app will generate an HTML code snippet. Copy it.
3. Head to Showit
   • Open your Showit site and navigate to the page where you want the form.
   • If you’re adding a newsletter form, go to the Newsletter or Freebie Opt-in page.
4. Add an Embed Element
   • In the Showit editor, click “+ Add Element” and select Embed Code.
   • Drag the box to where the Showit form is already positioned in the template.
     
     
     
5. Paste the HTML Code
   • Double-click the Embed element.
   • Paste the HTML code you copied from your email app.
   • Delete the Showit’s native form elements that came with the template.
   • Hit Publish.

Testing and Adjustments

• Preview your site to ensure the form displays correctly.
• Adjust the size of the Embed box in Showit to make sure everything fits nicely.
• If it doesn’t look right, go back to the third-party app and adjust the form width or height settings, then re-copy the code.