DEV Community

Walk Ones
Walk Ones

Posted on

Integrating MailerLite with Your Shopify Minimal Theme

've been working on enhancing my Shopify store, and one of my recent projects involved integrating MailerLite for email marketing. While adding a MailerLite popup was straightforward, embedding a MailerLite form into the footer to replace the default Shopify form proved to be a bit more challenging.

Why MailerLite?
MailerLite offers a user-friendly platform for managing email marketing campaigns, making it an excellent choice for Shopify store owners looking to build their email lists and engage with customers effectively. Their forms are easy to customize and integrate seamlessly with various platforms.

The Challenge
The Shopify minimal theme comes with a default newsletter form in the footer, which I wanted to replace with a MailerLite embedded form. I wasn't sure exactly which code to delete or replace in the newsletter.liquid file to make this work. Although I managed to create a page and embed the MailerLite form there, having it in the footer would be more practical and visually appealing.

Solution
Here's a step-by-step guide on how I successfully integrated the MailerLite form into my Shopify store's footer:

Create a MailerLite Form

Log into your MailerLite account and create a new embedded form.
Customize the form to match your store's branding.
Copy the embed code provided by MailerLite.
Access Your Shopify Theme Files

From your Shopify admin, go to Online Store > Themes.
Click on the "Actions" dropdown menu next to your active theme and select "Edit Code".
Edit the Footer File

In the left-hand sidebar, navigate to the Sections folder and open the footer.liquid file.
Locate the code that generates the default Shopify newsletter form. It typically looks something like this:

{{ form | default_newsletter_form }}

Replace this code with the MailerLite embed code you copied earlier.

          <p>Subscribe to our newsletter</p>









              Subscribe
Enter fullscreen mode Exit fullscreen mode

Save and Preview

Save your changes and preview your store to ensure the new MailerLite form appears correctly in the footer.
Conclusion
Integrating MailerLite with Shopify can significantly enhance your email marketing efforts. By replacing the default Shopify form with a MailerLite form, you can leverage advanced features and create a more cohesive customer experience.

For more detailed guides on integrating various tools with your Shopify store, feel free to visit us https://walkandfeast.com/ . Our website offers a wealth of resources and expert advice to help you optimize your online store.

Happy selling!

Top comments (0)