How can I embed an image in a section block?

Technical Q&A

Topic summary

A Shopify developer is attempting to add image blocks to a custom section called “media-url-with-text” but wants to embed images via URL input rather than using Shopify’s standard image picker.

The Problem:

  • When trying to implement an image block with a URL field type, an error appears: “Invalid preset ‘Media-URL with text’: invalid block ‘image’: undefined block type”
  • The developer specifically wants to use metafield URLs to add images, not the built-in image selection interface

Attempted Solutions:

  • Another user suggested using image_picker type instead of url type for the block settings
  • This standard approach was tested but doesn’t meet the requirement since it uses Shopify’s image picker rather than URL input

Current Status:

  • The conversation has moved to direct email communication for personalized assistance
  • The core issue remains unresolved: how to configure a section block that accepts image URLs (potentially from metafields) rather than using Shopify’s native image picker
  • The provided code snippets contain some reversed/garbled text, making technical review challenging
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
2 
"blocks": [
{
"type": "image_block",
"name": "image_block",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image "
}

]

Use this paragraph to configure if you just want to add blocks of images.