How to add custom fields like Re-Enter Email, Re-Enter password etc to Account Registration form?

[paulson1]

Hi,

I am looking to add fields like Re-Enter Email, Re-Enter Password etc to Account Creation Form.

I could not find customer/register.liquid. All I can see is customer/register.json.

Within json I can only see

{
"sections": {
"main": {
"type": "main-register",
"settings": {
"padding_top": 36,
"padding_bottom": 36
}
}
},
"order": [
"main"
]
}

Could someone please tell me how I can add extra fields to this form?

Thanks

[Brett_Helium]

Hey @paulson1!

If you are trying to code this directly into your theme, you will specifically want to look for a file such as "main-register.liquid" although  it is possible that the exact name could vary depending on the theme being used.

Alternatively, you can also accomplish this without any coding necessary by using an app such as Helium Customer Fields, which allows you to build a custom registration form and includes pre-made fields for email confirmation and password confirmation, as well as lots of other field options.

[paulson1]

Hi @Brett_Helium 

I can see main-register.liquid. I checked in the Dawn theme.

I can see the below code in the file -

<div class="field"> <inputtype="email"name="customer[email]"id="RegisterForm-email"{% if form.email %} value="{{ form.email }}"
{% endif %}spellcheck="false"autocapitalize="off"autocomplete="email"aria-required="true"{% if form.errors contains 'email' %}
aria-invalid="true"aria-describedby="RegisterForm-email-error"{% endif %}placeholder="{{ 'customer.register.email' | t }}"
>
<label for="RegisterForm-email">
{{ 'customer.register.email' | t }}
</label>
</div>

I was wondering whether you have any sample code which I can add here for "Re-Enter Email" field and compare the email ids in both fields to make sure they match.

Many thanks

[Brett_Helium · Accepted solution]

Hey @paulson1!

That definitely looks like the correct file and section of code, however I am not actually a developer and do not have any specific examples or guidance for coding something like this. If you need assistance, you may need to work with a developer directly, or may want to consider an app such as Helium Customer Fields for a solution which does not require editing any code.

[paulson1]

Hi @Brett_Helium 

I looked at Helium Customer Fields.  I was going to purchase the Lite Plan.

I noticed, it does not allow me to add additional custom fields.

I need to add a Tick Box called "I agree with Terms & Conditions" in the registration page. 

The text Terms & Conditions in the above should be a url. 

Is it possible to achieve it using the Lite plan. Just for this tick box going to Pro plan is not worth.

Thanks

[Brett_Helium]

Hey @paulson1, a terms and conditions checkbox would be considered a custom field and unfortunately would not be available on the Customer Fields lite plan.

[VSLV22]

Same story here. 

You guys want us to pay $26 per month for a checkbox? Seriously? 

You know we pay $39 for an entire shopify store WITH a processor and you are charging $26 PER MONTH for a form editor?

COMPLETELY INSANE.

[Brett_Helium]

Hey @VSLV22! I can totally understand if the Customer Fields app and our pricing may not fit your situation.

While just adding a checkbox may be a small thing, many users are more than happy to pay for the convenience of having a no code option for building custom forms, especially if the alternative is to pay a developer to build and maintain a custom solution. The app also has lots of other functionalities that thousands of merchants find value in, like being able to require email verification or manual approval or allowing customers to edit their own account information.

If you do not have need of any of our other features, you may certainly be able to find another app or code this yourself for cheaper! We know the app is not the best solution for every shop, we just want to provide some guidance and options where we can.