Custimize Position for your Add-Ons Campiagn
Customize Your Add-On Campaign Position
You have three options for adjusting where your Adoric bundle campaigns appear on your store’s pages. This guide walks you through each option so you can choose the best method for your needs.
Make sure you choose the “Custom Position” option in Adoric Bundle:
Settings → Position → Add-On → Custom Position → Choose where you want to place your bundle(s)
You can place your bundle campaign in specific positions on the page by selecting a relevant HTML element.
Below the buy button
Before a specified HTML element
After a specified HTML element
At the start of a specified HTML element
At the end of a specified HTML element
Identify the HTML element or area on your store’s page where you want the bundle campaign to appear.
Use the Adoric interface to set the position by selecting the desired option from the list.
Apply your changes and preview to ensure the bundle displays correctly.
Settings → Position → Add-On → Using theme editor (Only for 2.0 themes) → Go to Theme Editor
If you’re using a Shopify 2.0 theme, you can add the bundle campaign directly through the theme editor.
Access the Theme Editor:
Go to your Shopify admin.
Navigate to Online Store → Themes → Customize.
Enable Access for Adoric Bundles:
Ensure the Adoric Bundle App has the necessary permissions to integrate with your theme.
Add the Bundle Section:
In the theme editor, select the page where you want the bundle to appear.
Option 1: Drag your mouse to the desired section.
Option 2: Use the theme toolbar on the left side to add a new section.
Search for “Adoric Bundle App” and select it.
Input the Bundle ID:
Once the block is added, type in or paste the Bundle ID for the campaign you want to display.
Save Your Changes:
Click “Save” to apply your changes. The bundle will now appear on the selected page.
Go to Adoric Bundle → Campaigns → Choose the bundle campaign you want to use → Campaign Settings → Show on pages → Other Pages → Using theme block.
Campaigns → Choose the bundle campaign you want to use → Campaign Settings → Show on pages → Other Pages → Embed with shortcode
If you prefer more control, you can embed your bundle campaign directly into your page using a shortcode.
Copy the shortcode provided by Adoric.
Insert the code into your HTML or page builder tool.
Place the code exactly where you want the bundle to appear on the page.
Save your changes and preview the page to confirm the placement.
You have three options for adjusting where your Adoric bundle campaigns appear on your store’s pages. This guide walks you through each option so you can choose the best method for your needs.
Set a Custom Position Using an HTML Selector
Make sure you choose the “Custom Position” option in Adoric Bundle:
Settings → Position → Add-On → Custom Position → Choose where you want to place your bundle(s)
You can place your bundle campaign in specific positions on the page by selecting a relevant HTML element.
Available Positions:
Below the buy button
Before a specified HTML element
After a specified HTML element
At the start of a specified HTML element
At the end of a specified HTML element
Guide:
Identify the HTML element or area on your store’s page where you want the bundle campaign to appear.
Use the Adoric interface to set the position by selecting the desired option from the list.
Apply your changes and preview to ensure the bundle displays correctly.
Add Through the Theme Editor (Only for Shopify 2.0 Themes)
Settings → Position → Add-On → Using theme editor (Only for 2.0 themes) → Go to Theme Editor
If you’re using a Shopify 2.0 theme, you can add the bundle campaign directly through the theme editor.
Steps:
Access the Theme Editor:
Go to your Shopify admin.
Navigate to Online Store → Themes → Customize.
Enable Access for Adoric Bundles:
Ensure the Adoric Bundle App has the necessary permissions to integrate with your theme.
Add the Bundle Section:
In the theme editor, select the page where you want the bundle to appear.
Option 1: Drag your mouse to the desired section.
Option 2: Use the theme toolbar on the left side to add a new section.
Search for “Adoric Bundle App” and select it.
Input the Bundle ID:
Once the block is added, type in or paste the Bundle ID for the campaign you want to display.
Save Your Changes:
Click “Save” to apply your changes. The bundle will now appear on the selected page.
How to Find Your Bundle ID:
Go to Adoric Bundle → Campaigns → Choose the bundle campaign you want to use → Campaign Settings → Show on pages → Other Pages → Using theme block.
Embed Using Shortcode
Campaigns → Choose the bundle campaign you want to use → Campaign Settings → Show on pages → Other Pages → Embed with shortcode
If you prefer more control, you can embed your bundle campaign directly into your page using a shortcode.
Steps:
Copy the shortcode provided by Adoric.
Insert the code into your HTML or page builder tool.
Place the code exactly where you want the bundle to appear on the page.
Save your changes and preview the page to confirm the placement.
Updated on: 26/03/2025
Thank you!