Skip to main content

Add products to a page

After you manage or create catalog entries, attach them to landing experiences with the Product block inside the Page Builder.

Insert the block​

  1. Open a page in the builder.
  2. Drag or insert the Product element from the palette (see Product and price elements for how it pairs with Price blocks).
  3. Select the block so the sidebar shows its settings.

Pick a catalog item​

Under Product, open the dropdown:

  • The list includes every catalog row for your account (respecting the current project filter, same as the catalog screens).
  • Bundles append a “(Bundle)” suffix in the label so you can distinguish them from simple SKUs.
  • Choosing an entry stores only the product reference on the page—names and prices continue to flow from the catalog until you edit the product again.

If the selected product no longer exists, the drawer shows a “Product not found” warning. Pick a new product or restore the missing catalog entry.

Edit catalog details quickly​

When a valid product is selected, use Edit in Product Editor to tweak pricing, tiers, or CTAs without losing your place in the builder.

Override display mode​

When a product is selected, Display options exposes Show full product as a per-block override:

  • Off — Uses the catalog default unless you flip it here.
  • On — Forces the full merchandising column for this placement even if the catalog entry prefers selector-only mode.

This lets different pages present the same SKU differently when needed.

Publish​

Save the page, then publish when you are ready for traffic. Major catalog edits (price changes, tier removals) should trigger a fresh publish so cached payloads stay honest.

Frequently asked questions​

Can I show two products side by side?

Add two Product blocks and choose different IDs. Watch mobile stacking—side-by-side layouts may collapse to a single column.

Does the Price block replace the Product block?

They serve different layout goals. Use Product for the full merchandising + checkout experience; use Price when you only need a pricing-focused slice (see the builder doc above).