September 10, 2012

Create Online Store With Blogger Default Template

blogger template
By default blogger has provided a ready-made templates, namely Dynamic Views, Picture Windows, Simple, Watermark, Etheral and Awesome Inc. I want share my experience about how to create online store using those template above and combine it with some tutorial about blogger tips and trick. In this post the template use Picture Windows Template.

And for your information this store template not design with shopping cart, order product using email , sms, or phone and use payment method trough local bank transaction.

First Login to your blogger Dashboard.

After that you should Create Order Form Page, How to Shop Page and Contact Us Page from your Blogger Post Page. You can read my post about how to make Order Form with blogger page , and How to Page is an explanation of how to shop in your store.

If you finished with things above, now you must make your latest post showed thumbnail and summary, and how to do that see this page http://bloggershoptemplate.blogspot.com/2012/05/blogger-related-posts-with-thumbnail.html,

Now the final step is create an post template, so you can posting your product with more simple way, go to your Dashboard >> Settting >> Post and Comment  >> Post Template, and Add this code below.
Or from Old blogger interface Dashboard >> Setting >> Formatting >> Post Template.

<table border="1" style="width: 500px;"><tbody>
<tr><th class="item_thumb" id="thumb" width="40%"><a href="Your-Image-URL" rel="nofollow">
<img alt="YourALT" border="0" src="Your-Image-URL"
style="display: block; height: 164px; margin: 0px auto 10px; text-align: center;
width: 148px;" /></a></th><td><span class="item_add">
<a href="http://Yourblogger.blogspot.com/p/order-form.html" target="_blank">
Order Now</a></span></td></tr>
<tr><th>Product Name</th><td class="item_name">Your-Product</td></tr>
<tr><th>Price</th><td class="item_price">$Your-Price</td></tr>
<tr><th>Description</th><td class="item_Description">Your-Product-Description</td></tr>
<tr><th>Related Product</th><td>Your-Related-Product-Image-URL-Goes-Here</td></tr>
</tbody></table>

Change red color word with your destination url and your product, below how it look on your post page:
post template
Go post some product and look for the result on your page.

You can choose whatever the default template you want used, if you plan using shopping cart and payment method like PayPal, try combine it with simplecart.js, but I dont talk about that in here you can search information by your self.

You can find about store template in this blog with this link More Blogger Store Template, I hope this post can useful for somebody who need it, thank you.

21 comments:

  1. Excellent information. This site definitely explains essential concepts to its readers. Thanks for continuing to write such wonderful articles
    Establishing Business Value

    ReplyDelete
  2. Thanks but how to remove labels that i dont need them?

    ReplyDelete
    Replies
    1. you're welcome, what labels you means?
      if you means label on gadget just click remove on gadget, if labels name on post template, remove from <tr> to </tr>
      example, remove below text will remove Product Name and Your Product
      <tr><th>Product Name</th><td class="item_name">Your-Product</td></tr>

      Delete
  3. Very informative post for me as I am always looking for new content that can help me and my knowledge grow better.
    Gr8…Keep it up!!!!
    Search Marketing Company Michigan

    ReplyDelete
  4. I found some labels (gadgets) that can be removed, another can not. I removed them trough 'Layout' menu and it works for a while, but then they appear again after page refresh. The unremoved gadgets all linked to 'Label1'. Once I made a new post, the gadgets also updated as well as 'Label1'.

    I don't mind if they can be used as another group of posts, for example; if 'Label1' is a group of posts based on product, then 'Label2' is group for posts based on brand.

    Or if 'Label1' is group of 'shirts' then 'Label2' is for 'pants'. Can I make them so?

    ReplyDelete
    Replies
    1. You can try this steps:

      Give your new post two labels (brand and product) from post setting >> labels

      From layout, add gadget >> labels , now you have to configure labels, click selected labels and click edit, on bottom of gadget you can show list of all your gadget, just unchek the labels you don't want to show and save gadget.

      Repeat steps above to show your others labels.

      If this what you mean, I think you could separate them now.
      I hope this can helpful.

      Delete
  5. Thank's a lot! it helps. I'm just too old to learn all of these.. :D

    ReplyDelete
    Replies
    1. you're welcome, Busana Muslim Nusantara

      Delete
  6. I was looking for a entice and glorious information. Intensely i meet to your blog and read your post. Really very nice blog with a marvelous stuff.
    garage builders michigan

    ReplyDelete
  7. Awesome work.Just wanted to drop a comment and say I am new to your blog and really like what I am reading.Thanks for the share..
    private high schools

    ReplyDelete
  8. Many ecommerce solutions providers offer free ecommerce templates as part of their package. Some shopping carts provide free templates in various designs and color schemes. For those who are new to ecommerce, this is a welcome feature as it does not incur any additional costs.

    Thanks
    creating a shopping cart

    ReplyDelete
  9. Welcome to Branddesignerstore.com, your premiere online source of high-end sunglasses from the world's leading designers! Our brands include Gucci, Boss, Carrera, Yves Saint Laurent, Juicy Couture, Kate Spade, Marc by Marc Jacobs, Tommy Hilfiger and other unique product found only in the best boutiques around the world.

    gucci sunglasses for women designer

    ReplyDelete
  10. the best adwords companys I was looking for a entice and amazing details. Incredibly i meet to your web page and study your post. Really very amazing blog site with a excellent things.

    ReplyDelete
  11. Thanks for providing the information about the Free Store Online .

    ReplyDelete
  12. Thanks a lot for sharing this informative blog. Looking forward for the posts like this. Thanks once again.
    free online store template

    ReplyDelete
  13. Thanks for the nice blog. It was very useful for me. Keep sharing such ideas in the future as well. This was actually what I was looking for, and I am glad to came here! Thanks for sharing the such information with us.

    Internet Shopping
    antivirus online shopping

    ReplyDelete
  14. It is a huge important story and useful for everyone. Custom Printed Gildan T-Shirts

    ReplyDelete