Integrating Email Marketing: Flodesk & Showit (Complete Step-by-Step Guide)

Bringing Design and Marketing Together

Your Showit website may already be visually stunning but design alone won’t grow your business. To turn visitors into loyal followers or clients, you need a simple, beautifully branded way to collect emails and nurture relationships.

That’s where Flodesk and Showit make the perfect pair.

Showit gives you complete creative freedom to design pixel-perfect layouts, while Flodesk helps you grow and manage your audience with elegant email marketing tools. The two integrate seamlessly — even without coding — letting you build opt-in forms that look and feel exactly like your brand.

In this guide, we’ll walk through how to connect Flodesk to Showit, design embedded or popup forms that convert, and set up automated workflows that keep your audience engaged long after they leave your site.

Why Flodesk Is Ideal for Showit Users

Most Showit users are creatives — photographers, designers, coaches, and small business owners who care about aesthetics as much as results. Unlike traditional email platforms with clunky dashboards, Flodesk focuses on visual storytelling and simplicity.

It’s built for the same audience Showit serves.

• The interface is clean and intuitive — no coding, no complex automations.
• Email templates are modern, typography-focused, and fully customizable.
• It offers a flat-rate price, so you don’t pay more as your list grows.
• The automation builder is visual — you can literally “see” your workflow.

Together, Showit + Flodesk form a marketing system that’s as beautiful as it is functional — design-driven, approachable, and professional.

Create Your Flodesk Account and Form

Start by signing in (or signing up) at Flodesk.com. Inside your dashboard, go to Forms → Create New Form.

Flodesk will ask what type of form you want to create. You can choose between:

• Inline form – ideal for embedding directly inside a Showit page or canvas.
• Popup form – great for capturing attention on exit or delay.
• Full-page form – perfect for link-in-bio or standalone landing pages.

Once you’ve selected a format, design it to match your brand. Change the colors, typography, button text, and add your call-to-action — for example, “Join my creative newsletter” or “Get my free photography preset guide.”

When you’re done, click Embed and copy the code Flodesk gives you. You’ll paste this code into your Showit design later.

Prepare Your Showit Canvas for Embedding

Now open your Showit dashboard and head into the site editor. Choose where you want your opt-in form to appear.

Most users add it in these sections:

• The bottom of the homepage
• The footer across all pages
• The About page or Blog sidebar
• A special “Free Resources” or “Subscribe” page

Inside that section, click “Add” → “Embed Code”.
A box will appear this is where you paste the Flodesk embed script you copied earlier.

Once pasted, resize the box and position it to fit your design layout. Hit Preview to see it live.

Your Flodesk form should now display right inside your Showit site, matching your style perfectly.

Designing a Seamless Opt-In Experience

The real power of Showit lies in its freedom you can design every pixel around your Flodesk form to make it look intentional, not tacked on.

Here are a few design strategies to make your opt-in flow naturally with your layout:

• Use consistent colors and fonts across both platforms.
• Add a short, benefit-focused headline above your form (e.g., “Learn how to book more dream clients”).
• Keep the form minimal — just Name and Email fields work best for conversions.
• Use whitespace generously so the form feels elegant, not crowded.
• Test mobile view — Showit lets you adjust every element specifically for mobile.

If you’re unsure how to polish your form sections, see the Showit Design & Canvas Customization Guide.

Add a Flodesk Popup Form to Showit

Want to capture emails without disrupting your layout? A popup form is perfect for that.

Here’s how to do it:

1. Go back to your Flodesk form and choose the Popup Form option.
2. Customize your form’s delay and behavior — for example, “appear after 10 seconds” or “appear when a user scrolls halfway.”
3. Once done, click Embed and copy the JavaScript code provided.
4. In Showit, open Site Settings → Advanced Settings → Custom Head HTML.
5. Paste the script just before the closing <body> tag.

Publish your site, and the popup will automatically display wherever you set it.

This method is excellent for promoting freebies, newsletter signups, or special offers without needing to redesign your canvas layout.

Setting Up Automated Workflows in Flodesk

After your form is live, the next step is automation — because the power of email marketing lies in what happens after someone subscribes.

Flodesk’s automation builder lets you create workflows visually. Think of it as a branching map: someone subscribes, receives a welcome email, then moves through a sequence based on your timing.

Here’s a simple example workflow for a creative business:

• Trigger: User signs up via your Showit form.
• Email 1: “Welcome to my creative circle!” — introduce who you are and what they can expect.
• Wait: 2 days.
• Email 2: Share a personal story, success tip, or favorite resource.
• Wait: 3 days.
• Email 3: Offer a discount, service link, or exclusive content.

This structure builds trust, creates familiarity, and drives conversions naturally.

Troubleshooting Common Issues

Sometimes, the form doesn’t display correctly or align within your canvas. Here’s how to fix typical problems:

Problem	Reason	Fix
Form doesn’t appear	Missing or broken embed code	Recopy from Flodesk and reinsert
Form text overlaps	Canvas not resized	Expand Showit embed box
Popup not working	Script added in wrong section	Paste under site-wide footer HTML
Emails not syncing	Wrong segment or automation	Check Flodesk workflow trigger

Most issues resolve with re-publishing your site after small adjustments.

Where to Place Flodesk Forms for Best Results

Placement can make or break conversions. Here’s where most successful Showit sites place their opt-ins:

• Homepage hero section: Use a small inline form under your main call-to-action.
• About page: Add a form after introducing yourself — it’s a great trust point.
• Blog posts: Embed a mini form halfway through or at the end of articles.
• Footer: A subtle form visitors see everywhere.
• Dedicated landing page: Great for lead magnets or giveaways.

If you want to measure which placements perform best, connect Google Analytics to Showit and track conversion behavior.

Make It Match — Branding Your Emails Like Your Website

Your Showit website and Flodesk emails should feel like extensions of each other. Consistency is what builds trust and strengthens your EEAT (Experience, Expertise, Authoritativeness, Trustworthiness).

• Use the same color palette and logo across all platforms.
• Match typography between Showit and Flodesk templates.
• Reuse your Showit imagery (hero photos, textures, patterns) in your email banners.
• Always include a link back to your main site or service page.

This alignment turns your emails into a true brand experience, not just another newsletter.

Analytics and Optimization

Once your system is running, you’ll want to know how well it performs.

In Flodesk, track:

• Open Rate: How many people actually read your emails.
• Click Rate: Which links or CTAs get the most engagement.
• Subscriber Growth: Which forms bring in the most leads.

In Showit, use:

• Google Analytics: To see which pages your opt-ins live on.
• Hotjar or Clicky (optional): For visual heatmaps of form engagement.

The more you track, the smarter you can adjust your designs and workflows.

Keep It Legally and Technically Clean

Flodesk automatically helps you comply with major privacy laws, but it’s your responsibility to be transparent.

• Always include a Privacy Policy link on your opt-in pages.
• Use double opt-in if you serve EU audiences.
• Be explicit about what users are signing up for.

If you don’t yet have a privacy page, your Showit Website Design Service provider can easily add one for you.

Combining Flodesk With Other Tools

As your business grows, you can expand beyond the basics:

• Flodesk + Shopify: Tag customers who buy products from your Showit-integrated shop.
• Flodesk + Zapier: Automate client onboarding sequences.
• Flodesk + Showit Blog: Capture new leads from specific content upgrades.

This layered system makes sure every part of your creative business — website, shop, and email marketing — works together seamlessly.

Conclusion: Build Relationships, Not Just a List

Integrating Flodesk and Showit isn’t just a technical task — it’s a strategic move that transforms your website from a static portfolio into a living marketing tool.

You’ll collect subscribers beautifully, nurture them automatically, and maintain brand cohesion at every step.

Whether you’re a wedding photographer growing a client waitlist, a coach launching an online course, or a designer promoting templates, this setup gives you both style and substance.

To go deeper, explore related resources:

• Add Flodesk Form to Showit
• Showit SEO Guide for Beginners
• All-in-One Showit SEO Service
• Showit Website Design Services

Your emails can now match your brand — effortlessly elegant, genuinely personal, and designed to convert.