4 - Set Custom Position for Buy X get Y β BOGO
π οΈ How to Adjust the Position of Adoric Buy X Get Y β BOGO Campaigns on Your Shopify Store
By default, the Buy X Get Y β BOGO campaign is set to "Custom Position" and appears above the Buy button on your product page. However, you can customize its placement using the following methods:
π§ Methods to Customize Campaign Position
π§© Using Theme Editor (for Online Store 2.0 Themes)
βοΈ Custom Settings (Compatible with All Themes)
π§Ύ Embedding with Short Code (Compatible with All Themes)
π Target Specific Pages with "Show on Pages" Option ---
π§© 1. Using Theme Editor for Online Store 2.0 Themes
Go to Adoric Bundles Global Settings in your Shopify admin panel.
Click Position, then choose Buy X Get Y β BOGO.
Select Using Theme Editor and click Go to the theme editor.
Navigate to the specific campaign and copy its ID: Settings > Show on Pages > Using Theme Block > Copy Buy X Get Y β BOGO ID

Click Go to the Theme Editor, then click Section.
Locate the "Adoric Buy X Get Y β BOGO" block:
Drag and drop the block to your desired position.
Click on the block, paste the copied ID in the top-right pane, and save.

π Note: The new position will apply exclusively to this campaign.
βοΈ 2. Custom Settings (Compatible with All Themes)
Go to Settings > Position > Buy X Get Y β BOGO.
Choose Custom Settings. Use predefined positions like "Before HTML" or "After HTML".

π οΈ Note:
- You can find the selector using your browserβs Dev Tool.
- Hereβs a guide on how to open Dev Tool.
- Hereβs a guide on how to find and copy the selector.
π§Ύ 3. Embedding with Short Code (Compatible with All Themes)
Open the specific campaign in Adoric.
Navigate to Settings > Show on Pages > Embed with Short Code and copy the code.
Paste the short code into the desired location on your page.

π‘ This method is ideal for custom or older themes not compatible with Online Store 2.0.
π 4. Target Specific Pages with "Show on Pages" Option
You can control where each Buy X Get Y β BOGO campaign appears by selecting specific product pages:
Go to the campaign you want to manage
Click Campaign Settings > Show on Pages
Choose the specific product(s), collection(s), or URLs where you want the campaign to display

π― This gives you precise control over campaign visibility without needing to touch any code or theme files.
β οΈ Important Notes
π§ͺ Compatibility Issues: May not display properly with custom themes.
π App Conflicts: Other apps may interfere with functionality.
Updated on: 16/05/2025
Thank you!