Selling on WordPress with Ecwid E-Commerce

Last updated

The Ecwid E-commerce Shopping Cart plugin helps you easily add an online store to your WordPress website. The plugin is available for both and

To choose the right platform for your website, read more about pros and cons of each variant in WordPress Help or in their blog.

In this article:

Adding Ecwid to and

You can add Ecwid to both or using Ecwid blocks. Ecwid blocks give you the flexibility to add your entire store, single product widgets, or “Buy now” buttons to different pages of your website.

Check out our video guide on how to add the Ecwid plugin to WordPress: requires a Business plan to install third-party plugins to your website. However, your Ecwid account can be subscribed to any plan, including the Free one. Visit the site to learn more and sign up.

To install the Ecwid plugin to WordPress, follow this instruction:

  1. Open your WordPress admin panel and:
    1. 1. (for, go to PluginsAdd New.
    2. 2. (for, go to My siteToolsPlugins.
  2. Type "ecwid" in the search field. Click Install now next to the Ecwid E-commerce Shopping Cart plugin:

Ecwid Ecommerce Shopping cart plugin

The installation may take several seconds.

  1. Click Activate. This will direct you to a screen where you log into your Ecwid store.
  2. Click Connect if you already have an Ecwid store and log into your account.
    If you do not have an account, click the link below that reads “Don't have an Ecwid account? Create one now” and complete the registration.
If you didn’t connect the store directly after you installed the plugin, you can find the “Connect” button anytime in the WordPress admin panel → Ecwid → Setup.
  1. Once connected, click Accept to give permissions to the Ecwid plugin.

After you complete these steps, the store will be added to a newly created “Store” page. You can keep the store on this page or add it to other pages of your WordPress website:

  1. Open the WordPress page where you want to add the store.
  2. Click Add block.
  3. Type “Ecwid” in the search box.
  4. Select Store Home Page.
  5. Click Update.

The storefront automatically inherits fonts and colors of your WordPress website for a seamless blend. You may also customize the store design using block settings, themes or CSS codes.

To add products, track orders and manage store settings, go to the Ecwid control panel. This is accessible from the WordPress admin panel. In, go to My site → Tools → Plugins → click on the Ecwid icon. In, just click on Ecwid in the menu on the left.

Manage your Ecwid store from anywhere using our mobile apps. Add products, receive push notifications for new orders, and much more on the go. Download the mobile app for Android and iPhone.

Showing products on separate pages

You can add products from different categories to different pages of your website. Let’s say you have some products on sale or you sell clothes for men and women and you want to display all these products on separate website pages.

You can also feature a single product on a page if you want to promote an individual product instead of a category of products.

When you add a store category to a separate website page, the link to this page appears on the website menu. This provides more chances to attract customers’ attention the designated category is visible from any website page.

To add a category of products to a separate page on the WordPress website:

  1. Go to the WordPress Admin PanelPages and open the page where you want to add the store category. In, go to SitePages.
  2. Click Add Block, search for “ecwid” and select Store Category Page block.
  3. In the Block menu on the right, select the category you wish to display.

Ecwid store root category

  1. Save the changes.
The Block section contains setting options on the right: category list appearance, product list appearance, etc. These settings will apply only to this block and won’t affect the store design and layout on other pages.

Featuring one product on a page

You can add one product from your Ecwid store to any website page. For example, you could highlight a specific product in a post and allow customers to purchase it without leaving the page. Fewer clicks, more sales.

There are three ways to feature a product on your WordPress website page:

  1. Large product card
  2. Small product card
  3. “Buy Now” button

Ecwid WordPress plugin one product

To add one product to a page on the WordPress website:

  1. Go to your WordPress Admin PanelPages and open the page where you want to add a product. You can add it to a new or existing page.
  2. Click Add Block.
  3. Depending on how you want to represent a product, click on the appropriate block: Product Card Large, Product card small or Buy Now Button.
  4. To modify the appearance of the product card, click on the block with the product and change the block settings on the right.

Ecwid plugin block settings

Featuring store products in the website sidebar

You can promote products from your Ecwid store on your WordPress website by showing them in the sidebar. Usually, it displays on pages where you have blog posts:

Ecwid sidebar widget for WordPress

This way, customers will see products as they read you posts without opening the store page.

To add products to the website sidebar, use the Ecwid store widgets:

  1. Go to the WordPress admin panel → AppearanceWidgets.
  2. Click on the Ecwid store widgets that you want to use to show products:
    • Recently viewed products,
    • Latest added products,
    • Random product.
  3. Select where to display the widget.
  4. Click Add Widget.

In addition to products, you can also add other Ecwid store widgets on this page:

  • Shopping cart
  • Product search
  • Store root categories
  • Store page link

After you add any of these tools, check to make sure they fit with your site’s design.

Showing store products in website search results

With the Ecwid plugin, you can make products display in website search results. That means that if a customer searches for something in the search box on your website, they will see not just website pages, but also your store products in search results.

By default, the search on your WordPress website shows only results found on your website pages. Ecwid is a cloud-based solution which means that your store info is stored on our side. Even when you add a store to a website, the products and other store related info are not stored on the website.

To display products in website search results:

  1. Go to the WordPress Admin PanelEcwidAdvanced.
  2. Tick Integration with search on your site.
  3. Click Synchronize products. Give a few minutes for products to sync.
  4. Click Save changes.

Following these steps will allow you to consolidate two search boxes (one for website pages and the other for Ecwid products) to one website search box. One search field helps limit your customer’s confusion when searching your site. And that’s a good thing.

Showing store categories in the website menu

If products in your store are divided into categories, you can show store categories in the drop-down of the website menu. This will improve your website navigation and will help customers find products faster.

Ecwid WordPress plugin store categories

As you add new root categories to the store, Ecwid automatically adds them to this menu.

Here is how to add the Ecwid store categories to your WordPress website menu:

  1. Go to the WordPress admin panel → AppearanceMenus.
  2. Open the Store tab.
  3. Tick Store with Categories Menu.
  4. Click Add to menu.
  5. Click Save Menu.
If you added a new root category to the store and it doesn’t display in the menu, click Refresh categories list link in the WordPress admin panel → Appearance → Menus.

Also, in Appearance → Menus, you can add other store links to your website menu:

  • Cart: adds a link to the cart page
  • Product Search: adds a link to a page with the search and filters
  • My Account: adds a link to the customer store profile page
  • Store: adds a link to the main store page

Select what links will be helpful for your customers and add them to the website menu.

Offering one login to site and store for customers

Most websites offer an option for users to create accounts. You can use it for different reasons: generate a list of customers, hide specific pages from unregistered users, etc.

The Ecwid store also allows customers to create accounts and log in. In the store account, customers can see their order history and get discounts if they belong to customer groups among other options.

If you offer a login on the website and in the store, two login icons may confuse customers. It will also require dual login: the website and the store. Ecwid offers a solution. When customers log into the website, you can automatically log them into the store using the setting called Single Sign-On (SSO).

To enable the Single Sign-On option on your WordPress website:

  1. Go to the WordPress Admin Panel → Ecwid → Advanced.
  2. Tick Customer Single Sign-On option.
  3. Click Save changes.
This Single Sign-On option is available on Venture, Business, and Unlimited plans. Upgrade to get this feature

Including products into website sitemap

A sitemap helps search engines like Google, Bing, Yahoo to better index your site. It provides search bots with the complete structure of your site which allows for faster searching. When your website and store pages are indexed, they appear in search results and help potential customers find your store.

To create a sitemap for your Wordpress site and include product and category links, we suggest using one of the plugins:

Fully compatible with Ecwid, these plugins and will add links to the product and category pages of your store to the generated sitemap. This way, search engines will be able to index your website pages along with the store pages.

The ability to add products to the sitemap requires access to Ecwid API, which is available on Venture, Business, and Unlimited plans. Upgrade to get this feature

Adding several stores to WordPress website

You can have two or more different Ecwid stores on the same WordPress website. Add one store with a plugin and add additional stores with a code. Don’t be afraid of the “code” word. It’s a ready code -- you just need to copy and paste it.

You can also add different categories of the same store to different website pages.

Follow these steps to add the second store with a code:

  1. Go to Ecwid Control PanelAll sales channels.
  2. Scroll down the page to see the Sell on your website section. Click on Other platforms and sitebuilders.
  3. Click Copy Code to Clipboard button.

Ecwid embed code

  1. You’ve got the code. Now go to the WordPress Admin PanelPages and open the page where you want to display the store.
  2. Click Add BlockCustom HTML.
  3. Paste the copied code to the field.
  4. Save the changes.

You will see the store home page on the website. To add other stores to the website, follow the above steps for each store.

Make sure to add stores to separate pages -- one store on a page. If you add two store codes to the same page, Ecwid will load only one code. This means only one store will show up.

Connecting to another Ecwid account

In case you initially connected a wrong Ecwid account or just decided to put another store on the website, you can connect the plugin to another store anytime. Here is how to do it:

  1. Go to your WordPress Admin PanelEcwidDashboard.
  2. Scroll down to the bottom of the page.
  3. Click Reconnect in the bottom right corner:

Connect another account to Ecwid plugin for WordPress

  1. You will see the Connect button. Log into the control panel of the store that you want to show on the website.

After you complete the steps, the new store will appear on your website.

Restricting access to Ecwid backend to certain users

You can restrict access to your Ecwid store backend in WordPress with the help of the User Role Editor plugin. Here’s what you need to do.

  1. Install the plugin to your WordPress Admin area.
  2. Go to the Users menu.
  3. Find the user, you want to block from the Ecwid Control Panel.
  4. Click the Capabilities link:

Limiting user access to Ecwid admin area

  1. Use the Quick filter field and find manage_options:

Restircting user access to Ecwid admin area

  1. Disable it and click Update.
  2. This person will not be able to access your Ecwid store backend when using your WordPress Dashboard.

Next Steps

  1. Set up your store: add products, configure shipping and payment methods, taxes, etc.
  2. Sell on other sales channels like Facebook and Instagram.
  3. Download the Ecwid mobile apps for store management for Android and iOS.
  4. Place a test order to check how your store works.
  5. Promote your store and attract new customers.

Related articles

Customizing Ecwid store design on a WordPress site
Migrating your store from WooCommerce to Ecwid
Initial Ecwid store setup
Selling on Facebook

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