Your Showit website attracts visitors. MailerLite turns them into subscribers you own. Social media followers can disappear overnight, but your email list is yours forever, and connecting MailerLite to your Showit site is the smartest move you can make for long-term business growth.
This guide walks you through every method for using MailerLite with Showit, from creating your first signup form to embedding it on your pages and setting up automations that grow your list on autopilot.
Why MailerLite Is a Strong Choice for Showit Users
MailerLite is one of the most popular email marketing platforms for creative entrepreneurs, and it connects to Showit through a simple copy-and-paste process that requires zero coding skills.
It offers a drag-and-drop email editor, automation workflows, A/B testing, landing pages, and subscriber segmentation all inside one platform. Its automation workflows trigger based on actions like signups, link clicks, or purchases, making it genuinely useful for creative service businesses that need hands-off list nurturing.
The free plan covers the essentials for anyone just getting started. MailerLite’s free plan allows 500 subscribers and 12,000 emails per month, with automation, A/B testing, landing pages, and e-commerce integrations included at no cost. Paid plans start at $10 per month for the Growing Business tier when you are ready to scale.
For Showit users who already invest in a polished visual brand, MailerLite completes the backend of that experience. Your website makes the impression, and your email list keeps the relationship alive long after someone leaves your site. For a broader look at how third-party tools plug into your Showit site, the Showit integrations and functionality guide is a great place to start.
Understanding How MailerLite Connects to Showit
Showit does not have a native email capture system, so you build and manage all your forms inside MailerLite and then embed them onto your Showit pages using code snippets.
Showit supports two embed methods: Body HTML for widgets and forms embedded directly on the canvas, and Head HTML for JavaScript tracking snippets added through the page’s Advanced Settings. MailerLite uses both, which is why you will work with two separate pieces of code when setting up your integration.
The good news is that neither snippet requires you to understand the code itself. You copy it from MailerLite and paste it into the correct location in Showit. That is the entire technical process.
Step 1: Create Your MailerLite Account and Set Up a Subscriber Group
Before you build any forms, you need a MailerLite account and at least one subscriber group set up. A subscriber group is simply a list that organises the people who sign up through a particular form.
Head to mailerlite.com and create a free account. Once approved, go to the Subscribers section and create a group. Give it a name that tells you where subscribers came from, such as “Website Signup” or “Freebie Opt-In.” This makes it easier to segment and target your list as it grows.
You can create multiple groups for different forms. For example, a group for general newsletter signups, a separate group for people who downloaded a freebie, and another for people who registered for a workshop. Keeping groups organised from the start saves a lot of cleanup work later.
Step 2: Build Your MailerLite Signup Form
MailerLite gives you two main form types to use on your Showit website: embedded forms that live inside your page content, and pop-up forms that appear over the page. Both work well with Showit, and the setup process is similar for each.
Creating an Embedded Form
Navigate to the Forms page inside your MailerLite account, click the Embedded forms tab, then click Create form. Give your form a name for internal reference and select Embedded form as the type.
In the form editor, customise the headline, description, input fields, and button text to match your offer. Keep the form focused: asking for a first name and email address is typically enough for the initial opt-in. Additional information can be gathered through a follow-up sequence once someone is on your list.
One important design tip: set the form background to “transparent” in the Design settings. This makes the form blend naturally into your Showit page rather than sitting inside a visible coloured box that clashes with your design.
When you have finished building the form, click Next to save your changes. The form is then ready to be installed on your website.
Creating a Pop-Up Form
Pop-up forms in MailerLite follow the same creation process. Navigate to Forms, select the Pop-ups tab, and click Create form. Design it the same way as an embedded form, but choose your display trigger: on page load after a delay, on scroll depth, or on exit intent.
Once your pop-up is created, locate it in your Forms list, click Overview, and scroll down to the JavaScript tracking snippet section. This is where you find the scripts you need, which should be inserted on each page of your site where you want the pop-up to appear.
Step 3: Get Your MailerLite Embed Codes
MailerLite generates two separate code snippets for embedded forms: the Universal JavaScript snippet and the form-specific inline code. You need both.
To access the JavaScript snippet, go to the Forms page of MailerLite and click the Overview button. Scroll down to the JavaScript snippet section, where you will find the MailerLite universal tracking snippet (which is a longer piece of code) and your individual form’s code (which is shorter).
Copy both snippets into a text document so you have them ready when you switch over to Showit. The universal snippet goes into the page head, and the form-specific snippet goes into the canvas as an embed element.
Step 4: Add the Universal Snippet to Your Showit Page Head
The universal JavaScript snippet needs to go into the head section of every Showit page where you want MailerLite to function. This is what connects your website to MailerLite’s tracking system.
Open your Showit editor and click on the page name in the left sidebar. Make sure no canvas or element is selected, only the page itself. In the right-side Properties panel, click the Advanced Settings tab. You will see a Custom Head HTML field. Paste the MailerLite universal JavaScript snippet into that field and save.
If you need to add this code to several pages at once, go to your Site Settings and click the Integrations tab, then choose Add Custom Code. This lets you apply the head code across multiple pages through your Site Canvas Sets at the same time.
If your MailerLite form will appear on every page of your site, such as in the footer, adding the universal snippet via Site Settings is the most efficient approach since it covers the entire website in one step.
Step 5: Embed the Form on Your Showit Canvas
With the head snippet in place, you can now embed the actual form on your Showit page.
In the Showit design app, hover over the Element icon in the bottom toolbar and select the Embed Code option. An embed code box will appear on your canvas. Drag and resize it to fit the section where your form should appear.
Double-click the embed box to open the code editor, then paste your MailerLite form-specific inline code into the field. Save, and you are done. The form will not be visible inside the Showit editor, but it will render correctly when you preview or publish the page.
Because the form is invisible during editing, size the embed box generously. A container that is too small will cut off the form fields on the published page. Aim for a height that comfortably fits your form’s fields plus the button, and set the width to match your design column.
For best practices on sizing and placing embed code elements on your Showit pages, the Showit custom code snippets guide covers positioning, sizing, and common container issues in detail.
Step 6: Add the MailerLite Pop-Up to Your Showit Site
Setting up a MailerLite pop-up on Showit is slightly different from embedding an inline form. The pop-up is triggered by JavaScript, so there is no embed box to place on the canvas. The entire integration happens through the page head.
Go to your MailerLite pop-up form’s Overview page and copy the JavaScript tracking snippet. In Showit, paste this snippet into the Custom Head HTML section of any page where you want the pop-up to appear. If you want it site-wide, use the Global Custom Code option in Site Settings.
Once published, the pop-up will fire based on the trigger behaviour you set in MailerLite, whether that is a time delay, scroll depth, or exit intent. You can test and adjust the trigger settings inside MailerLite without touching your Showit site at all.
Where to Place Your MailerLite Forms on Your Showit Website
The location of your opt-in forms has a significant effect on conversion rates. Embedding a form and forgetting about it is not enough. Strategic placement makes the difference between a list that grows slowly and one that grows consistently.
Homepage
Your homepage gets the most traffic of any page on your site. Place an opt-in section with a clear value proposition above the fold or in a prominent mid-page section. This does not need to be a full form: a button that scrolls down to a form section, or a brief headline with just an email field, works well on homepage designs where visual flow is important.
Footer
A footer opt-in is one of the most reliable list-building placements because it appears on every page of your site. Keep it simple: a short one-line headline, one or two fields, and a clear button. Anyone who scrolls to the bottom of multiple pages is already engaged, making the footer a high-intent conversion point.
For more on building headers and footers in Showit, the Showit headers and menus guide is a useful reference for structuring those areas correctly.
Dedicated Opt-In or Freebie Page
If you are offering a lead magnet such as a PDF guide, checklist, or mini-course, create a dedicated Showit page just for that offer. Embed your MailerLite form on this page with all the copy and visuals focused on the value of the freebie. This page can be linked from your navigation, shared on social media, and referenced in blog posts to drive targeted traffic.
Blog Posts
Embedding a MailerLite form inside or at the bottom of individual blog posts converts readers who are already engaged with your content. Someone who has just finished reading a post is primed to take the next step. A relevant opt-in offer placed contextually within a post consistently outperforms a generic sidebar form.
For more on how your blog and Showit work together, the Showit and WordPress blogging guide explains the full setup and where forms fit within that structure.
Contact and Services Pages
Many visitors land on your Contact or Services page with high intent. Adding a secondary opt-in option here, especially for a free resource or checklist relevant to your services, captures people who are browsing but not yet ready to book.
Setting Up MailerLite Automations for Your Showit Subscribers
Embedding a form gets you subscribers. Automations keep them engaged without any ongoing manual effort from you.
Inside MailerLite, go to Automations and create a new workflow. Set the trigger to “When a subscriber joins a group,” and select the group connected to your Showit form. From there, you can build a sequence of emails that delivers your freebie, introduces your work, shares helpful content, and eventually invites subscribers toward a paid offering.
A well-built welcome sequence typically runs three to five emails spread across one to two weeks. The first email delivers whatever you promised in the opt-in offer. The second introduces your background and what you do. The third and fourth share value through tips, case studies, or insights. The fifth includes a soft call to action toward your services or a relevant offer.
MailerLite’s automation builder is visual and easy to use. Each step in the sequence shows up as a connected block on screen, so you can see the full flow at a glance and adjust timing or content without rebuilding from scratch.
For a deeper look at setting up email automation for your Showit website as a complete system, including workflows, triggers, and sequence strategy, the dedicated email automation setup guide for Showit walks through the full process using similar principles that apply across email platforms.
Designing Your MailerLite Forms to Match Your Showit Brand
Your opt-in form should feel like a natural part of your Showit website, not a foreign element dropped onto the page. MailerLite gives you enough design control to get close, but some of the best results come from doing the visual design work inside Showit and keeping the MailerLite form minimal.
One effective approach is to build the headline, subheadline, and any imagery around the form using Showit’s design tools. Then set the MailerLite form itself to a transparent background and style only the input field and button. This way your Showit design does the heavy lifting visually, and the MailerLite form handles only the functional collection layer.
Match button colors and font choices as closely as possible to your brand guidelines. Even small inconsistencies in type size or colour create a subtle sense of disconnect that reduces trust at the moment of conversion. If you are working from a template and need to update brand colours and fonts consistently across your Showit site, the guide to changing colours and fonts in a Showit template makes that process straightforward.
Testing Your MailerLite and Showit Integration
Before driving any traffic to your opt-in pages, run a complete test of the integration from start to finish.
Submit your form on the published version of your Showit site using a real email address you have access to. Then check three things: the subscriber appears in the correct MailerLite group, the confirmation email arrives promptly, and any automation workflow that should trigger actually fires.
Also test the form on a real mobile device, not just Showit’s preview. Mobile visitors interact with forms differently, and a container that looks perfect on desktop may have sizing issues on smaller screens. If the form fields appear too small or the button is partially cut off, go back into Showit and adjust the embed container dimensions in the mobile canvas view.
For a full guide to checking your Showit site across different screen sizes and devices, the Showit mobile optimisation and screen testing guide covers the process in detail.
Troubleshooting Common MailerLite and Showit Issues
The Form Is Not Showing on the Published Page
The most common reason an embedded form does not appear is that the universal JavaScript snippet was not added to the page head. Go back to the Showit page’s Advanced Settings and confirm the snippet is in the Custom Head HTML field. The form’s inline code alone will not render without the universal snippet present on the same page.
Raw Code Is Visible Instead of the Form
If you see the code text displayed as plain text on your published page, the embed code was likely pasted into a standard text element rather than an Embed Code widget. Delete the text element, add a dedicated Embed Code element through the toolbar, and paste the code there instead.
The Form Appears but Subscribers Are Not Being Added
Check that the form is assigned to the correct subscriber group inside MailerLite. A form that is not connected to a group will technically display and submit, but the data will not flow into your list properly. Go to the form’s settings in MailerLite and confirm the group assignment.
Automation Emails Are Not Sending After Signup
Check that your automation workflow’s trigger group matches the group your form feeds into. Mismatched group assignments are the most common cause of workflows that appear set up correctly but never fire. Also confirm the workflow status is set to Active and not left in Draft mode.
MailerLite Pricing: What to Know Before You Scale
MailerLite’s free plan gives you enough room to get started and test your integration before committing to a paid tier. The free plan is ideal for those just starting out, covering up to 500 subscribers, campaign creation, automations, a website, and the ability to create 10 landing pages.
When your list grows beyond 500 subscribers, the Growing Business plan starts at $10 per month for 500 contacts, with access to unlimited emails, newsletter and landing page templates, dynamic emails, branding-free emails, and unlimited websites.
The Advanced plan at $20 per month adds features like multiple automation triggers, a custom HTML email editor, and promotion pop-ups, which become valuable once you are running more sophisticated campaigns.
Starting on the free plan and upgrading only when you hit the subscriber limit is a completely reasonable approach. You build the integration, test everything, and grow your list before spending a cent.
Frequently Asked Questions
Can I connect MailerLite to Showit without coding?
Yes. The entire integration involves copying two code snippets from MailerLite and pasting them into specific fields in Showit’s editor. No coding skills are needed.
Does MailerLite work with Showit’s WordPress blog?
Yes. If you run blog posts through Showit’s WordPress integration, you can embed MailerLite forms inside blog post content using WordPress’s HTML block, or within the Showit canvas on your blog page layout.
Can I have multiple MailerLite forms on one Showit website?
Yes. You can embed different forms on different pages, each connected to its own subscriber group and automation workflow. Add the universal JavaScript snippet to every page where a form appears, and use a separate embed code widget for each individual form.
What happens if my subscriber count exceeds the free plan limit?
If you have over 500 subscribers and do not upgrade, sending campaigns, running automations, and adding subscribers manually will stop working. You will need to upgrade to a paid plan or reduce your subscriber count below 500 to continue sending.
Can I use MailerLite pop-ups on my Showit site?
Yes. MailerLite pop-ups are triggered by JavaScript added to your page head in Showit. Once the snippet is in place, the pop-up fires automatically based on the trigger behaviour you set inside MailerLite.
Growing your email list is one of the most valuable long-term investments you can make for your Showit-based business. Social platforms change their algorithms, ad costs fluctuate, and search rankings shift, but a well-maintained email list gives you direct, owned access to your audience whenever you need it.
Connect MailerLite to your Showit website today, place your first form in a high-visibility spot, set up a simple welcome sequence, and start building the asset that will support your business for years to come.
