How To Add Google Checkout Store Gadget On Blogger

I just added my Google Checkout Store gadget in my blog, it took me a while to fix it but it worked in the end. To make it easy for you, follow these steps.

Step 1: Set up your Google Checkout Merchant Account

• You can sign up free if you don't have a merchant account in Google here. Note down the merchant ID.
  
• If you have already a merchant account, you can find the ID here.
  
• Go to this link to enable unsigned carts. Uncheck the box that says "My company will only post digitally signed carts".
  

Step 2: Add your product lists in a Google Spreadsheet

• It is tough to start from scratch, so start from the Google template spreadsheet here and edit the spreadsheet by adding your products, shipping options and product options etc. It is very easy, start with one and see how it works before you can add more.
  
• Once you open the Google Spreadsheet, it will prompt whether you like to make a copy, click "yes, make a copy" and save the file under a different name.
• There are two options available shipping and product options. Follow these examples: By including an optional column named 'shipping', merchants can specify shipping charges per product. For each product, specify a numeric value to represent the shipping price per item. To specify free shipping for an item, enter a 0 for that item's shipping value. By including two optional columns, 'option' and 'option_name', merchants can specify options for their products. The values for the 'option' column should be in the format of a comma-separated list of product options. For example, the options for a T-shirt could be S, M, L, XL. If values are present in the 'option' column, they will be displayed as a select box above the Add to cart button in the Google Checkout store gadget. The 'option_name' column, if present, specifies a label for the select box, such as 'Size:'.
• Once you edit the spreadsheet, click save and then click on "Share".
• Select "Publish as a web page" from the drop down menu in "Share".
• Click the "Start Publishing" button and save the link address (URL), which you will need it later.

Step 3: Embed Google Checkout Store Gadget in Blog.

• Go to blogger.com
  
• Go to "Edit Layout" section in your blog.
• Click "Add a Gadget"
• And click "Add Your Own" at the left-hand side of the window.
• Choose the URL for your gadget and click "Add by URL". You can choose from the three store options "Large", "Small" and "Tiny". Small and Tiny options are OK for the blogs. To choose a Large store, use this URL: http://checkout.google.com/seller/gsg/beta2/large-store.xml. To choose Small Store, use http://checkout.google.com/seller/gsg/beta2/small-store.xml. To choose a Tiny Store, use http://checkout.google.com/seller/gsg/beta2/tiny-store.xml. The windows chosen will have the following sizes: Large: 800x400, Small: 320x300 and Tiny: 215x250.
• Once you choose the URL, copy that URL and click "Add by URL"
• Now you can enter the name of the store in "Title".
• Enter the Data Source URL from Step 2 (your spreadsheet URL)
• Enter your Google Merchant ID from Step 1
• Click Save

Your Google Checkout store gadget is ready to go. An example is given in this blog.

If you added your store gadget, add your link in the comments sections.

If you want to add this gadget to a website, iGoogle or as a full blog post see the instructions here.