The more readers an author has following them or their books on BookBub, the more effective their BookBub promotions can be. That’s because:
- Whenever an author launches a new book, their followers receive a New Release Alert — a dedicated (free!) email promoting the new book.
- Whenever an author runs a BookBub Featured Deal, their followers and any readers who’ve bookmarked the book as “Wanted” receive a deal alert.
To help authors get more BookBub followers and bookmarks, we’ve created buttons and icon sets for use on their websites or blogs. We’ve also included instructions for how to use them, and examples of BookBub icons in action on some authors’ websites!
To download the full icon set right away, click here:
These “follow” or “follow me” buttons can be added to a website’s sidebar, header, or wherever it best fits into the site’s design. The button should link to the author’s BookBub Author Profile. Readers who click through will see the option to follow the author on that page.
These “bookmark” buttons can be added to a website’s homepage or books page to encourage site visitors to bookmark a book on BookBub. The button should link to a specific book page on BookBub.
10 Social Media Icon Sets
Authors’ websites commonly include icons linking to each of their social media profiles. Now they can also include an icon linking to their BookBub Author Profile! In addition to the BookBub icon, we created icons for the most popular social media channels so that all of the icons you use have a consistent look and feel. Each icon set includes the following sizes:
Click on an icon set name to download a zip file including all of the sizes in that style!
How to Add a Button to a Website
While we can’t provide instructions for every website platform and CMS available, here are the basic instructions for how to add a button using a bit of HTML code.
Step 1: Download any of the images above.
- If downloading a button, right-click the specific image above and click “Save As…”.
- If downloading an icon set, download the zip file, extract the sub-folders, and find the icon size you prefer.
Step 2: Upload that image to the website and copy the URL of the image. (This method will differ based on the website platform or CMS.)
Step 3: Add the following HTML code to the sidebar, footer, or another place on the website. (Make sure to use an HTML or plain-text editor rather than a WYSIWYG or rich-text editor.)
<a href="https://www.bookbub.com/authors/your-author-profile?follow=true"><img src="your-image-URL.png" alt="Follow me on BookBub"></a>
Remember to change the following elements:
- href URL = the URL of your Author Profile or book page on BookBub
- img src URL = the URL of the image you copied in Step 2
- alt text = if necessary, change “Follow me on BookBub” to “Bookmark on BookBub” or whichever site this icon is linking to (e.g. “Like me on Facebook”).
Note: Adding ?follow=true to the end of your public profile URL means users who are signed in to BookBub will automatically follow you. (For example: https://www.bookbub.com/authors/james-patterson?follow=true.) If the user is not signed in to BookBub, they will simply land on your Author Profile without automatically following you.
How to recolor icons to fit a website’s design
If none of the icon sets above fit the look-and-feel of the website you want to add these to, you can change the color of the “Black icons” set or “Hand-drawn black icons” set to any color you’d like.
Step 1: Click one of these icon sets to download it:
Step 2: Follow the instructions here: 4 easy ways to recolor icons.
Examples of BookBub icons in the wild
Here are a few examples of authors including BookBub icons on their websites. They’ve each installed customized icons, but this can help you get an idea for where you can place these icons.
Debbie included social media icons — including a BookBub icon — in the space above her website’s top navigation.
She also included a larger version of these icons in her website’s footer.
Glynnis included her social media icons above her website’s header.
Jessi added a BookBub icon to her bio page and her website footer, which appears on each page of her site.
Once you add these buttons and/or icons to your website, let us know in the comments below! We’d love to see more BookBub icons out in the wild.
Want to share this post? Here are ready-made tweets:
Click to tweet: BookBub Follow & Bookmark Buttons for Authors’ Websites – http://bit.ly/2mEQwg8 by @DianaUrban #amwriting #pubtip
Click to tweet: #PubTip: Get more @BookBub followers by adding a BookBub follow button or icon set to your author website! http://bit.ly/2mEQwg8