If your shop is using Shopify's new Customer accounts option, you may have noticed that the customer account pages are not customizable through your theme. However, Shopify now supports app extensions in the customer account pages, meaning that you can add new elements to these pages from some of your favorite apps, including things like informational banners and custom forms from the Customer Fields app.

Below are the types of extensions currently supported by the Customer Fields app:

The custom profile block adds a new card element directly to the standard account profile page. In the card, customers will be able to see their existing custom data, or open the "Edit" pop-up to add or edit the data, which is stored directly in Shopify's customer metafields.

Configure this extension by adding a form ID for a "Custom profile" type form from the Customer Fields app. Additional settings allow you to customize the card by setting a custom heading text, the number of columns used to display data, and custom text to display after the form is updated.

A custom profile page allows you to add a custom form to a separate customer account page, including having it's own link in the account navigation. Similarly to the custom profile blocks, pages allow you to collect custom data from customers, except in this case the form is present directly on the page instead of opening in a pop-up.

Configure this extension by adding a form ID for a "Custom profile" type form from the Customer Fields app. Additional settings allow you to customize this page by setting a custom heading text, including a link to go back to the standard profile page, and setting the heading and body text to display after the form is submitted successfully.

The Customer Fields app offers a custom banner which can be added to the "Orders" page, which is the default page that customers will land on after logging in or registering. This banner is intended to help guide customers to the "Profile" page where they can fill out any custom details you need to collect.

The ID entered in the "Form ID" field should correspond to form being used in a "Custom profile block" extension. After this form has been submitted by the customer, the banner will be automatically hidden. Other settings for this extension include setting the text to be used for the banner heading, body, and button, as well as choosing if the customer should be able to dismiss the banner or not. If "Temporarily dismissible" is selected, customers will be able to hide the banner without having to submit the form, however the banner will return each time they log in until the form has been submitted.

Similar to the call to action banner, a notification card is intended to help encourage customers to submit a form. Instead of displaying on the "Orders" landing page, the notification card is displayed directly on the "Profile" page.

Configure the notification card by defining a form ID for a "Custom profile block", which will automatically hide the notification card once that form has been submitted. You can also use the extension settings to define the text used for the heading and body of the notification card.