Offer page design

By default the offer uses the extension's built-in page, which works out of the box. It shows the context pill above the headline, the headline with its subline, the context card with the order or the purchased product on the left, next to it the offer card with product image, recommendation badge, price (with discount row and savings when discounted), tax note and benefit list, the accept button with the price on it, the decline button, and the reassurance strip below. When the offer product or the trigger product is a variant, its option values (e.g. Colour: Red | Size: XL) appear on the corresponding card under the product name. On mobile the actions stay pinned to the bottom of the screen; product images and long product names render robustly. You do not need to design anything to go live.

The built-in page is not a Shopping Experience layout and cannot be edited in the Shopping Experiences editor. If you want control over the look, assign the extension's Post-purchase offer layout from Shopping Experiences to the campaign on its Offer tab, under Offer page layout.

Built-in page vs. Shopping Experience layouts

• Default offer page: The built-in recommended add-on offer. Not editable in Shopping Experiences.
• Post-purchase offer: The same offer, rendered through a Shopping Experience. Editable in Shopping Experiences.

Designing a custom layout

1. In Content → Shopping Experiences, create a layout of type Post-purchase offer or use the layout that ships with the extension.
2. Add the Post-purchase offer element somewhere on it. That element renders the live product, price and the add / decline buttons for the current order. Everything else (text, images, headings) is yours to arrange around it.
3. Open the campaign and choose this layout on the Offer tab, under Offer page layout.

The "Post-purchase offer" element options

Select the element in the editor to configure how it renders. The options are grouped by the page's sections:

• Heading – Show context pill: Default: On.
• Heading – Show subline: Default: On.
• Context card – Show context card: The left-hand card showing the order or the purchased product. Hiding it also hides the plus sign, and the offer card stands alone. Default: On.
• Offer card – Show recommendation badge: Default: On.
• Offer card – Show discount row: Default: On.
• Offer card – Savings display:Amount and percentage or Amount only. Default: Amount and percentage.
• Offer card – Show tax note: Default: On.
• Offer card – Show benefit list: Default: On.
• Below the offer – Show reassurance strip: Default: On.

Good to know

• Assign it on the campaign. A Post-purchase offer layout is connected to the offer by choosing it on the campaign's Offer tab, under Offer page layout. Its own Layout assignment dialog in Shopping Experiences does not apply (it shows a note saying so) – categories and shop pages are not how an offer layout is used.
• Product blocks show the offered product. Blocks such as cross-selling, buy box, product description and reviews, or a mapped product image render the campaign's offered product, exactly as on that product's own detail page.
• Design tip: prefer cross-selling or a hand-picked product slider over a category Product listing block – an offer page has no category for a listing to show.
• Order context adapts to the trigger. The offer page shows the "in your order" product on the left when the campaign can resolve a triggering product; otherwise it shows a compact order context.