Popups can easily be set up with ConvertKit and without any code, by choosing the ‘modal’ option inside ConvertKit forms and then embedding on your Shopify site. Read on to see how and why you need to do this.
One of the biggest advantages of Shopify vs a platform like Amazon is that you can collect your customer's email.
Email is how you keep your visitor. Websites, unlike social media, lack a ‘follow’ feature — so you could be getting a ton of good traffic and then losing all those people because they forgot about your store!
Email is what gets them to come back.
I have a Shopify client who receives almost 50% of their sales from return customers. Most of these return to the site after an email promotion.
If she wasn’t using email marketing, she would have only half as many buyers.
Imagine doubling your revenue by using email.
If you aren’t using an email marketing tool yet, I recommend ConvertKit.
There are others like Mailchimp & Klaviyo. But if you are new to email marketing then you just need the basics, and ConvertKit is perfect because it’s so easy to use.
Let’s get started.
If you haven’t already done so, head to ConvertKit and set up a new account.
If you use this link I would be very grateful as you will be supporting me as a blogger and allowing me to publish more articles like this one.
It’s very quick to create an account and you can start building your popup right away.
Great, your form is created and ready to go. You need to update the styling a bit before it’s ready to use.
This part is pretty easy. You can use all the color and font options inside ConvertKit to make your popup look more attractive and match your brand.
If you’ve chosen a template with an image, I recommend optimizing your image in squoosh.app first.
You can ignore the Custom Domain part. That’s only if you want to use the form as a landing page. The part we are interested in is lower down, under Display Options.
You have 3 options for the trigger.
Scroll lower down and you will see the devices dropdown. I recommend only showing popups on desktop. Because Google now penalizes sites showing popups on mobile. This is because of how often they cover the entire screen on mobiles and generally degrade the user experience.
The expiry is pretty easy — it’s simply how often you want your popup to show up for the same person. Usually it’s only once a week or fortnight. You don’t want to annoy people if they don’t want what’s in your popup.
Now you just need to add the popup into your theme code. Don’t worry, you don’t need to change much. It’s just one line that you need to paste into your theme.liquid file.
3. Great. You should now be in the theme code editor. You are looking for the theme.liquid file. So use the search box and type ‘theme.liquid’.
4. Scroll to the very bottom of theme.liquid. The file should end with something like </body> and </html>.
6. Go back to Shopify, and paste that line of code right above the </body> tag. Save theme.liquid and exit.
Congratulations! Your popup should now be firing. A couple notes: