Selling on WordPress with Ecwid E-Commerce

WordPress is a popular content management system which allows you to create websites. Specially for WordPress we have created a plugin that helps easily add an Ecwid store to a website.

After you install the Ecwid E-commerce Shopping Cart plugin, you will see Ecwid blocks that give you the flexibility to add your entire store, single product widgets, or “Buy now” buttons to different pages of your website. Besides, you can add other store elements such as categories menu, search box, shopping cart icon, product search and filters, etc.

Adding Ecwid to WordPress.org and WordPress.com

There are two solutions: WordPress.org или 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. To choose what version will work best for you (WordPress.org or WordPress.com), read more about 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 website on WordPress.org or WordPress.com. After the plugin is installed, add the store or its parts using the Ecwid blocks.

With Ecwid blocks you can add your entire store, single product widgets, or “Buy now” buttons to different website pages. Also, they let you add other store elements like categories menu, search widget, shopping cart icon, etc.

Add different blocks depending on the desired result. For example, if your website's primary purpose is selling, add the store to the website home page so that customers could see it as they open your website. If you use the website mainly for blogging, you might want to add separate products or Buy now buttons to those blog posts where you promote your store products.

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

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

  1. Open your WordPress admin panel and go to Plugins → Add New.
  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 WordPress.com, go to My site → Tools → Plugins → click on the Ecwid icon. In WordPress.org, 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 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. Go to the WordPress Admin PanelPages and open the page where you want to add the store category. In WordPress.com, 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 for 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:

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

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. That is why by default, the website search can't find and show store products.

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 have one search box on a website where customers will be able to find the info from your website and products from your Ecwid store. No more confusion for customers which search field to use. 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 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

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. Now you’ve got your store code:

Ecwid embed code

  1. 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 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 Control Panel.
  4. Click the Capabilities link:

image5__1_.png

  1. Use the Quick filter field and find manage_options:

image7.png

  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

Was this article helpful?

Awesome! Thanks for your feedback!

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

Contact support