Managing Custom Fields Data In The Shopify Interface

Overview

With the free Custom Fields extension for Google Chrome, you can edit Custom Fields data right in the Shopify admin, without opening the app.

Version 2.0 of the extension puts the editor in a Custom Fields block on the page. The old floating tab at the top right of the page is gone.

Where You Can Edit Custom Fields

Step 1: Add the Extension to Chrome

Open the Custom Fields extension in the Chrome Web Store. Click Add to Chrome, then click Add extension.

If you already have the extension, Chrome updates it to version 2.0 for you. You do not need to do anything.

Step 2: Add the Custom Fields Block

Shopify does not show app blocks until you add them. You add the block one time for each type of page, for example, one time for products and one time for orders.

1. Open a product (or a variant, collection, order, draft order or customer).
2. Scroll to Blocks at the bottom of the page.
3. Click + Block, then select Custom Fields.

4. Click the pin icon in the block header. If you do not pin the block, it goes away when you leave the page.

If the Block Shows "Add to Chrome"

Without the extension, the block shows a short message with two links:

• Add to Chrome opens the extension in the Chrome Web Store. After you add it, the block changes to the editor. You do not need to reload the page.
• Open in app opens this item in the Custom Fields app in a new tab.

Step 3: Edit Your Custom Fields

Edit the fields in the block. The block has a fixed height, so scroll inside the block to see all of your fields.

The block header has two more options:

• The expand icon opens the editor in a full height panel on the right side of the page. To close the panel, click the X, click outside the panel, or press Esc.
• Edit in app opens this item in the Custom Fields app, in a new tab.

Saving Changes

Scroll to the bottom of the editor and click Save Custom Fields. The message "Your custom fields have been saved!" shows when the save is done.

The Shopify Save button does not save Custom Fields data. Always use the Save Custom Fields button in the editor.

Pages and Blog Posts

Shopify does not let apps add blocks to pages or blog posts. On these pages, open the editor from the More actions menu:

1. Click More actions at the top of the page.
2. Click Edit Custom Fields.

With the extension, the editor opens in the panel on the right side of the page. Without the extension, the app opens in a new tab.

The Edit Custom Fields link is also on products, variants, collections, orders, draft orders and customers, so you can use it on any page. To open the app in a new tab, hold Cmd (Mac) or Ctrl (Windows) when you click the link.

Blogs have no block and no More actions link. To edit the custom fields of a blog, use the Custom Fields app.

If You Used the Old Version

After the update, a Custom Fields button shows at the top right of pages where the block is not added yet. Click it to see how to open the editor on that page.

On pages and blog posts, the message tells you to use More actions > Edit Custom Fields.

• Close hides the message. The button stays on the page.
• Got it removes the button for that type of page.

When you pin the block, the button goes away. The button shows only for a limited time after the update.

Troubleshooting

The block shows "Add to Chrome", but the extension is installed. Go to chrome://extensions and make sure that Shopify Custom Fields is turned on and the version is 2.0 or later. Then reload the Shopify page. To update the extension, see Updating the Google Chrome Extension.

The editor asks you to log in, or does not load. Follow the steps in Trouble Logging into the Chrome Extension.

You do not see the Custom Fields block on a page. Blocks show only on the desktop version of the Shopify admin. Make sure that you added and pinned the block on that type of page (see Step 2).