Adding Shoprocket to your Blogger is very easy.
To start, you need to edit your HTML on blogger, so go to your "theme" tab, and from there click on the "HTML" button.
From here, you will see all your Blogger HTML. You do not need to edit any of this, simply scroll to the bottom, and add the first block of your Shoprocket integration code before the closing </html> tag, then press save.
Occasionally, Blogger posts a warning label saying the Shoprocket code is incorrect, due to a closing </input tag> being missing. This is easily rectified by adding a / at the end of this line in the Shoprocket code:
<input type="hidden" name="sr-companyid" id="sr-companyid" value="12100">
<input type="hidden" name="sr-companyid" id="sr-companyid" value="12100"/>
Save your Theme, and then when you preview your page, your Shoprocket basket will have appeared.
You can then add your shop to any of your posts. Simply edit a post, select the HTML editor, and add the second block of Shoprocket code wherever you want to place your store.
Update your blog, and your shop will appear.
And that's it! If you need any help, feel free to email us on [email protected]