How change position for bundle campaigns

Adoric Bundle Campaign Positioning Guide

Adoric uses a global position for bundles. You have three options for customizing 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 => Bundles => 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 => Bundles => 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:

Make sure 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.

Add a new section via the theme interface. (Drag your mouse to the desired section)

Or

Add a new section via the theme toolbar (on the right-left left) side

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 Short Code

Go to Adoric Bundle => Campaigns => Choose the bundle campaign you want to use => Campaign Settings => Show on pages => Other Pages => Embed with short code

If you prefer more control, you can embed your bundle campaign directly into your page using a short code.

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: 28/01/2025