Adding your Ecwid store to WordPress site

WordPress is a popular content management system that allows you to create websites and blogs. You can easily add an Ecwid online store to your Wordpress site by installing the Ecwid E-commerce Shopping Cart plugin.

Once installed, the plugin automatically creates a Store page where your customers can shop with you. You can set up and manage your online store right from your Wordpress back-end. The Ecwid admin area is built in there, so you can manage your entire e-commerce website from one place.

Adding Ecwid to WordPress.org and WordPress.com

There are two solutions: WordPress.org or WordPress.com. The main difference is that if you use WordPress.org, you should take care of your website hosting. If you use WordPress.com, then WordPress takes care of the hosting. There are other differences as well, you can read more about the pros and cons of each variant in WordPress Help or in their blog.

The Ecwid E-commerce Shopping Cart plugin is available for both WordPress solutions, so you can add your store to a self-hosted Wordpress website or to a site that is hosted on WordPress.com.

Check out our video guide on how to add the Ecwid plugin to WordPress:

To add Ecwid online store to a WordPress site, follow this instruction:

If you host your Wordpress site yourself, here is how you can add your Ecwid store to it:

  1. Open your WordPress admin panel and go to Plugins.
  2. Click the Add New button.
  3. Type "ecwid" in the search field. Click Install Now next to the Ecwid E-commerce Shopping Cart plugin:

Ecwid E-commerce Shopping Cart plugin

The installation may take several seconds.

  1. Click Activate.
  2. If you do not have an Ecwid account yet, click Create Store. Otherwise, select the Connect your store option and give the requested permissions to the Ecwid plugin.
If you do not connect your store directly after the Ecwid plugin installation, a demo store will appear on your site. To connect your store, in your WordPress back-end proceed to Ecwid → Setup and then create a new store or connect an existing Ecwid store.

After you complete these steps, the Ecwid store will be added to an automatically 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.

If you haven’t added your products to the store yet, a few sample products will appear in your storefront for demonstration purposes. To add your products, manage store settings, and track orders, go to the Ecwid admin.

You can access the Ecwid admin either directly at https://my.ecwid.com/cp/ or right in your Wordpress back-end:

  1. In WordPress.org (a self-hosted Wordpress site), click on Ecwid in the menu on the left.
  2. Go to the necessary section of your Ecwid admin, for example:

    • Storefront — this section gathers in one place lots of settings that are specific to Wordpress. Here you can manage the way your store appears on your Wordpress site, like edit your store design, add the store to the home page, display the cart icon in your site’s header, and many others.
    • Catalog → Products — here you can remove sample products and add your own products.
    • Payment — in this section you can set up the payment options that you’d like to offer to your customers at checkout.
Learn more about the initial store setup.

Showing categories on different site 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.

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 as the designated category is visible from any website page.

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

  1. From your WordPress admin panel, go to Ecwid → Storefront. If you use WordPress.com, the path will be My Site → Tools → Plugins → Ecwid → Storefront.
  2. In the Add a category page section, click Pick Category and choose a category you want to show on the page:

Add a category page

  1. If necessary, customize this category’s design (these changes won’t affect other categories) – select the block with the store category to see its settings and choose from the design options in the Block on the right:

Design options in Gutenberg block

  1. Click Publish when you are satisfied with the result.
  2. Repeat the above steps with other categories.

That’s it, you have added your store categories to different website pages and your customers can access them from your site menu.

Featuring one product on a page

You can add one product from your Ecwid store to any website page. For example, you can create a landing page for a new product or highlight a non-selling product in a post to stimulate sales.

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

  1. Go to your WordPress Admin Panel → Pages 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 (it includes product description and gallery), Product Card Small or Buy Now Button.

Product Cards

  1. If you want to modify the appearance of the product card, click on the block with the product and change the block settings on the right:

Design options in Gutenberg block

  1. Click Publish to save the page changes.

Alternatively, you can create a landing page with a product from the Ecwid menu inside your WordPress admin panel. The Product Card Large with all product details will be added to the page in this case:

  1. From your WordPress admin panel, go to Ecwid → Storefront. If you use WordPress.com, the path will be My Site → Tools → Plugins → Ecwid → Storefront.
  2. In the Add a category page section, click Pick Product and choose a product you want to show on a separate website page.

Featuring products in a 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:

Products in sidebar

This way, customers will see products as they read your 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 → Appearance → Widgets.
  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:

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

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

Adding store search

You can add a product search box to any page on your WordPress website:

  1. Go to your WordPress admin panel → Pages and open the page where you want to add the search.
  2. Click Add block → Product Search Box:

Product search in Wordpress

  1. Save the changes.

If you have a large product catalog and use filters to help your customers find a product, you can add a search page to your site — it will contain the product search box, product filters, and your product list. To add such a search page:

  1. From your WordPress admin panel, go to Ecwid → Storefront. If you use WordPress.com, the path will be My Site → Tools → Plugins → Ecwid → Storefront.
  2. In the Add a search and filters page section, click the Create Search Page button.

Adding a drop-down menu with categories

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.

Drop-down category menu

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 → Appearance → Menus.
  2. Open the Store tab.
  3. Tick Store with Categories Menu:

Store with Categories Menu

  1. Click Add to menu.
  2. 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 and dual login may confuse your customers. In this case, you can automatically log your customers into the store when they log into your Wordpress website. For this, you can turn on the Single Sign-On setting (SSO).

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

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

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 indexation. 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 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 store pages to the sitemap requires access to Ecwid API, which is available on Venture, Business, and Unlimited plans. Upgrade

FAQ

Can I add several stores to one 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.

To add the second store with code:

  1. Go to the Ecwid admin → Website.
  2. Scroll down to the "Add your store to one more website" section and click Pick Platform → Other platforms and sitebuilders.
  3. Click the Copy Code to Clipboard button. Now you’ve got your store code:

Ecwid integration code

  1. Go to the WordPress Admin Panel → Pages and open the page where you want to display the store.
  2. Click Add Block → Custom HTML.
  3. Paste the copied code to the field.
  4. Save the changes.

You will see the store's 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.

How can I connect another Ecwid store to my site?

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 Panel → Ecwid.
  2. Scroll down to the bottom of the page.
  3. Click Reconnect in the bottom right corner.
  4. You will see the Connect Your Store button. Log in to the admin 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.

Can I restrict access to the Ecwid admin panel to certain users?

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

  1. Install the User Role Editor plugin to your WordPress admin panel.
  2. Go to the Users menu.
  3. Find the user, you want to block from the Ecwid admin.
  4. Click the Capabilities link:

Restrict access to Ecwid admin area

  1. Use the Quick filter field and find manage_options:

User role editor

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

Related articles

Transforming E-commerce for Wordpress Users (blog)
Add E-commerce to Anywhere on Your Site (blog)
Migrating your store from WooCommerce to Ecwid

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support