Struggling to embed Mailerlite Newsletter Signup into Shopify

Sandlingaither
Visitor
3 0 0

Hi all,

I'm struggling with a pretty simple issue and hope someone out there might take a moment to offer advice!

I'm trying to embed an email signup form on my site that works like this: when a shopper enters their email address into the form they receive a discount code, either in a pop up that appears immediately, or via email, the idea being that now they have now also signed up to receive a series of automated emails from me via Mailerlite.

I am trying to integrate a Mailerlite form into my shopify store - for which I have a URL, Javascript, and code as seen in the attached photo, yet I can't figure out where or how to implement onto my shopify store; all information I have been able to find online regarding this seems vague or incomplete.  I don't have a great deal of experience with back end/coding, but still seems like this should be a pretty simple thing to do.

Any help or advice would be greatly appreciated!!

Screen Shot 2021-01-12 at 3.34.48 PM.png

 

Replies 4 (4)

PWJ
Tourist
9 2 5

Did you ever resolve your issue? I've been able to add a MailerLite pop up. However, I would like to be able to add an embedded form into the footer to replace the Shopify one that I have on my minimal theme. But I haven't yet been able to figure out exactly what code to delete/replace on the newsletter.liquid file to add the MailerLite embedded code. Currently, I've just created a page and embedded the MailerLite form there but would really prefer to have one in my footer.

Audra
New Member
7 0 0

Where did you embed the Mailerlite popup?

Audra
New Member
7 0 0

I figured out where to embed the MailerLite pop up, but now I want to add an embedded form into the footer to replace the Shopify one. Did you ever figure it out?

Audra
New Member
7 0 0

I figured out where to paste that code. You are going to paste it into the theme.liquid section after the </head> tag. I actually pasted it after the <body class="template-{{ request.page_type | handle }}"> line, which is just below the </head> tag. It seems to be working just fine for me.