Setting up your webshop
Currently, our themes which support the WooCommerce shop plugin are Oleander, Rosemary, Redwood, Hemlock, Laurel, Alder, Florence, Hawthorn and Sitka.
When you first install these themes, the shop options (such as "Shopping cart", "Check out", etc.) won't be visible. This is because the shop features will be activated once you install and activated the free WooCommerce plugin.
Below, we'll give you a general overview of how to setup your webshop. We'll also link to WooCommerce's great documentation/tutorial articles as well if you need more in-depth explanation. At the bottom of the article, you'll find additional WooCommerce resources to answer any questions which may arise unanswered.
Installing the WooCommerce plugin
If you're ready to begin setting up your webshop, you can install the WooCommerce plugin.
Navigate to WP Dashboard > Plugins > "Add New" button in the top-left. Search the WordPress Plugin Directory for the term "WooCommerce".
"Install" the WooCommerce plugin.
When it's finished installing, you can either "Activate" the plugin directly where you are on the WordPress Plugin Directory page, or, navigate back to WP Dashboard > Plugins > and click the "Activate" button next to the WooCommerce plugin.
WooCommerce Setup Wizard
If you haven't installed WooCommerce on your WordPress before, you will be greeted with a screen asking you if you'd like to run the WooCommerce Setup Wizard.
We highly recommended doing so!
It can save lots of time and effort. Click "Let's Go!" to get started.
The Setup Wizard will explain that it will automatically create a number of shop-related pages for you, including pages for the "Shop", "Cart", "Checkout", and "My Account".
Click "Continue" to have WooCommerce create these pages for you.
The next few screens will ask you questions about your shop location, preferred units of measurement, currency, whether or not you'll be shipping items, if you'll be charging tax, and what kind of customer payments you'd like to accept.
If you aren't sure of a question, you can always skip that particular screen and edit the setting later within the WooCommerce plugin's settings.
When finished, you'll be taken to a final screen.
From this screen, you can choose to continue setting up your shop by creating your first product. To do so, click the "Create your first product!" button.
Otherwise, you can click the little link at the bottom which says "Return to the WordPress Dashboard" to exit out of the wizard. You can always create your first store product later by navigating to WP Dashboard > Products > Add Product.
**For more information regarding the WooCommerce Setup Wizard, including how to return to the Wizard if you skipped it the first time around, please reference WooCommerce's article here: WooCommerce OnBoard Wizard.
You should now see 2 new menu items within your WordPress Dashboard on the left-side. One is titled "WooCommerce" and the other is titled "Products".
You can always access and edit your WooCommerce's settings via WP Dashboard > WooCommerce.
Here, you'll see there are numerous setting sections listed within your WP Dashboard's left-side menu nested beneath the "WooCommerce" item. There are also a number of tabs at the top where you can edit your webshop.
Before launching your webshop, please be sure to spend some time getting acquainted with these various settings to ensure you have your shop options exactly as you please.
You will also find a few options for Customizing how your shop elements display by navigating to WP Dashboard > Appearance > Customize > WooCommerce Settings.
***For more details on WooCommerce's numerous settings and options, please reference their article here: Settings & Options.
To begin creating new products for your shop, you can navigate to WP Dashboard > Products > Add Product.
As with the "WooCommerce" Dashboard menu item, you'll notice that there are additional Product settings nested within your Dashboard menu on the left.
To create your first product, give it a title and enter the item's description in the big text field.
Further below, you can give the item a price. If you'd like to place the item on sale at any point, you can edit this product page and give it a sale price in addition to the regular price. You can also schedule a sale price to appear at a certain date or time of your choosing.
Use the tabs on the left to edit information about the product such as how much is in inventory, how much it weighs in order to calculate shipping charges, and more.
In the field for "Product Short Description", enter a more boiled-down summary of your product.
On the right side are additional settings for your product:
In the meta box titled "Product Gallery", select images of your product to appear in a thumbnail gallery on your product's page to give your customer the best possible visual of your product.
In the box titled "Product Image", you can assign what is essentially your Product's Featured Image. Select a single image which will represent your product in a variety of places.
Like in a regular WordPress post, you can create and assign Tags to your products.
Again, as with WordPress posts, you can create and assign one or more categories to your products.
To preview your product's page prior to publishing, you can click the "Preview" button in the top-right.
To save a draft of your product to be edited or published at a later time, you can click the "Save Draft" button.
And to publish your product, you can click the "Publish" button.
***For more details on how to setup your Products, please reference WooCommerce's article here: Set Up Products.
WooCommerce Widgets & Sidebar
WooCommerce comes with some custom widgets which you can add to the theme's default sidebar area, or, which you can add strictly to your "shop" sidebar area. To view and edit them, navigate to WP Dashboard > Appearance > Widgets.
On the left you'll see all of your available widgets listed. If you scroll down, you'll notice that there are lots of new WooCommerce-related widgets that have appeared. We recommend testing each widget out and seeing if it's something you'd be interested in incorporating into your site.
On the right, you'll see that a new widgetized area titled "WooCommerce Sidebar" has appeared. You can drag & drop any widgets into this sidebar area that you'd like to appear on your shop-related pages when the shop's sidebar is enabled.
Enabling/Disabling the Shop's Sidebar
To enable or disable the sidebar area on your shop and product pages, you can navigate to WP Dashboard > Appearance > Customize.
Depending on your theme, you may see a section titled "Shop Settings". Within, you should see an option for "Shop Layout". Here, choose to enable or disable the sidebar.
Alternatively, if you do NOT see a "Shop Settings" section within your Customizer section, your webshop Sidebar will appear or disappear depending on whether or not you've added widgets to your "WooCommerce" sidebar area. If there are no widgets placed within the WooCommerce sidebar, then your webshop pages will display full-width. If you DO place widgets within the WooCommerce sidebar, then the sidebar will automatically activate.
LAUNCHING YOUR SHOP
When you've created your products, setup your WooCommerce options as you'd like, chosen whether or not you'd like to use the sidebar/widgets, and are ready to make your shop accessible to your visitors, all you need to do is add your "Shop" page and related pages to your navigation menu.
To do so, navigate to WP Dashboard > Appearance > Menus.
If you haven't yet setup your navigation menu for your theme, please be sure to reference our article here on how to do so: How do I set up my navigation menu?
On the left, you'll notice that you now have additional menu sections for WooCommerce, such as "Products", "Product Categories", and "Product Tags".
However to simply add a "Shop" link in your menu that directs visitors to your shop page, you can look within the "Pages" tab. If you ran the WooCommerce Setup Wizard, there should automatically be pages titled "Shop", "Cart", "Checkout", and "My Account".
Check the boxes next to the menu items you'd like to add to your menu and then click the "Add to Menu" button. Drag & drop the items to position them exactly where you'd like within the menu.
We recommend also including the "Cart" and "Checkout" menu options so they're accessible for your customers. To save space, you can always nest the "Cart" and "Checkout" options beneath your main "Shop" menu item. To do so, drag and drop them beneath the "Shop" item. When they indent a bit to the right, they are successfully nested and will display as a drop-down menu.
MORE WOOCOMMERCE RESOURCES
Still have questions or are interested and learning about the variety of things WooCommerce is capable of? We highly recommend checking out WooCommerce's collection of tutorial articles and videos!
WooCommerce Documentation Articles:
WooCommerce Video Tutorials*:
*For the video tutorials, please scroll down the page a bit to where you'll begin seeing "WooCommerce 101" videos appear.
And, as always, if you find yourself with any questions, please feel free to log into your Ticksy account at https://solopine.ticksy.com and open up a new support ticket. We'd be happy to help!