How to Setup WooCommerce Blog and Contact Pages

If you've been following this series on how to build a professional eCommerce site with WordPress, WooCommerce and the WooStore theme then you know that we're building WorldCupTees.com from start to finish.  In the last couple tutorial videos we showed you how to setup the home page featured image slider as well as how to setup the WooCommerce widgets.  In this WooCommerce tutorial we'll show you how to setup your Blog and Contact Us pages.How to Setup WooCommerce Pages

Setting up your Blog page with WooCommerce

An active blog is an essential component of a profitable eCommerce site.  A good blog will help to accomplish a number of important things such as…

  • A blog will keep your site updated with fresh content which is great for SEO and organic search traffic
  • It will allow you to interact with your customers and keep them up-to-date on your latest products
  • It will potentially open additional passive income streams via affiliate marketing and/or Adsense

WooCommerce makes it very easy to build a blog into your eCommerce site.  In fact, setting up a blog is as easy as creating a new Page in the WordPress admin.  Here's how to setup your Blog page…

In the WordPress admin go to Pages > Add New > give the page a title such as “Blog” > on the right hand side of the page in the “Page Attributes” section select “Blog” from the Template drop-down box > click “Publish” > a “Blog” page will show up in the top navigation of the site and each new Post you create will automatically show up on the Blog page.

Creating your Contact page with WooCommerce

Another essential part of an eCommerce site is the “Contact Us” page.  The Contact page makes it easy for your site visitors, potential customers and active customers to reach you for whatever the reason may be.  Like the Blog page, WooCommerce makes it easy to setup your Contact page.  Here's how to setup your Contact page…

In the WordPress admin go to Pages > Add New > enter “Contact” for the page title > on the right side of the screen under Page Attributes select “Contact Form” from the Template drop down box > click Publish > go to WooStore > Theme Options > Subscription Settings > in the “Contact Form E-Mail” field enter the email address that you want the contact form to send emails to > click “Save All Changes” > the Contact page has been created and configured.

Other Recommended Pages

In addition to creating a “Blog” and “Contact Us” page, it's a good idea to also create a “FAQ” (frequently asked questions) and “About Us” page.  The FAQ page is commonly used with eCommerce sites and will help reduce the amount of time you spend answering simple customer service related questions.  The About Us page is a place to tell your story and give potential customers a background on who they are buying from and why they should buy from you.

Organize your eCommerce Pages with the pageMash Plugin

pageMash is a free WordPress plugin that allows you to control some important aspects of your site pages.  For example, pageMash makes it possible to hide any pages that you do not want to show up in the site navigation.  Also, it allows you to control the order in which pages display in the site navigation.  When you install and activate the “pageMash” plugin, the pageMash management page will automatically show up under the “Pages” section in the WordPress admin.  On the pageMash management page you'll be able to control the page order via a simple drag-and-drop interface as well as hide any page from showing in the navigation.  We highly recommend using the pageMash plugin with all of your WordPress sites.

The Upload WP tutorial video below shows you how to setup your WooCommerce Blog and Contact pages…

Posted by Thomas Tran

27 Comments

  1. Hi, I sent an email before I read the part about commenting. My question is with the shopping page. How do I get a drop down menu of product categories for a customer to choose from instead of just sending them to all the products available?

    Reply

    1. Hi Sylvia,

      Thanks for your question. I believe that changing the layout of the /Shop page would require custom CSS. There does not appear to be a simple way to change the layout of the /shop page via the Theme Options Settings. However, one thing you could do is to add the “WooCommerce Product Categories” widget to the sidebar. That would at least add the functionality of the product categories being shown in a drop down menu to that page.

      WooCommerce Product Categories

      WooStore Product Categories Widget

      Please let me know if this helps answer your question. Thanks,

      Adam

      Reply

  2. I need help with woostore theme, by accident I deleted all the pages like, Cart, my account, checkout, and all pages that carry out the shopping cart.

    How to fix this problem.

    Thanks in advance.

    Reply

    1. Hi Juan,

      The best way to fix that issue is to do the following… Deactivate the WooCommerce plugin > Delete the plugin > re-install and activate the WooCommerce plugin > when the plugin is activated click the button to Create the WooCommerce pages

      Let me know if that helps.

      Thanks,

      Adam

      Reply

  3. I am getting this error on my home page, can you help me out?

    Fatal error: Call to a member function is_visible() on a non-object in /home/content/70/10788170/html/wp-content/plugins/woocommerce/templates/content-product.php on line 25

    Reply

    1. Hi Brenda,

      I just took a look at your site but did not get the error. Have you solved the issue? Or did you update your Reading settings so that the Gallery page is the new homepage?

      Reply

  4. Hi,
    Great post, but I cannot access the ‘blog’ option in my template drop down. I suspect my site has customised templates – if this is the case, how do I create a ‘blog’ template for myself?

    Reply

    1. Hi Alexandra,

      Thanks for your question and great job on your site, SaviourSnacks.com! The Blog page template in this tutorial is specific to the WooStore theme. Not all themes have a blog page template built in. In regards to creating your own blog page template, check out this tutorial by WpBeginner.com…

      http://www.wpbeginner.com/wp-tutorials/how-to-create-a-separate-page-for-blog-posts-in-wordpress/

      Reply

  5. Rahim Haji (webtrendz.co.uk) May 2, 2013 at 12:53 am

    Hi There,

    I need some help with the contact form on the site, I followed the instructions above, but for some reason when I edit the contact page in admin, I do not have “Contact Form” under Page Attributes from the Template drop down box.

    can you pls advise

    Reply

    1. Hi Rahim,

      Thanks for your question. Page Templates are unique to the specific theme that you’re using. I this tutorial video we used the WooStore theme which has a “contact” page template. Your theme might not have that. An alternative would be to use the “Easy Contact” plugin. It’s free and will give you the same functionality. Let me know if this helps. Thanks,

      Adam

      Reply

  6. Hello Adam,

    I need help,

    This is the site i am working on : http://mazharkhan.com/ecom/

    I am using Woocommerce plugin. By default plugin creates a PRODUCT page, and i have 3 products in the product page from 3 different categories

    1. Clothes 2. Toys 3. Blankets

    I have added 3 sub pages under main product page.

    Now the QUESTION is how can i have my first 'cloth' product from "Product page" to sub-page "clothes" page?

    Thanks and Regards
    Mazhar

    Reply

    1. Hi Mazhar,

      Thanks for your question. Here's one way to do it using WooCommerce shortcodes…

      In the WordPress admin go to Pages > edit your "clothes" page > click on the purple "woo" icon > select the "Product by SKU/ID" shortcode > after sku= enter the product SKU that you want to display on that page > repeat the process for each additional product as seen in the screen capture below…

      http://uploadwp.com/wp-content/uploads/woocommerce-shortcode-product-id.png

      Let me know if that helps answer your question Mazhar.

      Reply

  7. Hello and thank you for such helpful tutorials. I am trying to build my own online store from scratch and having a little trouble with linking the contacts page to an email address. I have woocommerce and am using the wordpress mystile theme. I have set up the page perfectly but ant link the email. Do I need Woostore?
    Thanks in advance
    Kind regards,
    Brooke

    Reply

    1. Hi Brooke,

      I recommend using the "easy contact" plugin for your Contact Us page. Its a free plugin that makes it easy for people to contact you via a simple form and goes straight to your email. Simply install the plugin > create a page called "Contact" > and in the page paste the following shortcode… [easy-contact]

      Let me know if this helps.

      Reply

      1. That worked perfectly! Thank you kindly. I had spent hours trying to figure it out and you help me do it in 5 mins!!
        Thanks again 🙂

        Reply

        1. You're welcome Brooke – glad to hear it worked!

          Reply

          1. May I ask another question please. Do you have a video on how I can link my orders to my Paypal account so when someone pays with Paypal it shows up in my Woocommerce orders as being paid. (Rather than having to check orders then go to Paypal and see if any payment has been made)
            Thanks again 🙂

          2. Hi Brooke – I found some documentation from WooThemes on Managing Orders that I think will help answer your question. Here's the link…

            http://docs.woothemes.com/document/managing-orders/

            Please note the section that says, "If you are using PayPal and orders are staying pending you could have an IPN issu."

  8. Hello! This page almost helped. I'm using WooCommerce with the 2012 theme as it seems to be one the better themes for integration with the ecom software. I started the site using my Front Page as the comments until I could start putting items in the store.

    I'd like to keep all of the comments I've posted, but instead of having them on the "Home" page, I'd like to have the posts on their own page and have "My Shop" as the Front Page.

    Is this possible?

    Thank you, and great site!

    Len

    Reply

    1. Hi Len,

      It is possible by adjusting your "Reading" settings. Please use the Upload WP Community Forums… http://uploadwp.com/community/index.php

      Start a new thread in the "WooCommerce Themes" forum and provide as much detail about what you're trying to do. We'll then do our best to help you accomplish it. Thanks

      Reply

  9. Thanks for giving me indulging content to read. Though i use TemplateToaster for making my themes, i liked your article, which made me aware about Woo Commerce page and making WC blog.

    Reply

  10. l need help with the contact page. lm using estore theme from elegant themes.. lm taking it that the steps are a little different as estore doesnt have a Theme Options. l already have the contact page up with the template inserted. l simple need to know how to add my email to the contact form for ppl to contact me

    Reply

  11. Hello i am based in England and looking for a quick option to setup my first website . I have already uploaded woostore and added products etc, but as i am a self taught user am finding the process very slow! Where can i find someone i can pay to set up the store professionally and quickly?

    Reply

  12. hi hi

    anybody can guide me on changing the blog page layout ??

    thanks

    Reply

    1. Hi Sean,

      Please refer to our forums. There you’ll find someone that can help you change the blog page layout… http://uploadwp.com/community/index.php?forums/woocommerce-themes.7/

      Reply

  13. I’m using Mystile them. Is there a way for only the main product categories to show on the front page – not subcategories also?

    It shows every product category, main and sub, which when I add a new subcategory I am having to go add a pic so its not a white box. Makes it too long to get to the footer.

    Reply

  14. What if I cant find “blog” in the template drop down??

    Am I using the wrong template?

    Reply

Leave a reply

Your email address will not be published. Required fields are marked *