# How to Create a Frequently Bought Together Scenario (For Old Themes)

## What is a Frequently Bought Together (FBT) Widget?

A Frequently Bought Together widget is a feature that suggests related products on a product page based on what customers typically purchase together. This cross-selling tool can help increase average order value by encouraging customers to add more items to their cart.

## Steps to Create a Frequently Bought Together Scenario for Older Shopify Themes

To integrate an FBT widget into your older Shopify theme, follow these steps to manually add the necessary code to your theme’s product.liquid file:

#### Step 1. Create an FBT Deal

 Log in to the Amplify app, go to the Scenarios section, and select Frequently Bought Together to create a new FBT deal. Add the products you want to include in the bundle and customize the settings according to your preferences.

<figure><img src="/files/ATEcDQ8OUYcQtRfGgqkt" alt=""><figcaption></figcaption></figure>

#### Step 2. Insert a Code Snippet

After publishing your FBT widget, the Amplify app will provide a snippet of code. This code needs to be inserted into your theme’s product.liquid file to display the widget on your product pages.

Click “Copy code” in the Amplify app, then click “Add to store” to proceed. This will automatically open the product.liquid file in your Shopify theme editor.

<figure><img src="/files/PcxNEquhiJlBusVB9XYs" alt=""><figcaption></figcaption></figure>

#### Step 3. Add the Code to Your Product.liquid File

Locate the specific spot in the product.liquid file where you want the FBT widget to appear. The placement is crucial as it determines where the widget will be displayed on the product page.

Paste the copied code into the desired location within the product.liquid file and click “Save” to apply the changes.

<figure><img src="/files/WIu40Rh7SOOlB3eHYHMM" alt=""><figcaption></figcaption></figure>

#### Step 4. Confirm the Integration

Return to the Amplify app. If the code was added correctly, you should see a confirmation or preview indicating successful integration. Check to ensure everything appears as expected.

<figure><img src="/files/eTsi0KqfpslvoF2vk18h" alt=""><figcaption></figcaption></figure>

#### Step 5. Review the FBT Widget on Your Product Pages

Visit your store’s product pages to see the FBT widget in action. Make sure the widget is displaying correctly and that the suggested products are relevant.

<figure><img src="/files/YfvEepBEPtftAj7t9j5x" alt=""><figcaption></figcaption></figure>

## Common Questions About FBT Widgets for Older Themes

<details>

<summary>Where should I place the FBT code snippet in my product.liquid file?</summary>

Place the FBT code snippet in the product.liquid file at the location where you want the widget to display on the product page. The placement is important for ensuring the widget appears in the desired spot.

</details>

<details>

<summary>What should I do if the FBT widget doesn’t appear after adding the code?</summary>

If the FBT widget doesn’t appear, double-check that the code snippet was copied correctly and pasted into the right spot in the product.liquid file. Also, make sure to save your changes in the Shopify theme editor. If nothing has helped, please reach out to support, our team will gladly assist

</details>

<details>

<summary>Can I customize the appearance of the FBT widget for older themes?</summary>

Yes, you can customize the appearance of the FBT widget by editing the settings in the Amplify app or adjusting the CSS in your Shopify theme to match your store’s branding.

</details>

<details>

<summary>Is it possible to remove or reposition the FBT widget once it’s added?</summary>

Yes, you can remove or reposition the FBT widget by editing the product.liquid file in your Shopify theme. Simply delete the code snippet or move it to a different location within the file.

</details>

## Conclusion

By manually adding the FBT widget code to your older Shopify theme, you can enhance your product pages with targeted product recommendations that increase cross-selling opportunities. Follow these steps to successfully integrate the widget and boost your store’s average order value.

***

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:purple;"><strong>Get Bundles &#x26; Upsell</strong></mark> </td><td>Try free</td><td><a href="https://apps.shopify.com/product-kits-bundles-pickystory?surface_intra_position=1&#x26;surface_type=partners&#x26;surface_version=redesign">https://apps.shopify.com/product-kits-bundles-pickystory?surface_intra_position=1&#x26;surface_type=partners&#x26;surface_version=redesign</a></td><td><p>1. Add FBT widget Shopify</p><p>2. Frequently Bought Together old Shopify theme</p><p>3. Insert code Shopify product page</p><p>4. Manually add FBT widget Shopify</p><p>5. Shopify product.liquid FBT widget</p><p>6. Create Frequently Bought Together Shopify</p><p>7. FBT widget integration Shopify</p><p>8. Shopify theme product page customization</p><p>9. Cross-selling Shopify older themes</p><p>10. Shopify product recommendations widget</p></td><td><a href="https://apps.shopify.com/product-kits-bundles-pickystory?surface_intra_position=1&#x26;surface_type=partners&#x26;surface_version=redesign">https://apps.shopify.com/product-kits-bundles-pickystory?surface_intra_position=1&#x26;surface_type=partners&#x26;surface_version=redesign</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.heyamplify.com/bundles-and-upsell/scenarios/frequently-bought-together/how-to-create-a-frequently-bought-together-scenario-for-old-themes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.