Livestream: Stop Throwing Away Prototypes. Use Your Real Components

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Livestream: Stop Throwing Away Prototypes. Use Your Real Components

Announcing Visual Copilot - Figma to production in half the time

Landing pages
Blog Article
Hero Section
Navigation Links
Announcement Bar
Product Details
Product Editorial
Homepage
Request a blueprintGo to developer docs

Integrate an Editorial Section with Your Product Page

A common use case with a visual CMS is to have a region on your product page for adding more editorial about the given product — or for all products of a given type or collection. This could include content such as storytelling, imagery, videos, recommended products, and other merchandising.

Model definition

A standard section model named product-editorial is all you need.

By default you don't need any fields. Instead, this example uses targeting to decide where the section should display; such as for a given product or any product of a certain collection.

Custom targeting or an e-commerce plugin can help provide the UI fields for picking product and collections where this section shows.

Example Code

Get the latest from Builder

By submitting, you agree to our Privacy Policy.