Adding a Shopping Cart to your Ecwid store on Wix

You can add the Shopping cart icon to your site pages that will show the number of items added to it and let your customers checkout from any page of your store or website.

In this article:

Adding a Shopping cart icon

In Ecwid application for Wix you can choose from the two Shopping cart icons:

• Shopping cart icon with fixed position

This Shopping cart can be added to any page of your website and will be sitting in the fixed position on the page. It is suitable if you want to always display the Shopping cart in the same place on the page, e.g. in the header or sidebar section.

• Floating Shopping cart icon

When enabled, the floating Shopping cart icon will be pinned the page corner and follow you as you scroll the page. This is convenient for the customers as they can always see it regardless of the scroll position.

To add a Shopping cart icon:

1. Login to your Wix Website Editor and navigate to the Pages menu.
2. Select the page where your Ecwid online store is installed.
3. Click on the store area and then – on the Settings button.

4. In the Online store pop-up click Add-ons.

5. 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.

6. Click Add to Page in the Add a Floating Shopping Cart Icon section, if you want it to float in the page corner. Keep in mind, that this cart icon will not show on mobiles.

7. The Shopping cart icon with default appearance will be added to your website.

8. Publish the website to apply the changes.

Customizing the Shopping cart design

You can customize the appearance of the Shopping cart by changing the icon, its layout and border, setting its position on the page and all these – with no coding required.

To configure the Shopping cart design:

1. In your Wix Website Editor → Pages menu select the page where your Ecwid online store is installed.
2. Click on the Shopping cart icon and then – on the Settings button.

3. Enable the option Hide cart when empty, if you want to display the Shopping cart only when customers add something to it. This option is available for the Floating Shopping cart only.

4. In the Cart position section select the page corner or side, where the Shopping cart will be displayed. This option is available for the Floating Shopping cart only.

5. Under the Appearance options in the section Icon size & content set the icon size and the information it displays. You can choose one from the eight layouts:

6. Set the Icon type. You can select a bag, a cart or a basket icon:

7. Select the Icon border shape: pill, rectangle or without border at all.

8. When you have finished configuring the Shopping cart appearance, publish your website to apply the changes.