ModeMagic

___________________________________________________________

<a href="https://help.getmodemagic.com/en/articles/7062734-how-can-i-set-up-the-correct-position-of-a-store-block" rel="nofollow noopener noreferrer" target="_blank">How can I set up the correct position of a store block?</a>

Here's a step-by-step guide to setting up a Product Bundle

Once Product Bundles is activated in your store, it will be visible on the selected store pages. ​ ​

The customer is directly led to the checkout page when they click on the “Add to Cart” CTA on the bundle ​ ​

- Once Product Bundles is activated in your store, it will be visible on the selected store pages. ​ ​
- The customer is directly led to the checkout page when they click on the “Add to Cart” CTA on the bundle ​ ​

Click on "Apps" on the home page of the ModeMagic app ​ ​

Select the "Product Bundles" app under "Apps" ​ ​

From the left side of the screen select the template of your choice under "Templates" ​ ​

From "Select Products" select the products that you'd like to display in the Product Bundle under "Settings" ​ ​

Under "Offer" set up the discount you'd like to offer, you can set up "Fixed" or "Variable" discounts. ​ ​Note: The customer is directly led to the checkout page when they click on the “Add to Cart” CTA on the widget and the discount is auto-applied.

Click on "Design" followed by "Style" and select each layer from the preview on the screen to make corresponding changes. ​ ​

From the top of the screen, you can view how the Product bundle will look like on different screen sizes. ​ ​

Under the "Display Settings" drop-down, choose a "Custom" or "Floating" position ​ ​ ​

Click on "Add to Store" in the bottom right corner of the screen to add it to your store. ​ ​

Once the bundle is active, it will be visible under "Active". You can pause the active bundle by clicking on the "Pause Icon" or remove it from your store by clicking on "Remove". ​ ​ ​

1. Click on "Apps" on the home page of the ModeMagic app ​ ​
 
 ​
2. Select the "Product Bundles" app under "Apps" ​ ​
 
 
 ​
3. From the left side of the screen select the template of your choice under "Templates" ​ ​
 
 ​ ​
4. From "Select Products" select the products that you'd like to display in the Product Bundle under "Settings" ​ ​
 
 ​
 ​
5. Under "Offer" set up the discount you'd like to offer, you can set up "Fixed" or "Variable" discounts. ​ ​Note: The customer is directly led to the checkout page when they click on the “Add to Cart” CTA on the widget and the discount is auto-applied.
 ​ ​
 
 ​ ​
6. Click on "Design" followed by "Style" and select each layer from the preview on the screen to make corresponding changes. ​ ​
 
 ​ ​
7. From the top of the screen, you can view how the Product bundle will look like on different screen sizes. ​ ​
 
 ​ ​
8. Under the "Display Settings" drop-down, choose a "Custom" or "Floating" position ​ ​ ​
 
 ​ ​
9. Click on "Add to Store" in the bottom right corner of the screen to add it to your store. ​ ​
 
 ​ ​
10. Once the bundle is active, it will be visible under "Active". You can pause the active bundle by clicking on the "Pause Icon" or remove it from your store by clicking on "Remove". ​ ​ ​
 
 ​ ​
 ​ ​

You should also read