• Social Links
  • Contact
  • Menu

Gord McLeod

Streamer & Content Creator
  • Social Links
  • Contact
amazon-send-to-kindle_t.png

How to Use Send to Kindle With Squarespace Blogs

March 20, 2013 in General

Amazon just made available a "Send to Kindle" ​function that allows bloggers to make it easy for people to read their posts on Kindle reading devices of all types. As a big Kindle fan, I was intrigued, but couldn't find any resources at hand to make it easy to set up on Squarespace websites.

I didn't want to just give up, so I decided to figure it out. It turns out that it's actually pretty easy. I just had to work out the CSS classes Squarespace uses and then work out where to put the code snippets Amazon generates.

Lucky for all my fellow Squarespace users, I've done all of this already and am happy to share!​

Squarespace CSS

squarespace_css_01.png

For marking the title, author and publication date, select Custom CSS Selectors.​

  • Article Title: .entry-title
  • Article Author: .author
  • Article Publication Date: .date

​

squarespace_css_02.png

​For marking the main body of content on your pages, again select Custom CSS Selectors.

  • Main Content Body: .sqs-block-content

​I didn't exclude any content. If you want to do that, more research will be required, I'm afraid. Likewise, my content is not paginated, so you'll have to do a bit of investigation if you have to cope with that.

Code Injection

​The code injection part of the process is fairly straight-forward.

Generate ​widget code on Amazon's Send to Kindle page first. It gives you code for two steps. Step 1 generates javascript code to make it work. Step 2 generates HTML code using the custom CSS selectors.

From the Settings menu, go to Code Injection.​

The Javascript from Step 1 gets pasted somewhere into the Footer code of your site. This makes it functional on every page of your site. No matter how many blogs you have on your site (I have three,) this one block of code will work for all of them.​

The HTML ​from Step 2 gets pasted into each blog individually.

​Go to the Content Manager and take a look at the blog you want to apply Send to Kindle to.

​Click Blog Settings, and go to Advanced from the top.

Paste the Step 2 HTML code into "Post Blog Item Code Injection."​

​Advanced Link Placement

​Because the Step 2 code is HTML, you can theoretically put it anywhere you want in a blog post. Putting it in the footer will place it at the bottom of a post. Don't put the code in "Page Header Code Injection"; you need it placed in the blog post, not on the page containing the blog post.

If you want it elsewhere within a blog post, like at the top, you can insert an HTML code block into the post and put the HTML code there. If you decide to go this route, you will have to do it individually for EVERY blog post you want to use Send to Kindle with. Unfortunately I haven't figured out a way to edit a blog post header yet; I assume there is no such thing in the current implementation.​

If anyone does look into content exclusions and pagination, I'd love to hear about it. Hope you found this helpful!​

Creative Commons License
This work and all written work contained within this site is licensed under a Creative Commons License by Gordon S. McLeod. All other rights reserved.
Send to Kindle
Tags: blogging, Amazon, Kindle, How-To
Prev / Next

Wells Blog

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.


Featured Posts

Summary Block
This is example content. Double-click here and select a page to feature its content. Learn more
Featured
Jun 20, 2025
Aenean eu leo Quam
Jun 20, 2025
Jun 20, 2025
Jun 13, 2025
Cursus Amet
Jun 13, 2025
Jun 13, 2025
Jun 6, 2025
Pellentesque Risus Ridiculus
Jun 6, 2025
Jun 6, 2025
May 30, 2025
Porta
May 30, 2025
May 30, 2025
May 23, 2025
Etiam Ultricies
May 23, 2025
May 23, 2025
May 16, 2025
Vulputate Commodo Ligula
May 16, 2025
May 16, 2025
May 9, 2025
Elit Condimentum
May 9, 2025
May 9, 2025
May 2, 2025
Aenean eu leo Quam
May 2, 2025
May 2, 2025
Apr 25, 2025
Cursus Amet
Apr 25, 2025
Apr 25, 2025
Apr 18, 2025
Pellentesque Risus Ridiculus
Apr 18, 2025
Apr 18, 2025