How to Build a Store on Your WordPress Blog

Last week in the Kiss Club someone shared this very interesting post about how to make money with Amazon. In the article the guy made some very interesting suggestions that made a lot of sense. One of his suggestions was to look at the competition on the first page and see what their sites looked like. Then build that type of site.

I am currently working on one of my niche sites and when I looked at the competition they all had a storefront on the homepage of the site. Well, heck, that looks cool, but I had no idea how to do it!

Thankfully my fabulous Kiss Club members and friends did. :) I’m going to walk you through how to build a store on your blog… (and it’s pretty dog gone easy!)

Step 1. Log into your wordpress dashboard and install the TinyMCE Advanced plugin.

You can do this by just searching for that plugin and installing it through the search area or you can download it to your computer and then upload it to your dashboard ~ the search is probably the easiest.

Step 2. Add the table icon to your text editor.

This video covers steps 1 and 2:

Step 3. Open up a page or post where you want your store front or product display to be.

Step 4. Add a table to your post/page.

I’ve found that 3 across works pretty well the wordpress themes I’ve been using. (mostly twenty ten theme). If you want multiple rows of products just figure out how many you want and enter that number. I also like to have a row specifically for a link to the product ~ so that doubles the rows I’m going to want.  (see the next video)

Step 5. Collect the product images and affiliate links you will be using on your page.

It will go much faster and easier if you’ve collected all the things you’re going to use in your storefront. You’ll need images of the products you’re going to show, as well as your affiliate link to the product. I like to set up a folder for each website so I can add the images all in one place, and then I open a new text doc in the folder to add all the links to the products. Make sure to make a notation of which link goes to which product. :)

Step 6. Fill in your table with the products and links.

You’ll need to click on the little tiny spaces of the table to get started. Once you’ve in the table, click “add image” and upload one of your product images. Add your affiliate link in the add image area and then add to post.

This will make the table open up a little bit so it’s easier to do the next cell. Go to one cell below the image and add a link to the product ~ or category page if that makes more sense. You can use your text editor to change the font size, center the words and create a link.

This video will walk you through steps 4, 5 and 6.

Step 7. Rinse and repeat.

Continue filling in your table. If you want to feature different categories of products add a subhead with the title of the category and then add in another table.

This plugin makes quick work of creating storefronts and can even create featured products in posts etc. Here’s a couple examples of the different ways this can look:

BestPet Strollers ~ this site uses the plugin to create an entire store front on the homepage.

TinkerBell Toddler Bedding ~ this site uses it through the page to feature different products.

It’s very versatile, and it can be frustrating, because if you try something and it doesn’t come out the way you want I haven’t figured out where the “undo” button is and I’ve had to start over. :( That’s why it’s a good idea to have all your info and images somewhere easy to access. (It takes a LONG time to go back and forth every time you mess up getting the code again ~ yes, personal experience!)

Good luck, and please share how you used tables with us ~ I’d love to see!

If you have any questions please feel free to ask (I’ll do my best to answer, but this is new to me too!) If you want to get in on this conversation and other incredibly helpful conversations, join us at the KISS Club.

Enhanced by Zemanta

Comments

  1. Hi Jackie,
    I noticed that you removed the Amazon “reviews” from your Inversion table lens in Squidoo. I remember that you published the reviews word for word on the site and even gave us the hmtl codes so the reviews showed with different color backgrounds. I have done the same on my sites. Are these no longer allowed by Amazon?
    Thank you for your help.

    • Jackie Lee says:

      It’s actually a problem with Squidoo… you can’t have any “duplicate” content… that includes reviews. Squidoo is getting very strict about their policies and “duplicate” content is getting a lot of lenses locked, so to be safe I’d find another way to show reviews ~ and/or just point people to the reviews on Amazon.

  2. Thanks for posting this instructional video on building a store.

  3. I’ve just got to say….i love love love your blog! This is something I really need to try as I would like to do somethiing special for the holidays, so thank you for the great info!

  4. Girl! You are the best. I want that plug in just to change the font size on my site.

    Love the tutorials and appreciate how much you share.

    Thanks Jackie for the great gift of giving.

    Diana

  5. It was actually the first time I knew about this plugin. I really find it very helpful especially that I’m always format everything manually. Alignment of both picture and text are pretty crazy. Actually it took me minutes before I can finish one item. Thanks for sharing this!

  6. is it better to use this way or the wp-robot style that you wrote earlier?

    • Jackie Lee says:

      You can use this way to set up your front page and then use wp robot to pull in products. However, post Panda you’re going to have to add more content than just what wp robot pulls in. It also will no longer pull in the reviews from Amazon. It’s great to get your links and some images on the page, but you’re going to have to add unique content that comes from you.

  7. I asked you about this on a newer post, now I know how you did it. It took getting through a bunch of stuff in my inbox first :)

    Thank you again,
    B

  8. When I insert the table the entire second row of the text editor disappears. I mean the font size box formation box, and all of the boxes in that row disappear. When I click the table I get two long boxes the width of the page not those tiny pink cells that you have. I have watched the video several times. I can’t figure out why this is happening.
    Why me Lord?? I emailed you yesterday then walked away from the situation then I tried again today the same thing. I keep the video page open so I can follow step by step. This is weird.

  9. Hey, thanks for the info. I have seen blogs displaying electronics for amazon. I honestly didn’t think it was this easy!

  10. Hey Jackie,

    I have a niche site that’s been rockin’ it for quite some time with Amazon but I have been a bit reluctant of actually adding an Amazon looking store but that’s changing soon. Additionally, the site has taken off to the point that I may begin contacting individual companies to see if I can become a reseller for their products; have them drop ship stuff and boom, the site becomes an ecommerce store!

  11. Wow, that plugin is one I haven’t heard of but it makes tables so much easier. I had always wanted to make tables for this exact purpose but never could figure out how to do it with the basic WYSIWYG editor. Thanks for the tip! I have a few blogs that this could be used on to dramatically improve earnings from Amazon!!!

    -Jacquie

  12. Sometimes the simple is hard and its making me a little anxious. when the table joins with the editor rows the second row of the text editor disappears (font size, format, etc). When I click on the table I get two long boxes.
    Please assist.

    Thank you

    • Jackie Lee says:

      Not sure exactly what you mean… but for the text editor to show up you probably have to click the button.

      you have to choose the number of rows and columns you want, and until they are all filled in they won’t look right. So say you have a 4 column table if you only fill in two of the columns it will look like two big columns … they smush together and look right as you fill in the rest of the table.

      Not sure that’s what the problem is… let me know.

  13. How did the table end up on your editor? It seemed to be suddenly there. Mine isn’t

    Thank you

  14. This is fantastic information – I wondered how that was done. Some time ago I placed an Amazon Astore on a couple of my sites and haven’t sold one thing. I later heard others say they never sold from them (click on a nav tab to go to the store). Visitors just don’t seem to be interested in clicking on a tab to go to Amazon.

    But, having the image and link right there on the page would seem to be a much better way to get clickthroughs. Thanks once again for providing such great information.

    • Jackie Lee says:

      the other problem I think happens is they actually stay on your site when they click, and then to pay they finally get moved to amazon. I love to let Amazon sell people stuff ~ even if it’s not what they originally clicked through for. I’m really glad I figured out how to do this… and glad I could help you too! :)

  15. Sorry Jackie – pressed submit before I changed my link – this is the one I’ll be working on!
    Thanks.

  16. Hi Jackie,

    That was great!

    I’m just off to have a go now – the link above is the before link – and I’ll see what I can do with this site!

    Thank You.

  17. I’m glad we were able to come up with a solution for you. It’s great when you have the options to be able to create what you want for your own site.

  18. Al right I’m going to get everything together and give it a whirl. I got frustrated too with no undo button..lol. I wanted my home page to look similar to your pet store with the border around the pictures. I would of never figured out that I was to use the caption instead. I was messing with the border part in the table section. Makes perfect sense now about adding the tables for your links,,Duh! I was trying to add it to the cell and it made it real long.

    You Rock! Jackie!

  19. Wow! These sites look really awesome ~ and absolutely…TinyMCE Advanced is really easy to use too! Nice work!

  20. Awesome, Jackie – thanks for showing us how it works!
    Oh – and I LOVE being in the KISS club, and getting all this info first! :D

  21. Oh, I love this! I’ve used the Amazon widget on my page, but I like this a lot better.

    Thanks for yet another great tutorial!

    • Jackie Lee says:

      I tried creating an astore the first time I tried this, but didn’t like that the links didn’t go straight to Amazon ~ let them do the upselling for me. I just haven’t found the widgets to be very effective. glad you found it helpful. Let me know what you come up with! :)

  22. Good to know! I’m a WordPress plugin junkie! I just stumbled on the plugin last week that allows you to create a forum in WordPress too! I’m going to pass on your post to a few of my friends I know will benefit greatly!

    • Jackie Lee says:

      Thanks Gayla, and thanks for your tweet. My kiss club actually uses one of the forum plugins ~ makes it so simple. :)

Speak Your Mind

*