Configuring the WooCommerce and WooStore Theme Options
Welcome to the second tutorial in our series on how to build a robust eCommerce site with WordPress, WooCommerce and the WooStore theme. Today we’ll walk you through the WooCommerce plugin settings as well as the WooStore theme options. We’ll show you what is most important on your first pass through. It’s important to point out that there are 2 separate areas that need to be be configured which are; the WooCommerce plugin settings and the WooStore theme options. The videos at the bottom of this post will cover both the plugin and themes settings in detail. Before we get to the videos, lets talk about some of the most important things to think about when configuring your WooCommerce site.
When building a website (especially an eCommerce site) it’s best to think ahead as much as possible to avoid running into major obstacles as you go deeper into development. There are a few important things you’ll want to decide on before you begin full out development of your WooCommerce site. Specifically, you’ll want to have a basic plan for the following…
- How you will accept payment (e.g. PayPal or on site Credit Card via Payment Gateway like Authorize.net )
- How you’ll setup your product Category structure
- Will you be tracking inventory on the site?
- Tax – how do the tax laws effect your site based on where your business is setup
- Shipping – determine where you will ship to and what shipping methods you’ll use
So my recommendation is to think about payment processing, product category structure, inventory tracking, sales tax, and shipping before you attempt to configure the WooCommerce settings. You can always go back and tweak your setup but it really helps to have a good idea of how you’re going to handle these important elements that go along with owing an eCommerce site.
Personally, I use PayPay for all my eCommerce sites and have had good success with it. Eventually I will turn them into full-blown on-site credit card accepting sites by implementing an SSL cert and a payment gateway such as Authorize.net or PayFlowPro. However, when just starting out, PayPal is more than adequate in my opinion.
WooStore Theme Options Settings
The look and feel of an eCommerce site is almost as important as setting up the infrastructure. Therefore, before you begin configuring the WooStore options, decide on a basic layout, logo and color scheme. In terms of color scheme, I recommend starting with the logo and then basing the rest of the site colors off of the logo. It’s very easy to modify the WooStore colors so start by creating a professional logo and then base the site colors off the logo colors. Creating the logo first and then basing the color scheme off the logo will tie the site together nicely.
The Importance of a Great Looking Logo
Having a clean, professional logo goes a long way in determining the success of your web store because lets face it, we’re all much more likely to buy from a site that looks great than from a site that looks like a kindergartner built it. Also, you’re going to use your logo for more than just your website. Most likely it will be on business cards, postcards and any other marketing materials you use in the future.
If you’re like me and lack graphic design skills you can always have someone else create the logo for you. When I need a logo created I usually turn to Fiverr.com. Fiverr is a site where you can get just about anything done for $5. There are a bunch of excellent graphic designers on Fiverr that are more than capable of creating a highly professional logo for your WooCommerce site. I do have a favorite gig that I’ve personally used many times and I recommend you start with.
The Fiverr logo design gig that I recommend is: Clean Professional Logos – by: freestyldesign (go to fiverr and search for “freestyldesign” and you’ll find the gig)
WooStore Theme Logo Details:
A few important things to remember when creating your logo are as follows:
1. The logo should be created on a transparent background so that it blends into your site.
2. Make sure to get the Photoshop (PSD) version of the logo so that you can make updates to it in the future.
3. Make it larger than necessary for the site. You want the original version of the logo to be much larger than what you actually need for the site so that you can use it on other things like postcards, letterheads and t-shirts. You can always shrink the logo to fit your site but you cannot make it bigger so have a large version of the original logo created.
Recommended large version logo dimensions: 846 x 210
Recommended Website logo dimensions: 306 x 76
WooThemes Footer Customization – How to Customize WooThemes Footer Links
WooThemes makes it easy to customize the footer of your site. You no longer have to modify PHP files to change footer links as we’ve had to do in the past with most other WordPress themes. With WooThemes, it’s all done through the theme options page. Here’s exactly how to customize the footer of your WooThemes site…
In the WordPress admin go to WooStore (name of your specific WooTheme) > Theme Options > Footer Customization > check the “Enable Custom Footer (Left)” and “Enable Custom Footer (Right)” boxes > paste in your custom HTML (see below for specific HTML) > click “Save All Changes” > go out to the site > refresh the page and confirm the changes have been made
Below is the exact HTML we used to customize the footer of our WooCommerce demo site, WorldCupTees.com. Simply copy/paste the HTML into your “Custom Text (Left)” and “Custom Text (Right)” boxes as shown in the “WooThemes Footer Customization” tutorial video below. Just make sure to change the links so they go to pages on your site and not our demo site.
Custom Text (Left) HTML:
<p>© 2009-2012 World Cup Tees. All Rights Reserved.</p>
Custom Text (Right) HTML:
<p><a href=”http://www.worldcuptees.com/about/”>About</a> || <a href=”http://www.worldcuptees.com/about/contact/”>Contact Us</a> World Cup Tees</a></p>
Please use the new Upload WP Community Forums to post questions and comments on configuring WooCommerce general settings. Thanks