Shopify Metafield Groups v2

Visually organise metafields in your Shopify admin by grouping related fields together with colour-coded labels — without touching your theme code.

What's new in v2

👤 Profiles

Create multiple named configurations per store and switch between them instantly. Great for different clients or workflows on the same store.

🔒 Lock groups

Lock any group to prevent editing of those metafields in the Shopify admin. Locked fields show a 🔒 header and a click-blocking overlay.

↕️ Per-profile export & import

Export or import individual profiles as well as full configuration dumps.

📄 Metafields viewer page

Groups now also apply on standalone /metafields viewer pages for products and collections.

⚡ Auto-migration

Existing groups from v1 are automatically migrated into a "Default" profile on first launch. No manual steps needed.

🗂️

Group metafields

Bundle related metafields under a named, colour-coded header.

👤

Multiple profiles

Switch between named configurations per store — useful for different clients or workflows.

🔒

Lock groups

Prevent editing of specific metafields with a click-blocking overlay and lock icon in the header.

🎨

12 colour options

Each group gets its own colour so different sections are instantly distinct.

💾

Synced across devices

Groups are saved to browser sync storage — available on every machine you're signed into Chrome or Firefox with.

↕️

Export & import

Back up your full configuration or individual profiles and share them with teammates as JSON files.

Groups can be configured for any of these Shopify admin resource types, including standalone /metafields viewer pages:

Products
Collections
Product Variants
Articles
Blogs
Pages
1

Install from your browser's store

Chrome: Visit Blink Metafield Groups on the Chrome Web Store and click Add to Chrome.

Firefox: Visit Blink Metafield Groups on Firefox Add-ons and click Add to Firefox.

2

Confirm the permissions

Your browser will ask you to confirm the permissions. Click Add extension — the extension only needs access to Shopify admin pages.

3

Pin it to your toolbar

Chrome: Click the puzzle-piece icon in the toolbar, find Blink Metafield Groups, and click the pin icon.

Firefox: Right-click the extensions menu in the toolbar and choose Pin to Toolbar.

4

Existing groups are migrated automatically

If you used v1, your existing groups will be moved into a Default profile on first open. Nothing is lost and no manual steps are needed.

Profiles let you maintain multiple sets of group configurations for the same store and switch between them from the popup.

+

Create a profile

Click the + button in the profile bar. Enter a name and press Enter or click ✓. The new profile starts empty and becomes the active profile immediately.

Switch profiles

Use the dropdown in the profile bar to switch to any saved profile. The page updates instantly to reflect the selected profile's groups.

Export a profile

Click the button to download the active profile as a .json file. The file includes the profile name and all its group configurations across every resource type.

Import a profile

Click the button and select a previously exported profile .json. It is added as a new profile with a fresh ID — it won't overwrite any existing profiles.

Delete a profile

Click the button to delete the active profile and all its groups. You cannot delete the last remaining profile.

1

Navigate to a resource in Shopify admin

Open a product, collection, article, blog, page, or variant edit page — anywhere metafields are visible in the admin. Groups also work on standalone /metafields viewer pages.

2

Click the extension icon

The popup shows the store name at the top and automatically selects the correct tab for the page you're on (e.g. Products if you're editing a product).

3

Click "+ Add Group"

Fill in the form:

  • Title — the label shown above the group (e.g. Related Content).
  • Subtitle (optional) — a smaller description line below the title.
  • Metafield labels — one label per line, each matching exactly the text Shopify shows on screen for that metafield.
  • Colour — choose from 12 colours.
4

Save

Click Save (or press Ctrl/Cmd + Enter). The page will automatically update to show the grouped fields with coloured borders and the group header.

Important: Metafield labels must match exactly what Shopify displays on screen — including capitalisation and spacing. Copy the label text directly from the admin page to be sure.

Locking a group prevents anyone from editing the metafields it contains directly in the Shopify admin. Useful for protecting fields that shouldn't be changed accidentally.

🔒

Lock a group

Click the 🔓 button next to a group in the popup. The group header on the page will display a 🔒 icon, and a transparent overlay will block all interaction with the fields inside it.

🔓

Unlock a group

Click the 🔒 button next to a locked group. The overlay is removed and the fields become editable again immediately.

Note: Locking is visual only — it prevents accidental edits via the browser UI but does not restrict access at the Shopify API or admin level.

Each group can be assigned one of 12 colours to help distinguish different sections at a glance.

Edit a group

Click Edit next to any group in the popup to update its title, subtitle, fields, or colour.

Delete a group

Click Del next to a group and confirm the prompt. The grouping is removed immediately from the page.

Export All: Click ↓ Export All in the footer to download every group configuration for the current store as a single .json file — includes all profiles.

Import All: Click ↑ Import All and select a previously exported file. This will merge the data into your current storage, then reload the profile list.

Profile export/import: Use the and buttons in the profile bar to export or import individual profiles. Imported profiles are always added as new — they won't overwrite existing ones.
?

Groups aren't showing on the page

Check that the metafield labels in your group match exactly what's shown on screen. Shopify renders labels dynamically, so try refreshing after saving a new group. Make sure you're on a specific resource edit page (with an ID in the URL), not a list page.

?

The popup shows "Open Shopify admin"

The extension is active but can't detect a store. Navigate to your Shopify admin at admin.shopify.com and reopen the popup.

?

Changes aren't reflected after editing a group

The page updates automatically, but if it doesn't, do a hard refresh (Ctrl/Cmd + Shift + R) to force the content script to re-apply the groups.

?

Metafields aren't grouping together

The extension cannot reorder your metafields — make sure they're already in the correct order in Shopify. All metafields in a group need to be consecutive, otherwise they won't group properly.

?

My v1 groups have disappeared

They've been migrated to a profile named Default. Check the profile dropdown in the popup — if you're on a different profile, switch back to Default to see them.