Customer Fields adds storefront forms to your theme through Shopify's theme editor, so it never edits your theme's code. This works the same on Shopify's Customer Accounts and Legacy customer accounts. A form you add this way:
keeps working when you duplicate or switch themes, because form changes come from the app
works with most themes, including custom ones
leaves no code behind if you uninstall the app
Forms in the customer's account or on the Thank you page don't go in your theme. They use account extensions instead. See Customer account extensions.
Ways to add a form
Every method needs the Customer Fields app embed turned on first. Open the theme editor from Online Store > Themes > Edit theme, or choose your theme on the form's Installation tab.
Method | Where the form shows | Use it for |
App block (Customer form) | Any section of an Online Store 2.0 theme | Most forms, on a page you choose |
App embed | Loads the app on every page | Turning Customer Fields on, and the developer tools |
Shortcode | Anywhere you can paste text, like a product description | Places a block can't reach |
App embed
On the form's Installation tab, choose your theme and click Enable app. The theme editor opens with Customer Fields turned on under App embeds. Click Save. You can also turn it on yourself under App embeds in the theme editor. Turn on Enable developer tools to use the JavaScript API without a form on the page. See Customer Fields app embed.
On Legacy customer accounts, the app embed's Legacy customer forms settings can also replace your theme's registration form and add an edit account page. See Edit account page for Shopify's Legacy Customer Accounts.
App block
On an Online Store 2.0 theme, click Add section, open the Apps tab and choose Customer form. Some themes also let you add it as a block inside a section.
Paste the form's ID into Form ID, then click Save. You can also set the Width, Vertical spacing and Horizontal spacing. See Install a form via app block.
Shortcode
Use a shortcode where a block can't go, like a product description. On the form's Installation tab, choose your theme, then copy the code under Shortcode. See Install a form via shortcode.
Remove old install code
Forms installed before November 2022 added code to your theme. After you add a form with an app block or the app embed, the form's Installation tab offers to Remove leftover code, and the app removes it for you. See Liquid uninstall.
If you've only used the methods above, there's no theme code to remove. Delete any shortcodes you added if you stop using Customer Fields.