Hello, SEers! Harmony here 🙂
Recently, I had to update my webpage to reflect a book release due out soon. I realised that I had forgotten completely how to make the book previews that I’d done for my other books, lols. So, good old Google came to the rescue. Then I thought that it might be useful for folks if I outlined the process of Embedding Amazon Book Previews into your website here. If you know all this already, then of course feel free to ignore me! The other benefit of sharing this is that, in writing it all out, it might actually embed in this brain of mine! (Miracles have been known to happen.)
Happily, unlike donating digital gifts (including ebooks), this feature works on both Amazon UK as well as Amazon US. Yay! (Sorry, but being in the UK, that’s one of my gripes, ha ha.)
The first step
is to locate the sales page for your ebook.
The second step
is to locate the ‘Embed’ option. See the screenshot below:
The third step
is to click the ‘Embed’ button. You should see a dialogue box like this:
You will see that you have two options: One, copy and paste a URL into your post/onto your page; and, two, to embed a code into your post/page. This first option is the most straightforward; however, the second one proves much more rewarding.
To embed, then the fourth step
is to select the ‘Embed on your site (HTML)’ option. (See below.)
The fifth step
is to copy the embed code. (Ensure that you have the ‘Embed’ option selected as above.)
The sixth step
is to go to your blog/website editor. Now, I use WordPress, and am only conversant with that platform. So, if you use another platform, such as Blogger, etc., you’ll have to look up how to find the HTML editing bit. I show you how to do it in WordPress below.
Your screen will look like this:
The seventh step
is to click on the ‘Text’ tab (next to the ‘Visual’ tab), so that the HTML for your page/post shows. Paste the copied embed code where you want it. Then, to check how it looks, click on the ‘Visual’ tab again. (Don’t worry, if you’ve placed it incorrectly, you can move it in both the Visual and the Text areas until you have it displayed where you want it.)
To aid you in finding where to paste the embed code once you’re in the ‘Text’ tab, then while in the ‘Visual’ tab, type in a word (such as the book title), and then hit return. This will give you an anchor to lock onto amidst all that HTML. For example, if I type in MOMENTS, and then hit return, what I see in the HTML (Text) area is:
<h1><span> MOMENTS </span></h1>
This shows me that I can place the HTML embed code below my book title to get the placement as in the screen shot below.]
That’s it, all done! Using HTML can feel daunting if you’re not used to it, but embedding opens up so many avenues for your website/blog. You can embed your YouTube videos with the same method too.
Below are some screen shots of how my webpage looks with the Amazon Previews of my books embedded …
You can also buy, share, and read from this preview …
I hope you found this helpful. Thanks for stopping by 🙂