Embeddable product section with full purchase form and 2 or 3-column layout.
Featured Product
The Featured Product section allows you to embed a complete product form on any page. It displays the same blocks as the main product page (variants, price, ATC, description, etc.) with a 2 or 3-column layout.
How It Works
This section works like a mini embeddable product page. You select a product, choose the layout, and add the blocks of your choice (identical to those on the main product page). The visitor can add the product to cart without leaving the page.
Main Settings
Product
| Setting | Description | Options |
|---|---|---|
| Product | Product to display | Product picker |
| Layout | Column layout | 2 columns / 3 columns |
2-Column Layout
| Setting | Description | Options |
|---|---|---|
| Image ratio | Media proportions | Adapt / Square / Portrait / Landscape |
| Media position | Side of the images | Left / Right |
| Media size | Image vs content proportion | Small / Medium / Large |
3-Column Layout
| Setting | Description | Options |
|---|---|---|
| Column 1 | Content of the first column | Thumbnails / Blocks |
| Column 2 | Main image | Media |
| Column 3 | Purchase form | Blocks |
Media
| Setting | Description | Options |
|---|---|---|
| Gallery | Image gallery style | Slider / Thumbnails / Grid |
| Enable zoom | Zoom on hover/click | On / Off |
| Enable video | Play product videos | On / Off |
Available Blocks
The blocks are the same as those on the main product page:
| Block | Description |
|---|---|
| Price | Current price + strikethrough if on sale |
| Variant selector | Product options (size, color...) |
| ATC button | "Add to Cart" button |
| Description | Full product description |
| Text | Custom free text |
| Heading | Custom title |
| Stock indicator | Stock indicator |
| Trust badges | Trust badges |
| Delivery estimation | Delivery estimation |
| Social proof | Number of people viewing the product |
| Icon list | Benefits list with icons |
| Tabs | Information tabs |
| Custom Liquid | Custom Liquid code |
Use Cases
Hero Product on Homepage
- 2-column layout, media on the left
- Blocks: Price + Variants + ATC + Trust badges
- Adapt image ratio
- Slider gallery with zoom
Upsell on Product Page
- 2-column layout, Small media size
- Blocks: Price + ATC + Text (short pitch)
- Complementary product to the main product
- No variant selector if simple product
Product Landing Page
- Full 3-column layout
- Column 1: Thumbnails
- Column 2: Main image with zoom
- Column 3: Price + Variants + ATC + Description + Delivery + Trust badges
- All conversion blocks enabled
Special Offer in Blog Post
- 2-column layout, media on the right
- Blocks: Custom Heading + Price + ATC
- Custom text explaining the offer
- Stock indicator for urgency
💡For maximum conversion, combine the Price + Variants + ATC + Trust badges + Delivery estimation blocks. These are the elements that reassure visitors and facilitate the purchase decision.
⚠️The Featured Product loads the complete product form with its associated JavaScript. Avoid placing more than 2 on the same page to preserve performance.
ℹ️If the selected product is out of stock, the ATC button automatically adapts (grayed out with "Sold Out" text). No additional configuration is needed.