Share Post

Filed in Websites

How to connect Flodesk with your Showit site

Your website is more than just a digital business card—it’s a powerful tool for growing your brand, building relationships, and turning visitors into loyal customers. And if you’re using Showit for its stunning, no-code design capabilities, you probably want an email marketing platform that matches its flexibility and beauty. Enter Flodesk—an intuitive, design-forward email marketing platform built for creatives and entrepreneurs.

If you’ve been wondering how to connect Flodesk with your Showit site, you’re in the right place. In this guide, we’ll walk you through the integration process step by step so you can start building your email list with ease and learn how to connect Flodesk with your Showit site.

Why connect Flodesk with your Showit website?

Before we jump into the how, let’s talk about why you should connect Flodesk with your Showit website. Both platforms are designed with aesthetics and ease of use in mind, ensuring a seamless brand experience from your website to your emails. Flodesk allows for effortless list-building through embedded forms and pop-ups, helping you capture leads without unnecessary friction.

Once connected, you can nurture your subscribers with beautifully designed automated email sequences, ensuring that every interaction feels thoughtful and intentional. Best of all, the integration process is simple and stress-free, making it easy to enhance your marketing efforts without the tech headaches.

Now, let’s dive into the step-by-step process of integrating Flodesk with your Showit site.

Step 1: Create your opt-in form in Flodesk

To start collecting emails on your Showit website, you’ll first need to create an opt-in form in Flodesk.

  1. Log into your Flodesk account (or sign up if you don’t have one yet).
  2. Navigate to the Forms section and click + New Form.
  3. Choose between inline forms (embedded on your site) or pop-up forms (appear as an overlay).
  4. Customize the form’s design to match your brand. Flodesk allows you to adjust colors, fonts, and layouts.
  5. Assign the form to a segment so new subscribers are automatically added.
  6. Once satisfied, click Publish and copy the provided HTML embed code.

Now that you have your opt-in form ready, it’s time to add it to your Showit site.

Step 2: Embed the Flodesk form on your Showit website

Showit doesn’t have built-in form integrations, but it does allow for easy custom code embedding. Here’s how to add your Flodesk form to your Showit website template:

Embed the header code:

  1. Open your Showit site and go to site settings.
  2. Then click on integrations and +add custom code.
  3. Rename the custom code Flodesk so you can keep track of what it is.
  4. Then click +add code to… and select add HTML to the head.
  5. Paste the Flodesk header code in here and click save.

Embedding an inline form:

  1. Open your Showit site and navigate to the page where you want to place the opt-in form.
  2. Click on Add Canvas and choose a blank section or use an existing one where your form will live.
  3. Click Embed Code (the </> icon in the toolbar).
  4. Paste the Flodesk form’s inline code into the box and click Save.
  5. Resize and position the embedded area so it fits seamlessly within your design.
  6. Preview your page to ensure the form appears correctly, then click Publish to make it live.

Adding a pop-up form:

If you prefer a pop-up, Flodesk provides a script that automatically triggers the form.

  1. Copy the pop-up form embed code from Flodesk.
  2. If you want it to appear on every page, in Showit, go to Site Settings > Integrations > Flodesk (where you added the universal code). Paste the script inside the Custom Head HTML box.
  3. If you want it to just display on one page, go to the page you want to add it to, click on advanced settings on the right hand dashboard, and add the code to the custom head HTML section.
  4. Click Save and Publish your site.
  5. Visit your site to test the pop-up and ensure it functions properly.

Step 3: Customize form behavior and automation

Once your form is live, you’ll want to ensure it connects smoothly with your email workflows.

  • Set up welcome emails – Create an automated email sequence in Flodesk that welcomes new subscribers and delivers a freebie if applicable.
  • Segment your audience – Use Flodesk’s tagging and segmentation features to organize subscribers based on interests, opt-in sources, or purchase behavior.
  • Test the user experience – Subscribe using your own email to verify that everything—from the form display to email delivery—is functioning correctly.

Maximizing conversions: best practices for email list growth

Now that your Flodesk form is up and running, let’s talk about optimizing your opt-ins for better conversions.

  • Use a compelling lead magnet – Offer a valuable freebie (like a checklist, guide, or discount) in exchange for an email address.
  • Make your CTA clear – Use strong, action-oriented language like “Grab your free guide” instead of generic text like “Subscribe.”
  • Minimize friction – Keep forms simple—just ask for an email and first name instead of multiple fields.
  • Test different placements – Try embedding forms in multiple places (homepage, blog posts, footer) to see what converts best.

Recap

By connecting Flodesk with your Showit website, you’re taking a big step toward streamlining your marketing efforts and creating a brand experience that feels seamless and elevated. With this integration, you can build a stronger relationship with your audience, nurture leads with ease, and ultimately grow your business with intention.

More Resources

Save for Later

Enjoy this article and find it helpful? Pin this image on Pinterest so you’ll always have this info on hand!

how to connect Flodesk with your Showit site
how to connect Flodesk with your Showit site
how to connect Flodesk with your Showit site