How to add birthday, gender fields to the customer registration form in Shopify

Hura Product Showcase Builder

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:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Templates directory, click customers/register.liquid.
  4. Find the following Liquid tags in the code:{% form 'create_customer' %} and {% endform %}
  5. 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:
  6. You will paste the code for birthday and gender fields before, after, or in between the existing fields, depending on your preference.
  7. After you have added the code for your fields, click Save.

DEMO

Hura Theme Blocks

You may also like...

6 Responses

  1. Yankii Garage says:

    Thank you!

  2. jitu kumar says:

    can i collect customer address through customer registation form

    • Kiet Huynh says:

      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.

  3. Ceris says:

    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?

  4. Nicole Robb says:

    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

  5. Joe says:

    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

Leave a Reply

Your email address will not be published. Required fields are marked *