Debut theme: how to add a “name” field to the newsletter

When it comes to reaching out to your target audience, keeping it slightly personal can be an interesting approach. Simply giving them the possibility to add their first name when asking for an email, will give you the possibility to send out emails with a more personalized feel to it and, potentially, boost up your conversions.
In this tutorial, I'll show you how you can quickly and effortlessly add a “first name” field to your Debut theme's newsletter: both section and the footer. You can click here to view how the end result will look like. (Please scroll down to the footer).
Let's do this!
Making a backup first
Before diving into the tutorial make sure you download the theme, so in case you face any issues you can easily revert back.
Adding the name field to the newsletter section
- From your Shopify admin, go to Online Store > Themes > Actions > Edit Code.
- Find the newsletter.liquid file.
- Press CTRL + F (or command + F on Mac) and search for exactly this (with quotes included):
type=”email”
You should find a line starting with <input. In my case this is on the line 20, however, depending on your Debut's version, this number can vary. - Now paste the following code above this line you found and save:
- It should look like this:
- Great, we have successfully added the first name field to Debut's newsletter section! Now let's move on to the footer.
Adding the name field to the footer's newsletter
- Find the footer.liquid file.
- Just like in the previous step, search for (with quotes included):
type=”email”
You will find the line starting with <input. - Paste the code above the <input line and then save:
Ok, but where do I view the customers' first name and email now?
I'm glad you've asked! It's actually quite simple. From your Shopify Admin, click on the “Customers” tab on the left side. In there you'll be able to view all of your registered customers.
Once you click on one of them, then you'll be able to view their email and other pertinent information.


That is it, now you can capture your audience's name and emails!
You may also like
Here are some other tutorials you may be interested in:
– Add arrows & swiping to Debut product pages
– Debut “click to zoom” lightbox tutorial: mobile friendly images, slider & arrows
– Improve your website's safety: block right click, image copying and more
Was this article helpful?