> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adoric.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Set Frequently Bought Together Custom Position 


### How to Adjust the Position
By default, the **Frequently Bought Together** 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
1. Using Theme Editor (for Online Store 2.0 Themes)
2. Custom Settings (Compatible with All Themes)
3. Embedding with Short Code (Compatible with All Themes)
---

### 1. Using Theme Editor for Online Store 2.0 Themes
1. Go to **Adoric Bundles Global Settings** in your Shopify admin panel.
2. Click **Position**, then choose **Frequently Bought Together**.
3. Select **Using Theme Editor** and click **Go to the theme editor**.
4. Navigate to the specific campaign and copy its ID: `Settings > Show on Pages > Using Theme Block > Copy Frequently Bought Together ID`

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-16-at-162355_187vpg1.png)
**👉 Note:** Each campaign has a different ID, but in the theme editor, you can stacked the ID blocks, you can also adjust where to show it in the campaign setting or when choosing the main products

5. Click **Go to the Theme Editor**, then click **Section**.
6. Locate the **"Adoric Frequently Bought Together"** block:
7. Drag and drop the block to your desired position.
8. Click on the block, paste the copied ID in the top-right pane, and save.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-16-at-162220_de5ikb.png)

👉 **Note:** The new position will apply exclusively to this campaign.

### 2. Custom Settings (All Themes)
1. Go to `Settings > Position > Frequently Bought Together`.
2. Choose **Custom Settings**.
3. Use predefined positions like **"Before HTML"** or **"After HTML"**.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-16-at-162145_1oprt6i.png)

👉 **Note:**
* You can find the selector using your browser’s **Dev Tool**.
* [Here’s a guide](https://developer.chrome.com/docs/devtools/open) on how to open Dev Tool.
* [Here’s a guide](https://www.scrapingbee.com/tutorials/how-to-extract-css-selectors-using-chrome/#:~:text=The%20process%20is%20very%20simple,and%20click%20on%20Copy%20selector.) on how to find and copy the selector.

### 3. Embedding with Short Code (All Themes)
1. Open the specific campaign in **Adoric**.
2. Navigate to `Settings > Show on Pages > Embed with Short Code` and copy the code.
3. Paste the **short code** into the desired location on your page.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/d/6/7/7d6794400faa1000/cleanshot-2025-05-16-at-162437_1veovb4.png)
💡 This method is ideal for custom or older themes not compatible with Online Store 2.0.
---
### 👉 Important Notes
**Compatibility Issues:** May not display properly with custom themes.
**App Conflicts:** Other apps may interfere with functionality.