Adding your Ecwid store to Adobe Muse

Last updated

Adobe Muse is a website builder software that allows you to create and publish professional websites that look great on desktop and mobile browsers, using canvas and layout tools, without writing any code.

You can easily build an online store on your Muse website with the help of the Ecwid Ecommerce Store.

In this article:

Installation and setup

  1. If you don’t have an account with Ecwid yet, create one at
  2. Download the Ecwid Ecommerce Store widget by MuseThemes.
  3. Unzip the package and open the «Ecwid Ecommerce Store.mulib» file. It will be imported to the Adobe Muse editor automatically. Your Ecwid ecommerce widgets will be available in your Adobe Muse editor under Design → Library.
  4. Drag the Product Browser widget and from the Library and drop into your project. This is the main widget that adds your product catalog on the page.
  5. Click the Options icon in the top right corner of the Product Browser widget on the canvas.
  6. Find the Your Store ID text box. Here you need to enter your Ecwid Store ID.
Besides the Product Browser widget, you can add the Cart, Category Tabs and Search Box to your website. Drag the widgets from the library and drop them where you want them to appear. Remember to update your Ecwid Store ID in the Options panel for each widget.
  1. Now you can publish your site to apply the changes or check your online store in the Preview mode.

Customizing store widgets

There are a few settings for each Ecwid widget that you can use to change the look and feel of your Ecwid store.


There are several display options for the Shopping Cart widget. You can choose them in Options → Cart Settings:

  • Large
  • Large attached to the Categories
  • Large pinned to the page corner 

Large Shopping Cart

  • Mini
  • Mini attached to the Product Browser

Mini Shopping Cart

As you update the layout type, you will see a preview in the Design mode. Placement and margin settings are activated as different layouts are selected.

Categories Tabs

You can select either the horizontal or vertical tab type and choose the color on hover.

Product Browser

In the widget Options panel under Product Browser settings you can select:

  • Store theme – Default, Light, Dark or Bold. As you update the store theme, the font settings below are enabled.
  • Product layout – Grid, List, or Table. This options allows to change the look of the catalog pages. As you update the layout type, row, column count, and products per page options below are activated or inactivated based on the product layout selected.
  • Categories per row allows to select the number of category thumbnails per page.
  • Display search results – Grid, List or Table. This option allows to select the layout of the pages with product search results.
  • Enable default category allows to display a particular category by default on page load. Here is how you can find the category ID.
  • Enable Chameleon Skin allows to automatically match the colors of the store elements, such as text and links, with the colors of similar items on your page.

Selling a single product

If you are going to sell a single item, or a just a few products, you can install the Ecwid Single Item widget instead of adding the whole product catalog to your Muse site.

  1. Drag the Ecwid Single Item widget from the Library and drop into your project in the Design mode.
  2. Place the widget where you would like your item to appear on your page.
  3. Enter the ID of your store and the Product ID in the widget Options panel.
  4. The settings in the Options panel allow you to show or hide the product properties, such as Picture, Title, Price, Option selectors, Quantity box and the Add to cart button.
Back to top
Was this article helpful? 6 out of 12 found this helpful