The Shopping Bag icon looks like a bag or cart and it shows the number of items added to cart:
The Shopping Bag allows your customers to open the checkout page from any page in your store. They click this icon and see the list of the products they added to their order and the Checkout button.
In this article:
The Shopping Bag shows only after your customers add products there. The Shopping Bag is added by default to your Instant Site.
If you have embedded your store to your own website, you can add it as well. Read below how to add the Shopping Bag to different sites.
If your website is built on WordPress and you have installed your Ecwid store to it with the help of the Ecwid plugin for WordPress, you can enable the Shopping Bag icon in the settings:
- Go to your WordPress Dashboard → Appearance → Customize.
- Click Ecwid in the sidebar menu.
- Click Shopping Cart Widget.
- Select where you want to display the Shopping cart from the drop-down: Show on store pages or Show on all pages.
- Check the option Show when empty, if you want to display the cart icon, when no items have been added to it yet.
If you have a site built with Wix, you can add your store there with the help of our application. To add a Shopping cart icon to your Ecwid store on Wix:
- Login to your Wix Website Editor and navigate to the Pages menu.
- Select the page where your Ecwid online store is installed.
- Click on the store area and then – on the Settings button.
- In the Online store pop-up click Add-ons.
- Click Add to Page in the Add a Shopping Cart Icon section, if you want to add it to a particular place on the page. Manually drag the widget to the desirable area.
- Click Add to Page in the Add a Floating Shopping Cart Icon section, if you want it to float in the page corner.
- The Shopping cart icon with default appearance will be added to your website.
- Publish the website to apply the changes.
To add the Shopping Bag to your store located on your own site, do the following:
- Copy the Shopping Bag widget code from your Ecwid Control Panel. It is located in All Sales Channels → Custom website:
- Click Add Shopping Bag, the code will be copied.
Alternatively, you can copy the code for the additional shopping cart here (just replace 1003 in the example below with your store ID):
- Login to your website’s admin area and open the page where you want to display the Shopping Bag in editing mode.
- Paste the integration code into the page and save the changes.
If you want to change the look and feel of the default Shopping Bag icon, please refer to the guide Customize Shopping Bag design for help.