# customers/register The `customers/register` template shows the customer sign-up page, which is used for creating customer accounts.
![register.png](https://s2cdn.myshopline.com/slfs/op-new/file/2023/10/26/727663/register.png) --- ## Location The `customers/register` template is found in the theme's template folder `templates` > `customers`: ```html └── theme ├── layout ├── templates │ └── customers │ ├── register.json │ ... ... ``` --- ## Content You can include the [customer registration form](#customer-registration-form) in the `customers/register` template or within a section in the template.
(Optional) You can add the [“Register with Phone Number”](#provide-phone-number-registration-option) option. ### Customer Registration Form {#customer-registration-form} The customer sign-up form can use the [Handlebars form helper](/docsv2/ec20/hdwvcvrgnfcjf4gq/fak5r2zzz7fuhpaa) with the `'create_customer'` parameter. Within the form helper block, you need to include the following fields: | Field | Type | Form Name | | --- | --- | --- | | Email | email | customer[email] | | Verification Code | text | customer[verifycode] | | Phone Number | text | customer[phone] | | First Name | text | customer[first_name] | | Birthday | text | customer[birthday] | | Gender | text | customer[gender] | | Last Name | text | customer[last_name] | | Area Code | text | customer[code] | | Password | password | customer[password] | You should support both phone number and email registration. However, only when registering with a phone number, you need to provide the area code field, which is used together with the phone number. The following fields are required under specific conditions: - The verification code field is required when the merchant enables the "Customer must verify to complete registration" option in the SHOPLINE Admin customer account settings for email or phone number verification. - The first name, last name, gender, or birthday fields are required when the merchant enables the "Optional information fields" option in the SHOPLINE Admin customer account settings. Example code: ```handlebars {{#form "create_customer"}}

Password

{{/form}} ``` --- ## Usage When using the `customers/register` template, you should know the following: - [Provide “Register with Phone Number” Option](#provide-phone-number-registration-option) - [Redirect After Registration](#redirect-after-registration) If you use JSON templates, any HTML or Handlebars code needs to be included within the [sections](/docsv2/ec20/hgr7vj9rpaah1a6m/pdjetsjv9wwgftck) referenced by the template.
### Provide “Register with Phone Number” Option {#provide-phone-number-registration-option} For phone number registration, you need to provide an area code selection. The area code data is delivered through the [all_country_dialing_code](/docsv2/ec20/hdwvcvrgnfcjf4gq/pu2w7jr857z5fwta) object. You also need to check the `register_config.check_tag` attribute in the form context to determine if verification code validation is required. Finally, use `loadFeatured` to include the `customer-account-api` SDK to handle sending the verification code logic to the user account: ```handlebars {{#form "customer_login"}}

Phone

Verify Code

{{/if}} {{/form}} ```
For an example implementation, refer to the `assets/section-main-register.js` and `sections/main-register.html` files in Seed.
### Redirect After Registration {#redirect-after-registration} By default, after a user successfully registers, they are redirected to the [account page](/docsv2/ec20/hgr7vj9rpaah1a6m/y1f8emuvkjv82j16). You can change this setting using the `return_to` parameter of the Handlebars form helper. The following example shows how to direct users to the URL of the collection list page: ```handlebars {{#form "create_customer" return_to=routes.collections_url}} {{/form}} ```