Most people are not going to subscribe to your email list by using the little form in your site's footer or sidebar. This is especially true if you don't offer an incentive for people to subscribe. The fastest way to quickly build up your email list is to drive quality traffic to a landing page that offers a good reason for the visitor to subscribe (like a newsletter, free email course, or discount code), and features a big signup form that they simply can't ignore.
I recently did a podcast episode about how I'm building my email list for my survival knife shop. The basic idea is this: I put up a landing page clearly explaining that I put out a free, weekly survival newsletter, and that visitors can receive it by entering their email address. The page features bullet points and a big signup form to make it incredibly easy for visitors to know what I'm offering and how to sign up.
Here is a screenshot of that landing page:
I use Facebook ads to drive traffic to this page, and about 15% of the visitors to this page sign up for my newsletter. Within 4 weeks of driving traffic like this, I went from less than 50 to over 1000 subscribers.
Email marketing is a powerful tool, so I wanted to provide a free resource to help other ecommerce entrepreneurs put up landing pages like this and start building their email lists. I know that most of you aren't designers or developers, so I've made things really easy for you. The video tutorial below will walk you through exactly how to set up a landing page like mine in your Shopify store. I'll also show you how to do things like change the colors to match your branding, change out the icons and pictures, and change the wording.
Ready to jump in? Here we go!
Before you watch the video, you'll need to download this ZIP file containing the code and images that we'll be using in the tutorial.
Extras
Arrow Colors
In the video, I talked about how to change the signup button to match the color of the arrow image. To simplify things for you, here are the hex codes for all of the arrow colors so that you can plug those into the CSS:
- Orange arrow: #f69700
- Tan arrow: #c69c6d
- Gray arrow: #c2c2c2
- Red arrow: #ff0000
- Green arrow: #81c329
- Blue arrow: #00bff3
Where to find new icons and photos
The two resources I mentioned in the video for finding icons are iStockPhoto and FindIcons.com. As far as photos, you can find some good photos on iStockPhoto, although you will have to purchase them. Free photos can be found on sxc.hu and Flickr (make sure they are licensed for commercial use). You can also find cheap stock photos on PhotoDune.net.
Need help?
Like I said in the video, feel free to leave comments below if you run into any problems.
58 comments
Hey Leighton,
Thanks so much for this tutorial! It has helped so much.
I would really like to embed a product video at the bottom where the wilderness picture is. Is this possible?
Thanks,
Adam
Great video but I ran into a bit of a problem. It may be because I am using a different theme (mobilia). Anyway, after adding the survival knives template to the template editor I then creating a page called “Landing Page” (saved). Then when I scrolled down to select the template for the page I was unable to find the template called page.landingpage in the dropdown menu. Any suggestions on how to resolve this issue would be much appreciated.
Hi Greg, if you added the template to an unpublished theme, the template won’t show up as an option in the page editor. Make sure that you’ve published the theme with the template. If it’s already published, I’d first try saving and refreshing the page in the page editor. If that doesn’t work, check your theme editor and make sure that the page template is there and that it’s actually a page template and not some other kind of template or snippet. I hope that helps—let me know if not. :)
I had the exact same question, Brianne.
Hi Leighton. Got the web store open finally! Thanks for all your help and encouragement. Please have a look and let me know what you think :) http://namee.co.uk