What
The new shopping cart in Webshop Version 2 provides a more modern and clearer ordering experience with features such as a permanently visible order button, loyalty programs, product recommendations, and highlighting of the minimum order value.
Where
Admin: Webshop & App > Webshop settings > Shopping cart & checkout. Webshop Version 2.
|
Added value and reatures
The new shopping cart has been completely redesigned to offer your guests a modern and clearer ordering experience. Through improved clarity, the integration of loyalty programs, and smart recommendations, we help you increase the average order value (AOV) and reduce the checkout abandonment rate.
At the heart of it is the new "Sticky footer" (fixed footer bar), a permanently visible order button that keeps the button in the guest's field of view at all times and motivates them to reach the minimum order value.
Setup and activation
The configuration is done centrally in the administration. Many of the new features can be individually adapted to your store concept.
Webshop settings (section: Shopping cart & checkout)
- Navigate to Admin: Webshop & App > Webshop settings > Shopping cart & checkout.
- Choose the visualization: Enable "Item images in shopping cart", if you want to present your dishes attractively within the shopping cart as well.
Push the minimum order value (MOV): Enable "Highlight minimum order value". This shows the guest a progress bar in the order button indicating how much more is needed for free delivery or to reach the minimum order value.
Click "Save for Test shop" at the bottom of the page and then apply the changes to the live shop as well.
The minimum order value for the respective delivery area is set under Admin: Store management > Stores > Delivery areas > Edit > Minimum order value.
Display in the webshop:
Additional features and marketing (special setup)
Some areas of the new shopping cart are controlled elsewhere in the system:
- Boxes & group orders: The box logic can be used for two different purposes:
Shopping cart segmentation (Standard): Customers can divide their shopping cart into virtual boxes (e.g. for sushi orders) to separate items from each other. Each box can be created and named by the guest directly in the shopping cart.
Setting: Go to Admin: Store management > Stores > Edit > Settings > Other settings > Activate boxes for orders > Yes.

Display in the webshop:

Group order: Here the box logic is used automatically to assign items to the various participants. Each box corresponds to one co-orderer.
Setting: The general activation of the group order is done in the webshop settings under Admin: Webshop & App > Webshop settings > Shopping cart & checkout > Activate group order.

Display in the webshop:

- Recommendations (cross-selling carousel): The product suggestion carousel is not managed in the webshop settings but under marketing campaigns.
- Navigate to Admin: Marketing campaigns > Banners/recommendations.
- Click "Add banner".
- Select "Recommend item to shopping cart" as the type.
- Enter a "Description" for the recommendation.
- Select the "Store" in which the recommendation should be displayed.
- Under "Recommend item", select the items to be shown in the recommendation.
- Leave the two fields "Display starting from order value" and "Increase the maximum number of items per x EUR order value by 1" empty.
Set the "Validity" of the recommendation.
Note: Without a defined validity, the recommendation will not be displayed.
- Click "Save" to activate the product recommendation.
Loyalty programs: Information about points, stamps, or levels is automatically displayed at the top of the shopping cart as soon as you are actively using the corresponding SIDES modules (e.g. "Bonus points" or "Loyalty level").
No separate activation in the shopping cart section is required.
A detailed guide to the loyalty program can be found here: https://support.get-sides.de/portal/en/kb/articles/loyalty-campaigns.
Display in the webshop:

Display in the Webshop
The new shopping cart is divided into logical sections:
The layout from top to bottom:
Loyalty program area: The guest immediately sees their points balance and status (e.g. silver status), the number of orders for the loyalty card/stamp card, and the number of points they will earn for the order.

- Shopping cart items: Items are now displayed more clearly. Extras and customizations (toppings) are collapsed by default and are presented more clearly. The list can be expanded if needed.

- Boxes and group orders: In group orders, items are grouped into boxes by participant. The orderer can easily switch between boxes using a radio button or by clicking on the name.

- Recommendations: An optional carousel with matching items (e.g. drinks or desserts) invites guests to add more.

- Vouchers and points: A simple toggle lets the guest choose whether to enter a code or redeem their collected points.

- Sticky footer: The button at the bottom always shows the number of items and the total price. If the minimum order value has not yet been reached, the button is greyed out and shows the missing amount.
- Info icon (i): Next to the total price there is an information icon. Here the guest receives a detailed breakdown of:
- Total deposit amount
- Delivery fees
- Small order surcharges (if applicable)
- Usage: On desktop this information appears when hovering over the icon. On mobile devices the information is shown by a simple tap on the icon.

Frequently asked questions and troubleshooting (FAQ)
- Why is the checkout button greyed out and not clickable?
The guest has not yet reached the minimum order value. The missing amount is displayed directly below or within the button.
Depending on whether the setting "Highlight minimum order value" has been enabled, the button will appear differently (under Admin: Webshop & App > Webshop settings > Shopping cart & checkout > Highlight minimum order value).

- Why are no product images shown in the shopping cart?
Check in the admin whether the option "Item images in the shopping cart" is enabled (under Admin: Webshop & App > Webshop settings > Shopping cart & checkout > Item images in the shopping cart).
Additionally, the items must have an image stored in the admin (under Admin: Item management > Item > Edit > Images).


- How do boxes work in a group order?
Each participant has their own box. On desktop you can simply click on the name of the box to select who you are currently adding items for. On mobile, after clicking "Add to shopping cart", a selection automatically appears asking which box the item should be placed in.
Can I display a custom message in the empty shopping cart?
Yes. Under "Shopping cart info box" you can enter your own text (e.g. "Still looking for something specific?" or "Add your first product to the cart") that will be displayed when no items have been selected yet (under Admin: Webshop & App > Webshop settings > Shopping cart & checkout > Shopping cart info box).

Display in the webshop:
