Build Your Own Business Website header image

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Lesson 2 – Part 3 Creating the Main Pages of our E-Commerce Site

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

This video is part of our old WP eStore Course Go to our Updated WP eStore Course for current videos.

In the third part of this lesson we will create all of our main pages for our WordPress and Thesis based e-commerce website. We will be creating our Home, Catalog, a couple of Product type pages, a Customer Support, About , Blog and then a couple of hidden pages, Thank You and a Download page.

Create a WordPress Home Page

Let’s go back over here to our e-commerce website and get started. I’m going to open up Pages and say Add New. The first thing we’re going to do is create our home page. The title shouldn’t be Home. It should be the main heading of your home page and in this case I suggest that it be your unique selling proposition. Our unique selling proposition is going to be “You can learn to build your own E-Commerce Website using WordPress and Thesis”. There’s our unique selling proposition or our page title.

We’ve given a page order of 1, it’s going to have the Default Template, and it’s going to be a Main Page. I’m going to come down here to the SEO Details and Additional Style and in that case we want to add a Custom Title Tag. I’m going to add in here How to build your own E-Commerce Website, and then we should have a Meta Description.

The Meta Description shows up in a Google search as well as the meta title. For example if we go back to Google search and we search for thesiscss and we come down here to this page you can see this, “A visual diagram of all of the major elements of the CSS structure of the Thesis Theme for WordPress.” That is my Meta Description. The Meta Description is important because the it gives you a chance of explaining what your site or what your page is about to a searcher. So that is useful for them and for you. People who need your information will find it on your e-commerce website from this Meta Description.

In this case we’re going to add this Meta Description, it’s going to be “This site demonstrates the use of WordPress, Thesis, and WP eStore to create a complete e-commerce website. It follows the video tutorials at www.byobwebsite.com.” There’s the meta title. And we can go ahead and hit Publish – if we go back over to Edit, Pages you can see we now have this page which is going to be our home by the time we’re finished. So now that you can see what that looks like let’s go ahead and create all the rest.

Create Product Pages

So when we create the product type pages for the ecommerce site, in this case the first one is Books, we want to make sure that under Parent we select our products or our catalog page as the parent for that. So over here under Attributes I’ve done that. Now because this is now a Child page I’m going to give it an order of 1 because I want it to show up first. And then when we go to add a new one, say for Ebooks, I’m going to do the same thing, I’m going to pick Our Products page and I’m going to give it an order of 2 and publish that. Now E-books and Books are going to show up below the Products page.

When you get to your About page, a word of advice; it is probably better for you to use the About that has already been created. There is only one page that comes created with the default installation of WordPress and that’s the About. Rather than creating a new one I would just edit this existing one. In this case we’re going to leave it About, we’re going to give it an order of 4, it’s going to be a Main Page and then we’ll add a Custom Title Tag and a Meta Description.

Making Administrative Pages Invisible to Search Engines

Now something to consider for these pages that you essentially want hidden such as your Thank You and Download page, not only do they not need a Custom Title Tag or a Meta Description because you don’t really want them discovered, you can also come down here to the Robots Meta Tag and add a noindex, a nofollow and a noarchive. That way it will be essentially invisible to search engines.

Okay so there we have it. We have our home, our Catalog, our Products, Customer Support, About, a Blog and then a couple of hidden pages, our Thank You and Free Download page.

Configure the Static Home Page and Blog Page

Next we are going to configure our static home and blog page. So come down here to Settings, scroll down to Reading. The Front page displays A static page, and then your Front Page is going to be this long one there “You can learn…” – that’s going to be our home page. Our Post page will be the Blog that we created. And we’ll go ahead and hit Save Changes.

So now we have created all of our main pages and we have configured our static front and blog page. Just for grins let’s go ahead and take a look at the results. Right now you can’t really tell any difference except that we have put this title on the front. None of those other pages have shown up here yet because we’re going to do that in a subsequent lesson.

And that wraps up Part 3 of Lesson 2 of the Build Your Own E-Commerce Web Site tutorial series.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment