How to add VendingBox store to your blog.

In this article I’m going to show you how to add a store to your Blog… let's just start with Blogger.com as it is the most widely used…

Aim:
To place a widget style Store tab on the right hand side of your blog site… Just like the one on this blog, on the right… give our sample store a click now, so you can get an idea of how it will present itself… and click the tab once more to make it close again…

Part I – Create your Widget code and define how it will appear.

1) Go to www.vendingbox.net and sign in to your account…

2) You will have arrived on the “Preview” page, on the “Preview” tab.

3) Click on the tab at the top that says “Widget”.

4) In here you will see the screen shown below – Click into the field that says ‘Widget text’ and specify what word you would like the side-tab widget to display when it is visible on your blog. e.g. “STORE”, or “PRODUCTS” or otherwise…




5) Consider also if you would like to make your VendingBox appear in a specific size by changing the number of pixels wide and long you wish it to be.

6) Once your happy with your choices, click “Generate Widget Code”.

7) Your widget will instantly appear as a widget on the current screen, acting as a preview of what it will look like when you place it on your blog.

8) Make sure you are happy with how it appears and make changes as required.

9) Leave this page open for now – we’ll come back here shortly to pick up the code we need later…. Open up another browser so you can navigate to your Blog site.


Part II – Add the Store Widget to your Blog.

1) Go to you Blog, sign in, and go to the ‘Dashboard’ where you configure and update your blog etc… In this “Manage Blogs” panel you will see a link named “Design” – click on it. In here you will be able to Add and Arrange Page Elements.

2) Now you will see a layout and various elements. Find any one of them that is labelled “HTML/JavaScript” and click on it.

3) You will now see a space into which you must “Paste” the Widget code, available from the Widget tab in VendingBox that you configured in ‘Part I’.

4) To do this, simply highlight the ‘Widget code’ from your VendingBox browser using your mouse, right click and choose “Copy” – then go to the Blogger Design control panel, right click and “Paste” the code into the Panel you opened up for ‘HTML/JavaScript’ code.



5) Once you see it in place, click “Save”. It will save and close.

6) Towards the top right you will see another “Save” button that you must click.

7) Click “View Blog” and you will now see your VendingBox widget tab appear on your blog.

Just like the one on this page!

Note too that you can add our store widget to any web platform that supports Javascript. Just ensure that the Widget Code used is within opening and closing HTML 'body' tags.


Don’t forget to inform your followers, friends and fans of your new development and promote and drive traffic to your Blog-store by way of promotions and the social sharing tools available to you in VendingBox.

Drop us a line any time with your site, store and page details for custom advice on how you can drive traffic and get more attention from customers by using VendingBox’s many built-in SEO and promotional tools.