Affiliate Widget How-To
Print
Modified on: Wed, 28 Jul, 2021 at 2:50 PM
The most effective way to drive sales to your storefront is through your affiliate links. Recently, we have added a new function to further entice your loyal readers to purchase from your storefront.
Our Embeddable Affiliate Widgets are an excellent way to implement a direct link from your website to your Bookshop storefront. To add these widgets to your website, simply search the book you wish to promote on our platform. Scroll down to "Embeddable Affiliate Widgets" and copy the widget code you desire to add to your site. Then proceed to paste the code into the backend of your website. |
| |
|
Book Widget | The "Book Widget" will display the cover and price, as well as your storefront name and a "Buy This Book" button for any book you wish to recommend on your website.
|
|
|
Book Button Widget | The "Book Button Widget" will simply embed a "Buy On Bookshop" icon for your readers to click on.
|
|
|
Search Widget | The "Search Widget" will allow your readers to search for any book they are interested in reading and direct them to our platform, and you will be credited for that specific sale placed on our platform.
List Widget
You can now also link to entire list lists via our widgets on Bookshop! Simply go to the list you wish to link to, scroll down, copy the "List Widget code" and paste into the backend of the site you wish to have this list on. You will be credited for all sales from this list widget, and the customer will become cookied (or tagged) to your storefront.
|
|
|
FOR WIX USERS:
There is a slight workaround that needs to be implemented for those embedding our widgets on Wix-hosted sites. See instructions below:
Bookshop widgets now work on Wix sites using the Embed a Widget option.
 There is a known issue with how Wix determines whether or not to render a visual widget that unfortunately requires a manual work around. Without this workaround, Wix assumes the Bookshop.org widget to be akin to a tracking pixel or similar non visual element that it then places the <head> tag of the page's HTML instead of in the <body> where all the visual elements live. The work around then is to include a special html entity for a blank space " " before the script which will then force Wix's site to assume the correct handling of the Bookshop.org widget. Example of the edited script below: <script src="https://bookshop.org/widgets.js" data-type="list" data-affiliate-id="books-i-m-reading-and-still-haven-t-finished"></script>
Example in the Wix widget editor.

|
Did you find it helpful?
Yes
No
Send feedback Sorry we couldn't be helpful. Help us improve this article with your feedback.