4 - Set Custom Position (Add-ons)

Set Custom Position for Add-Ons

Want to control exactly where your Add-On bundle appears on your product pages?
You have 3 simple options to place your Add-On campaign anywhere you like. Here’s how:

🎯 Set Custom Position Using HTML Selector (All Themes)

Place your bundle above/below specific elements using the Custom Position option.

In Adoric Bundles App > Settings > Position > Add-On > Custom Position.
Choose your preferred placement:
Below the Buy button.
Before/After a specific HTML element.
At the Start/End of an element.
Select the target element using Adoric’s interface.
Save and preview your page.

🛠 Use Theme Editor (Only for Shopify 2.0 Themes)

Perfect for adding your bundle directly inside Shopify’s Theme Editor.

In Adoric Bundles > Settings > Position > Add-On > Using Theme Editor.
Go to Shopify Admin > Online Store > Themes > Customize.
Add the Adoric Bundle block:
Find Adoric Bundle App under the app section.
Add it to your page.
Paste your Bundle ID in the block settings.
Click Save.

Find your Bundle ID:
Go to Campaign Settings > Show on Pages > Other Pages > Using Theme Block.

💡 Embed with Shortcode (All Themes & Page Builders)

Use a shortcode to place your Add-On anywhere inside your store.

Open your bundle campaign.
Go to Campaign Settings > Show on Pages > Other Pages > Embed with Shortcode.
Copy the shortcode.
Paste it inside your HTML or page builder.
Save and preview.



🛠️ 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.

✅ Pro Tip:

If you’re using Shopify 2.0 themes, we recommend using the Theme Editor method for the easiest control.
For older or custom themes, HTML selector or shortcode is best.

💬 Need help?

Click the chat bubble at the bottom right — we're always happy to assist!

Updated on: 16/05/2025