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

Learn how to publish a Frequently Bought Together (FBT) widget in older Shopify themes by manually adding a code snippet to your theme’s product page.

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 PickyStory 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.

Step 2. Insert a Code Snippet

After publishing your FBT widget, the PickyStory 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 PickyStory app, then click “Add to store” to proceed. This will automatically open the product.liquid file in your Shopify theme editor.

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.

Step 4. Confirm the Integration

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

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.

Common Questions About FBT Widgets for Older Themes

Where should I place the FBT code snippet in my product.liquid file?

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.

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

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

Can I customize the appearance of the FBT widget for older themes?

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

Is it possible to remove or reposition the FBT widget once it’s added?

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.

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.


Last updated

Logo