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 add and display bundles easily within your customized pages for a smooth shopping experience.
How to display your bundles in Ecomposer?
Step 1: Set up your page
Inatall the Ecomposer app, select your template, and set up your page:
Step 2: Install the Fast Bundle Product in the Ecomposer app
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.
Step 3: Add the bundle block to the page
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 related block for your bundle:
For more information, please see this section
6. Now, you need to enter the Bundle ID in the section below:
7. To achieve the Bundle ID, please navigate to the Fast Bundle app > Boosters tab > and select the "Place your bundle anywhere button"
8. Click on the "Browse" button and insert your bundle in the section below
9. Now, the Bundle will appear, and you just need to copy the code that is in the quotation marks:
â ď¸ Important note:
This code does not control the vertical or horizontal display of your bundle within the page builder. If youâd like to change the bundleâs layout, please contact our 24/7 Support Team for assistance.
10. Paste the Bundle ID in the section below
11. Press the "Save" button and then, "Publish"
12. Once you select the Publish button, this pop-up window will appear. Apply the necessary changes and then click on the "Save & Publish" button
13. Finally, click on the "View" button to see the bundle on your page:
You should now see the bundle displayed directly on the page:
Different Fast Bundle Blocks and When to Use Them
1. All Your Bundles:
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.
2. Specific Bundle
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, Add-on, and Buy X Get Y bundles because they can only be shown on the main product pages.
â ď¸ 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.
3. Add-on and Buy X Get Y Bundle Position:
Use this block to change the position of 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)
4. FBT Bundle Position
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)
5. Related Bundles Position
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, Add-on, and Buy X Get Y bundle)
6. Volume Discount Position
When put on a product page, it will reposition the Volume discount bundle related to that product.
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:
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!
â