π While logged in, customers can edit/update their account details using a Customer Fields form
This powerful feature allows customers to update their account information on their own -- all without you lifting a finger! Customers can easily log in to their account and click on an "Edit account" link to update their name, email, and/or any other fields you've configured inside the app's form builder.
Edit account page
When enabled, Customer Fields will create an edit account page on the storefront using an app proxy. By default, the URL for this page will be /tools/customr/edit-account
.
Here's what the edit account page looks like on the storefront (Dawn theme):Β
Edit account link
In addition to the proxy page, the app will also inject a link onto the store's existing account page (/account
) so customers can easily access the edit account page after logging in.
Here's what the edit account link looks like on the account page (Dawn theme):
Steps to enable
Follow the steps below to enable an edit account page:
Make sure to use a Customer Fields form with the account options setting set to 'Default'
Copy the form ID from the app admin
Launch the theme editor for the theme you're working on
You can launch the theme editor from the Shopify admin under Sales channels > Online Store > Themes > Customize
You can also launch the theme editor using the form builder in the app admin. From the form builder, click on the 'Installation' tab, select the theme you're working on, and then click the link for 'Launch theme editor'
Once in Shopify's theme editor, open up the app embed settings for Customer Fields, and paste the form ID into the field for 'Edit account form ID'
(Optional) Use the language settings in the app embed to customize the text shown to customers
Click the 'Save' button in the theme editor to save your changes
Pro-tip: You can learn more about app embed form installation using this help article.
For stores with Account Approval forms
If you're using a Customer Fields form with the account options set to 'Require account approval', then you'll need to create a separate form so that logged-in customers can edit their account details.
The fastest way to create a separate form is to duplicate an existing form:
Go to the 'Forms' page in the app admin
Find the form you want to duplicate, and then click the 'Duplicate' link (see screenshot)
Once the duplicate form has been created, go to the 'Settings' tab in the form builder
Find the section for 'Account options' and enable the 'Default' setting
Click the 'Save' button to save your changes
Pro-tip: Learn more about the form settings for account options using this help article.
Important notes
π Location for the edit account link
Each Shopify theme is different, so the location & position of the "Edit account" link may vary from the above examples.
Pro-tip: If you want to change the text for the "Edit account" link to something else, read this help article.
π Changing passwords
Currently, Shopify's APIs do not support the ability for a customer to change their account password. Because of this, customers cannot edit their password using a Customer Fields form. Technically this is a security measure put in place by Shopify, and it's intended to prevent customers from inadvertently changing their passwords without confirming they have access to the email address attached to their account.
Pro- tip: If you want to give customers the option to reset their password once they are logged in, then you can enable a password reset link using the 'Settings' tab in the form builder (learn more).
π Lock field values
You may want to restrict customers from editing certain fields in your form, such as a birthday field. To lock a field value, go to your form, select the field, then tick the box for "Lock value" as seen in the image below.
Pro- tip: If you are using repeating group fields, you must instead "Lock entries." You cannot lock values from an individual field if it is inside a repeating group field.