How to show the offer in a custom position

Overview

The offer shows on the product page of product X. To place it somewhere else on the page, or on a page built with a page builder, use the app block or the code snippet.

Use the app block

  1. Go to Online Store > Themes > Customize and open the product page.
  2. Click Add block in the product section, open the Apps tab and select Buy X Get Y & BOGO.
  3. Move the block where you want the offer and click Save.

For a featured product section on another page, set Link to featured product in the block settings.

Use the code snippet

In the Offer step, copy the code under Use this code for custom placement or page builders (Optional) and paste it where the offer should show:

<div id="xb-buy-x-get-y-v2-root"></div>