How to add birthday, gender fields to the customer registration form in Shopify
You can add more fields to your customer registration form to collect custom information from your customers when they sign up for an account. Specifically here is birthday, gender fields.
To add custom fields to your theme’s customer registration form:
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- In the Templates directory, click
customers/register.liquid. - Find the following Liquid tags in the code:
{% form 'create_customer' %}and{% endform %} - The customer registration form code is between the Liquid tags that you found in the previous step. This is where the default form fields are found, with each field separated by an empty line. Every theme is different, but a customer registration form field looks similar to this:
- You will paste the code for birthday and gender fields before, after, or in between the existing fields, depending on your preference.123456789101112<div id="gender-wrapper" class="clearfix large_form"><label for="gender" class="label">Gender</label><select id="gender" name="customer[note][gender]" value=""><option value="Male">Male</option><option value="Female">Female</option></select></div><div id="birthday-wrapper" class="clearfix large_form"><label for="birthday" class="label">Birthday</label><input type="date" value="" name="customer[note][birthday]" id="birthday" class="text" size="30" /></div>
- After you have added the code for your fields, click Save.
Thank you!
can i collect customer address through customer registation form
Yes, you can but I think you must to use Shopify API to do that. Because the address must be registered under for customer ID.
First the customer must register successfully, then register the address for this account.
Hello, I have tried to add the gender dropdown menu to my register.liquid file however the dropdown menu doesn’t appear it just has the title. Why is this?
Hi I got this working, however when I do a customer export the header labels pull through on the left instead of on top with the regular headers
Hey, The format for the UK is Day / Month / Year , please can you help to how I can switch this around as currently its Year / Month / Day using this code?
Thank you