Welcome to CodeCrew Infotech

shape shape
Shape Shape Shape Shape

How To Add New Fields In Shopify Newsletter Form

This blog will provide step-by-step instructions on How To Add New Fields to Shopify Newsletter Form.

Step 1: Go to Shopify Dashboard and click on Online store> Themes > Actions > Edit code.


Step 2: In the edit code section of each newsletter.liquid file.


Step 3:


code: Paste this code in the newsletter-form class.

<div class="field">

<input class="field__input" autocomplete="name" type="text" id="ContactForm-first_name" name="contact[first_name]" value="" aria-required="true" placeholder="First Name" required>

<label class="field__label" for="ContactForm-first_name">{{ 'customer.register.first_name' | t }}</label>


<div class="field">

<input class="field__input" autocomplete="name" type="text" id="ContactForm-last_name" name="contact[last_name]" value="" aria-required="true" placeholder="Last Name" required>

<label class="field__label" for="ContactForm-last_name">{{ 'customer.register.last_name' | t }}</label>



Step 4:  After updating, the code, go to “Themes” and then “Customize”


Step 4:  After that click “Add section” and search for “Email signup” and drag the “Email signup” element