Adding a Shopping Cart to your Ecwid store on Wix

Last updated

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.

If you have already added the Shopping cart to your Ecwid store on Wix and want to change its appearance, refer to the guide Customizing Shopping cart design for help.

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.

Storefront settings

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

Storefront settings

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

Add fixed Shopping cart

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

Add floating Shopping cart

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

Shopping cart added to the page

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

The changes that you make to the Shopping cart appearance will be displayed in the preview to make it easier for you to customize it.

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.

Shopping cart settings

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

Hide empty cart option

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

Cart position option

  1. 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:

Icon size & content option

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

 Icon type option

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

 Icon border shape option

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

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message