How to add extra fields to the register account page - Dawn theme

MichelleClark
Shopify Partner
24 0 5

Hi there, 

 

How do I add extra fields for customers to fill out when registering to y our site?  See example below

 

This is mine: 

 

Screenshot 2023-05-30 095050.png

This is what I want to achieve:

 

Screenshot 2023-05-30 094911.png

Replies 4 (4)

AliReviews
Shopify Partner
773 90 355

Hello @MichelleClark ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Sections -> Register.liquid or something name similar to this

In the register.liquid file, you can add custom HTML and Liquid code to create the extra fields. For example, to add a "Phone Number" field, you can use the following code:

<div class="form-row">
  <label for="customer_phone">Phone Number</label>
  <input type="text" id="customer_phone" name="customer[phone]" value="{{ customer.phone }}">
</div>

Repeat the code for each fields you want to add 

Save changes 

 

Hope this can help.

Ali Reviews team

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
INFRA
Shopify Expert
124 0 51

hi! is there a way to make added fields mandatory/required?

BSS-Commerce
Shopify Expert
3477 461 519

Hi @MichelleClark 

When you want to create multiple fields for a subscription, that means you need to handle the data that the guest enters, such as saving, retrieving information for your control, if only editing the interface and not save that information, creating so many fields will not be necessary.

In this case, I think you should find a shopify expert to reconfigure the data handling and tweak the interface to your liking.

It's what we can help with an optimal solution. If you need help from our expert, kindly share your request with us via Shopify experts. We will check it and give you a detailed solution. We're looking forward to working with you.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Brett_Helium
Shopify Partner
228 44 97

Hey @MichelleClark!

No need to do any coding or hire a developer to accomplish this. You can use an app such as Helium Customer Fields to build a custom registration form and save the data collected directly into Shopify metafields. Use our simple drag and drop interface to build and customize your form, then install it on your site with just a few clicks.

Feel free to let me know if you have any questions!

Brett | Helium
Helium builds apps that thousands of merchants depend on:
- Customer Fields ✪✪✪✪✪ (330+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (250+ reviews)