Disclaimer: This article is related to the latest version of our app. For previous versions, some features or settings may differ. If you need help, don’t hesitate to contact our 24/7 support team.
1. Add Custom Code Element
In the Gempages editor for the specific page you wish, the Add Element section, add a custom liquid and drag it on the page:
2. Edit Code
Then, click on Edit Code and enter the right HTML code. (In the example, we are adding "All your bundles" from the list of HTML codes below)
3. Publish and Preview
Publish your page and preview the template to view the changes.
List of HTML Codes:
Now, you can use the codes below to show the bundles based on what you need. You can access all these codes/Bundle IDs in the boosters section of our App.
1. Insert Relating bundles to a specific product page
Reposition all of the bundles that are relevant to a product on that product's page.
Fast Bundle will detect the product and its related bundles automatically (except for the Frequently Bought Together, Volume, and Add-on bundle)
<div class="rbrProductBundlePosition"></div>
This code can only work if inserted in a product page with bundles.
2. Insert all your bundles at once
Insert all of the bundles that you've made with Fast Bundle. (Except the Frequently Bought Together bundle).
This will work the same as the "Bundles page" in Fast Bundle. But please make sure to place the bundles on the bundles page first, and then the bundles that are placed there will be shown.
<div class="rbrFastBundlePage"></div>
Please note that this code will only load bundles that have already been added to the bundles page through Fast Bundle -> Boosters -> Manage Bundles page.
3. Showing a bundle anywhere that you wish. (Exceptions included)
You can use this block to add any specific bundle on any page you like. This doesn't include FBT, Volume discounts bundle on all products or collections, and Add-on bundles because they can only be shown on the main product pages.
<div class="rbrFastBundlePage" bundle-ids="BUNDLE ID"></div>
⚠️ Important Note:
Imagine you’ve created a Volume Discount bundle for Product A, but you want to promote it on the Product B page. You can use this block to display the Product A bundle on the Product B page, helping you cross-promote and increase visibility for your bundles across different product pages.
You can copy the bundle ID from the Boosters section.
4. Only Volume discounts relating to a product page
When put on a product page, it will reposition the Volume discount bundle related to that product.
<div class="rbrVolumeContainer"></div>
5. Insert FBT
Reposition the Frequently Bought Together bundles so that the product is the main product on its product page. (The bundle won't show on the offered product pages)
<div class="rbrFBTPosition"></div>
This code can only work if inserted on the "main product" page for FBT.
6. Add-on Bundle Position:
Use this block to change the position of the Add-on bundle on its main product page (The bundle won't show on the add-on items product pages)
<div class="rbrAddOnContainer"></div>
7. Buy X Get Y Bundle Position:
Due to how this feature has been developed so far, it also uses the same code for the add-ons to determine the position of the bundle widget:
<div class="rbrAddOnContainer"></div>
8. 'Bundle Builder' feature for the Mix and match Bundles:
Mix and match bundles use a special feature to display bundles known as "Bundle builder". It has its own page, and whether the HTML content of that page has been altered or removed, or you just want to change the position of the widget, here's the code through which you can achieve that:
<div class="rbrBundleBuilder"></div>
We hope this article has been helpful! If you have any further questions or need additional assistance, don’t hesitate to reach out to the Fast Bundle support team. You can contact us through the following options:
Live Chat: Get instant help via live chat on our website or through the Fast Bundle admin panel in your Shopify dashboard.
Email: Send your inquiries to Support@fastbundle.co, and our team will respond as quickly as possible.
We’re always here to assist you!