Ecomposer is a Shopify page builder app that allows merchants to design and customize storefront pages, such as product, landing, and collection pages, using a visual drag-and-drop editor, without any coding.

The Fast Bundle app integrates seamlessly with Ecomposer, enabling you to use Fast Bundle Blocks to add or reposition bundles easily within your customized pages for a smooth shopping experience.

Inatall the Ecomposer app, select your template, and set up your page:

Now, it's time to install the Fast Bundle on the Ecomposer tab:

1. Select the "Elements" section

2. Click on "Extensions"

3. Choose the "Add More" Section

4. Search "Fast Bundle Product"

5. Install the app

6. You will see the following message:
If the Fast Bundle app is already installed on your store, click "Yes, app installed."
If it’s not installed yet, select "Not yet, add app now." You will then be redirected to the Fast Bundle listing on the Shopify App Store, where you can install the app on your store.

7. When the app is installed on the Ecomposer app, press the "Save and reload" button.

1. Once the Fast Bundle Product app has been successfully installed on the Ecomposer, click on the "Elements" option

2. Select "Extensions"

3. Once the drop-down menu opens, you’ll see the Fast Bundle app listed. The section below it is the app block, which you can drag and drop into your page layout

4. Now, drag the Fast Bundle block (the section above) and place it where you want the bundle to be displayed on the page.

5. Then, click on the icon below and select the dedicated block for your bundle:

(For more information, please see this section.)

Here, we want to display a Fixed bundle on its included product page. Therefore, we need to select the Related Bundles Position block.

6. Press the "Save" button and then "Publish".

7. Once you select the Publish button, this pop-up window will appear. Apply the necessary changes and then click on the "Save & Publish" button

8. Finally, click on the "View" button to see the bundle on your page:

You should now see the bundle displayed directly on the page:

By default, bundles are expected to display correctly on any page builder app. However, sometimes a bundle may appear in an unsuitable spot or fail to load due to differences in the page’s code structure. In such cases, you can use Bundle Blocks to display the bundle exactly where you want it, or to inject a bundle onto a page where it wasn’t previously present.

⚠️ Important Note: The "All Your Bundles" and "Specific Bundles" blocks are designed to add bundles to a page, not to reposition them. Using these blocks on a page where the bundle already exists will result in duplication.

Insert all of the bundles that you've made with Fast Bundle.

This will work the same as the "Bundles page" in Fast Bundle.

Please note that this block will only load bundles that have already been added to the Bundles page through Fast Bundle > Boosters > Manage Bundles page.

⚠️ Important Note:

This block doesn't include FBT, Volume discounts bundle on all products or collections, Add-on, Buy X Get Y, and Tiered Mix and Match bundles, as these bundles cannot be displayed on the Bundles page.

You can use this block to add any specific bundle on any page you like.

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.

To place a bundle on other product pages, you’ll also need the Bundle ID. To learn how to find the Bundle ID, please refer to this article.

Once you have obtained the Bundle ID, paste it in the Bundle IDs field:

⚠️ Important Note:

This block doesn't include FBT, Volume discounts bundle on all products or collections, Add-on, and Buy X Get Y bundles because they can only be shown on the main product pages.

Use this block to reposition the Add-on or Buy X Get Y bundle on its main product page. (The bundle won't show on the add-on items / Y product pages)

Reposition the Frequently Bought Together bundle on its main product page. (The bundle won't show on the offered product pages)

This block can only work if inserted on the "main product" page for FBT; for example, the product shown below:

Reposition all bundles that are connected to a product on its product page. Fast Bundle automatically detects the product and its related bundles (except for the Frequently Bought Together, Volume, Add-on, and Buy X Get Y bundle).

In other words, this block repositions every bundle that includes that product.

⚠️ Important Note:

For Cross-sell bundles, you must use the Related Bundles Position block to reposition the bundle on its main product page.

Reposition the Volume discounts bundle related to a specific product page.

We hope this article was 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:

We’re always here to assist you!

​