Dynamic content enables your layouts to automatically display data from Shopify products, collections, and metafields. Instead of manually entering content, elements fetch their values directly from your Shopify store.
Supported Layout Types
Layout Type | Dynamic Content Support |
Product Templates | Full support (all dynamic fields and metafields) |
Product Sections | Full support when connected to a product |
Collection Templates | Limited support (title, description, image only) |
Pages | Support when connected to Shopify content |
Connecting Text to Dynamic Content
Text elements can be connected to a wide range of Shopify fields when placed within a connected container or template.
How to Connect
Select a text element within a connected container or template
In the right sidebar under Text, locate the Content input
Click the database icon next to the content field
Select the dynamic field you want to connect
Available Text Fields
Category | Fields |
Product Info | Title, Description, Description (HTML), Vendor |
Pricing | Price, Compare Price, Save Amount, Save Percentage |
Variants | Variant Title, Variant SKU, Quantity Available |
Metafields | All text-based metafields attached to the product |
Note: Only text-based metafields are supported directly in the Instant Builder for text elements.
Connecting Images to Dynamic Content
Images can be connected to dynamic Shopify sources for automatic content updates.
How to Connect
Select an image element within a connected container or template
In the right sidebar, click on the Image field
The image popover opens with two tabs: Instant and Shopify
Select the Shopify tab
Shopify Tab Contents
Section | Contents |
Product/Collection Header | Product images (Featured, Image 1, 2, 3, etc.) or Collection image |
All Images Header | All images uploaded to your Shopify content folder |
The images shown depend on what the container is connected to:
Product connection → Shows product-related images
Collection connection → Shows collection image
Collection Template Limitations
Collection templates currently have limited dynamic content support.
Supported Fields
Field | Supported |
Collection Title | ✓ |
Collection Description | ✓ |
Collection Image | ✓ |
Metafields | ✗ (not yet supported) |
Note: Metafield support for collection templates will be added in a future update.
Advanced Features with Shopify Markets
For advanced metafield connections—including image and video metafields—enable Shopify Markets on your layout. This publishes the Shopify schema to your theme, allowing content editing directly in the Shopify Theme Customizer.
Why Use Shopify Markets for Advanced Content
Feature | Direct in Instant | With Shopify Markets |
Text metafields | ✓ | ✓ |
Image metafields | ✗ | ✓ |
Video metafields | ✗ | ✓ |
Theme Customizer editing | ✗ | ✓ |
Enabling Shopify Markets
Open the Layouts panel
Hover over the layout you want to adjust
Click the more options button (three dots)
Select Template Settings, Page Settings, or Collection Settings
Navigate to the Advanced tab
Toggle Shopify Markets to enabled
Connecting Advanced Metafields
After enabling Shopify Markets and publishing your layout:
Step 1: Open the Theme Editor
Click the Publish button
In the publish dropdown, click Open Theme Editor
The Shopify Theme Customizer opens with your layout
Step 2: Select Your Element
Click on the image or video element on the canvas within the Shopify Theme Customizer
The element highlights in the Shopify layer panel under Sections → Template
Step 3: Connect the Metafield
In the sidebar, view all editable fields (published with your schema)
Click on the image or video you want to make dynamic
Click the Replace button in the dropdown
Select from available metafields (image metafields for images, video metafields for videos)
Required: Connect Product in Theme Customizer
Important: You must connect the product within the Shopify Customizer for metafields to populate.
At the top of the template input fields, locate the Product header
Click the database icon
In the popover, click Product (with the tag icon)
The template becomes dynamic and fetches attached metafields
Limitations
Limitation | Details |
Product metafields only | Only product-level metafields are supported |
Collection metafields | Not supported (coming in future update) |
Theme Customizer required | Advanced metafields must be connected in Shopify, not Instant |
Quick Reference
Task | Location |
Connect text to dynamic field | Select text → Database icon → Choose field |
Connect image to Shopify | Select image → Image field → Shopify tab |
Enable Shopify Markets | Layout settings → Advanced → Shopify Markets toggle |
Open Theme Editor | Publish dropdown → Open Theme Editor |
Connect product in Customizer | Product header → Database icon → Product |
Dynamic Field Support by Layout Type
Field Type | Product Template | Collection Template |
Title | ✓ | ✓ |
Description | ✓ | ✓ |
Image | ✓ | ✓ |
Price fields | ✓ | ✗ |
Variant fields | ✓ | ✗ |
Text metafields | ✓ | ✗ |
Image metafields | ✓ (via Markets) | ✗ |
Video metafields | ✓ (via Markets) | ✗ |