The Send to Kindle Button for Websites

Welcome to the Send to Kindle Button Developer Page. The Send to Kindle Button lets readers save your content to read later on their Kindle, at their convenience. Adding this button to your website opens it up to millions of Kindle customers that want to enjoy your content on their Kindle.

The button can be added to your site in a few simple steps. After picking the button design that fits your page, just tell us how you mark the title, author, publication date, and body of your webpages. If you already have the Facebook button or use popular standards like Schema.org or hNews, just let us know and we will know where to look for that info.

If you are a Blogger user and have chosen a "Classic" template for your site, just select that option below. If you don't use a "Classic" template, choose the schema.org setting.

Choose your button style

Select from the following button and font styles to match the design of your website. As you make your selections, the button below will give you a preview of how it will look on your page.
Text:

Font:

Icon Color:

Icon Size:

Theme:

Border:
Live Preview:
Send to Kindle

How do you mark the title, author, and publication date on your pages?

If you use Facebook's Open Graph, schema.org, or hNews, let us know and we will know where to look. If you don't use any of these, select Custom CSS Selectors and tell us specifically how you mark the title, author and publication date.
How to markup metadata with the Open Graph specification?
Facebook's Open Graph meta tags allow you to define the title, author, page name and publication date. If you need more information about using Facebook's Open Graph protocol, visit the Open Graph Protocol website. For a short example, click here.
How to markup metadata with the schema.org specification?
schema.org is a standard to provide information about a website for search engines. It allows them to identify the relevant metadata of the page. If you need more information on how to use this standard, visit schema.org for full specification. For a short example, click here.
How to markup metadata with the hNews specification?
hNews is an open standard for news content. It allows you to describe journalistic work. If you need more information on hNews, visit microformats.org to get the full specification of the standard. For a short example, click here.
Article Title:
Article Author
Article Publication Date:
Using the Send to Kindle Button with Blogger / Blogspot.
Select this option if you are using a "Classic" Blogger template.

Otherwise, choose the schema.org setting.

How do you mark the main body of content on your pages?

If you use schema.org or hNews, just tell us and we will know where to look. If you don't use these, select Custom CSS Selectors and tell us specifically how you mark your content. You can also use custom CSS selectors to tell us if you want to exclude content or if you want the button to grab content from multiple pages.
How to markup content with the schema.org specification?
schema.org is a standard to provide information about a website for search engines. It allows them to identify the relevant metadata of the page. If you need more information on how to use this standard, visit schema.org for full specification. For a short example, click here.
How to markup content with the hNews specification?
hNews is an open standard for news content. It allows you to describe journalistic work. If you need more information on hNews, visit microformats.org to get the full specification of the standard. For a short example, click here.
Main Content Body:
Exclude:
Pagination:
Using the Send to Kindle Button with Blogger / Blogspot.
Select this option if you are using a "Classic" Blogger template.

Otherwise, choose the schema.org setting.

Do you sell a periodicals subscription on Kindle?

If you provide a periodicals subscription on the Kindle Store, please copy and paste the link to your listing and we will include a subscription offer in the preview box and any article that is sent from your website. For examples, see Time Magazine or Washington Post.

By clicking Generate widget code you accept the Terms & Conditions.
Step 1 Step 2
Insert the following scripts before the closing body tag on your website. Insert the following HTML markup where you want the button to be displayed on the page.

Frequently Asked Questions

Why don't my images appear in the preview window?

Usually, this is caused by hosting images on a different domain than what the content is hosted on, such as a content delivery network. By default, web browsers restrict scripts from downloading resources if the domains do not match. You can override this behavior by modifying HTTP headers related to Cross-Origin Resource Sharing. Otherwise, place a copy of the image on the same server as the content and that will be downloaded instead. Images that cannot be downloaded will not appear in the preview window.

How do I indicate multi-page articles?

Use a custom CSS selector for your content. The selector should point to a single link, which goes to the next page. For example, if you have a link to the next page with an id "next", use "a#next" as the selector.

What does "content body" versus "exclude" mean?

The content body refers an element on the page containing all of the content for a given article. If content is spread out across multiple paragraph tags, and all of those tags are contained in single section tag, the content refers to the section tag. Sometimes, unwanted elements such as sidebars, advertising, comments and other sections are inline with the content. You can exclude all of these pieces with a comma-separated list of CSS selectors

What are "CSS selectors?"

Just like CSS can specify which elements on a page to style, you can write selectors to specify which elements are part of an article. You can also provide a comma-separated list of selectors for exclusion to mark anything that is not part of the article. It is recommended to use CSS Level 2 selectors if you want to maintain compatibility with a wide variety of browsers.

Can I mix using CSS selectors with regular standards?

Yes! If you choose "Custom CSS Selectors" and leave fields blank, the standardized formats will be used as a fallback. This makes it easy to use selectors for excluding unwanted areas and supporting multi-page articles.

How do I get help, if my question is not answered?

If you need extended support or if you have questions that are not answered here, send an e-mail to sendtokindle-developerhelp@amazon.com (English only).
Send to Kindle for:  Google Chrome | Mozilla Firefox | PC | Mac | E-mail | Android | Website Owners