How to use the side cart with PageFly
Wide Hello!
In this article we will see how to open the side cart on PageFly when a customer adds a WideBundle offer to his cart.
Before we start, you should know that you need to have a side cart, either through your theme or through an application.
WideBundle will not create a cart on the side itself.
Let's get started!
If you prefer to have the explanation in video you can watch it right here 👇
The first step is to add various elements on PageFly that are necessary for the cart to work properly on the side.
Open your page on PageFly where you have WideBundle
Click on the left on the Shopify icon "Add a Shopify item"
Click on the "Product Variants" block for the variant selector, then drag the second module right above WideBundle
Click on the "Product Add To Cart" block for the add-to-cart button, then drag the first module just above WideBundle
Click on the "Product Quantity" block for the quantity selector, then drag the first module under the variant selector (above the add-to-cart button)
Now we need to configure the PageFly add-to-cart button to open the cart on the side.
We will then make sure that the add-to-cart button opens the cart on the side without WideBundle.
Click on the add-to-cart button module you added
Set the "Stay on the same page" action after clicking on the add-to-cart button
Save and Publish your page.
We will now make sure that the sidebar opens without WideBundle before continuing.
Open the WideBundle application
Disable the display of WideBundle for a few minutes (to test the opening of the side cart without WideBundle)
Go to your store and open the product page where you added the variant selector, the add-to-cart button and the quantity selector
Try to add the product to the cart and see if the cart on the side opens as configured
💡 If the cart on the side does not open after doing all the previous steps well, contact PageFly for assistance, there must be a problem that is not related to WideBundle.
Go back to the WideBundle application
Enable WideBundle again
Click on Settings in the top menu
In the section on the left, click on Add to Cart Button.
Change the redirection of the add-to-cart button to "Redirect to side cart"!
And that's it!
You can test again but there should be no problem
In this article we will see how to open the side cart on PageFly when a customer adds a WideBundle offer to his cart.
Before we start, you should know that you need to have a side cart, either through your theme or through an application.
WideBundle will not create a cart on the side itself.
Let's get started!
If you prefer to have the explanation in video you can watch it right here 👇
1) Add the variant selector, the add-to-cart button and the quantity selector
The first step is to add various elements on PageFly that are necessary for the cart to work properly on the side.
Open your page on PageFly where you have WideBundle
Click on the left on the Shopify icon "Add a Shopify item"
Click on the "Product Variants" block for the variant selector, then drag the second module right above WideBundle
Click on the "Product Add To Cart" block for the add-to-cart button, then drag the first module just above WideBundle
Click on the "Product Quantity" block for the quantity selector, then drag the first module under the variant selector (above the add-to-cart button)
2) Configure your add-to-cart button to open the cart on the side
Now we need to configure the PageFly add-to-cart button to open the cart on the side.
We will then make sure that the add-to-cart button opens the cart on the side without WideBundle.
Click on the add-to-cart button module you added
Set the "Stay on the same page" action after clicking on the add-to-cart button
Save and Publish your page.
3) Test opening the cart on the side without WideBundle
We will now make sure that the sidebar opens without WideBundle before continuing.
Open the WideBundle application
Disable the display of WideBundle for a few minutes (to test the opening of the side cart without WideBundle)
Go to your store and open the product page where you added the variant selector, the add-to-cart button and the quantity selector
Try to add the product to the cart and see if the cart on the side opens as configured
💡 If the cart on the side does not open after doing all the previous steps well, contact PageFly for assistance, there must be a problem that is not related to WideBundle.
4) Configure WideBundle to open the sidebar
Go back to the WideBundle application
Enable WideBundle again
Click on Settings in the top menu
In the section on the left, click on Add to Cart Button.
Change the redirection of the add-to-cart button to "Redirect to side cart"!
And that's it!
You can test again but there should be no problem
Updated on: 14/11/2022
Thank you!