Create a shop with WooCommerce

Create a shop with WooCommerce

WooCommerce is the most popular eCommerce plugin for WordPress, it’s a free plugin and fully compatible with Essentials WordPress theme.

WooCommerce plugin installation & steup

To add a shop to your website, first make sure to install WooCommerce plugin on your website (from WordPress admin panel > Plugins > Add new):

WooCommerce

After the plugin is installed and activated, you will see Woocommerce setup wizard, you can follow the steps to set up your store or skip and do it later:

WooCommerce Setup Wizard

Now, you can access the WooCommerce plugin by clicking on WooCommerce tab in the left sidebar of your WordPress admin panel:

WordPress Admin Panel > WooCommerce

Additional WooCommerce plugins (Optional)

Essentials WooCommerce demos uses 2 additional WooCommerce plugins, YITH WooCommerce Wishlist plugin to add wishlist to the website and WC Secondary Product Thumbnail to show a second image when hovering on the each product.

You can add these plugins to your website from WordPress admin panel > Plugins > Add new: search for the plugin name):

YITH WooCommerce Wishlist

WC Secondary Product Thumbnail

Import premade WooCommerce demos

If you don’t want to build your store website from scratch, Essentials theme comes with many pre-built WooCommerce Demos, for example:

You can import these demos from Essentials > Demo Import > Demos:

Essentials > Demo Import > Demos

For detailed information on how importing demo content works you can check this article:

Importing demo content

Add & manage products to your shop

To add products to your shop, go to your WordPress Admin Panel and from the left sidebar click on Products, after that you can create new products and manage the existing ones:

WordPress Admin Panel > Products

  • Note: Essentials theme comes with WooCommerce product examples and you can import them from Essentials > Demo content > Miscellaneous > Default WooCommerce Products.

Shop layout and style settings

The theme options of Essentials theme contains a dedicated tab for the shop layout and style, you can access it from Essentials > Theme options > Shop:

WordPress Admin Panel > Products

Add and customize Shop sidebar

In case your website doesn’t already have a sidebar for the shop (for example if you’re using a demo that doesn’t include WooCommerce shop), you can easily create a sidebar for your shop.

To do that, go to Theme Options > General > Sidebars and add a sidebar (e.g. Shop) and then save the theme options and refresh the page:

Theme Options > General > Sidebars

Then from Theme Options > Shop > General tab > Shop sidebar you can choose to display your new sidebar in the shop:

Theme Options > Shop > General tab > Shop sidebar

After that, you can edit your new sidebar as usual from WordPress Panel > Appearance > Widgets > Your sidebar, where you can add widgets depending on your needs:

Theme Options > Appearance > Widgets > Your sidebar

  • Note: Essentials theme comes with Shop widgets example and you can import them from Essentials > Demo content > Miscellaneous > Shop widgets.

WooCommerce documentation

Finally, for more detailed information on how to setup and use WooCommerce plugin we recommend to visit WooCommerce website which has an extensive documentation:

pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts