Book Sharing Widget allows Amazon Affiliate ID – Shelfari

Posted by on Aug 20, 2009 in Tools & Resources | One Comment

shelfari-logo

Shelfari is a sharing site that allows you to create a slick looking bookshelf with pop-up information, and buy now links that use your Amazon afilliate ID.

The great thing is that apart from this, Shelfari is a great looking website that’s fun, and it gets you excited about books, both the ones we’ve read and yet to discover.

To create your own bookshelf, with Amazon commissions you will need to:

1. Create an Amazon account here: http://www.amazon.com

2. Joint the affiliate program here: https://affiliate-program.amazon.com/gp/associates/join/landing/main.html

3. You will receive an Amazon ID that will look something like: astrorecor_20

4. Create an account at Shelfari here: http://www.shelfari.com5. Create a list of books that you want to display:

To do this you will have to browse Shelfari and designate categories for them. The rest of this guide assumes you have already done this.

After logging in to your account, go to Home nav at the top and select My Shelf.

01-home-myshelf

Next find the Shelf drop-down and select List View.

02-list-viewdrop-down

This will open a list view of all the books you have selected that will look something like this:

03-shelfari-list-view

6. Start creating the widget here: http://www.shelfari.com/widget

Choose the Javascript widget for the most options and uses.

04-javascript-button

Select a list from the menu.

05-select-a-list

Click the customize your widget button,

06-customize-your-widget

07-customize-widget

Select the sort order for the books and enter your afilliate ID.

08-sort-order-afilliate-id

Click Save and Continue.

08-save-and-continue

7. Copy the code Shelfari gives you into your website so that when published it will render your beautiful bookshelf.

WordPress users: Switch to HTML mode in your Edit Post screen, paste in this code and then press Update Post. If you switch back to Visual mode it will mash the code and it will not display properly on the front end. i.e. do this last.

09-widget-code-install

When you update the books on a particular list it will automatically change the ones in the widget.

And this is what it all looks like:

Shelfari: Book reviews on your book blog

I recommend pasting this code into a simple text doc to keep it for later. This code can be entered anywhere on the web where Javascript is allowed.

Here is the video Screencast just in case you just have to listen to my voice and SEE how to make this happen.

1 Comment

  1. Leslie
    July 11, 2010

    Excellent detailed instructions. Thanks for taking the time!

Leave a Reply

You must be logged in to post a comment.