Shopping Cart component renders a fully functional shopping cart. It lets users change product quantities and remove products and finish their checkout. Payments are transferred to the linked PayPal/Stripe account and orders are recorded in Reflow's control panel.
- Adding a Shopping Cart component to a page: Demo | Source Code
- A fully featured online store, which demonstrates how to connect a Product List with a Product and a Shopping Cart: Demo | Source Code
How to Embed
To embed this component on your website and display a list of products, include the reflow library, and add the following tag somewhere in the
<body> of your page:
To change the behavior of the shopping cart, you can pass the following
|data-reflow-type||Must always be set.|
|data-reflow-success-url||URL||(optional) The URL where the customer will be redirected after a successful payment. It is a good practice to redirect the customer to a "Thank You" page explaining what the next steps are. If not set, defaults to the current page.|
Additional parameters will be added to the URL for connecting with the Order Status component ([read more](/docs/html-toolkit/order-status#connecting-with-shopping-cart)).
|data-reflow-cancel-url||URL||(optional) The URL where the customer will be redirected after a failed or canceled payment. Normally you would want to redirect the customer to a page explaining what's happened, with a link to the cart so they can try purchasing again or contacting you.|