The Tailwind browser extension is a tool that allows you quickly schedule images from all over the web to be published by Tailwind. The extension is available for Chrome, Safari, and Firefox.

When creating content for your website, you may want to make sure that your content is compatible with the Tailwind extension so that you can easily schedule your content directly from your website to Pinterest. You may also want to do this to ensure that your website visitors can easily schedule your content to their boards as well!

The Tailwind extension does not capture every image on a website, so it's important to understand why an image may not be compatible with Tailwind.

Common reasons that the Tailwind extension does not work with an image

  • iframes - If the content of your website is located within an iframe, the Tailwind extension will not be able to see it and it will not be able to be scheduled using the Schedule button or through the Tailwind bookmarklet.
  • Small images - The Tailwind extension ignores all images with an src image that is smaller than 151px wide or smaller than 151px tall. If you're using WordPress, the default thumbnail size is 150x150px, which is too small. You can increase this to 151px or larger in your Wordpress thumbnail settings (Settings > Media). After changing the setting, you'll have to update your old thumbnails for the new size. For this you can use a plugin such as Regenerate Thumbnails to update your old ones.
  • Private sources - The Tailwind extension will not be able to capture images from private sources that require a password to access. This includes services like Google Drive, Dropbox, email services, and Google Photos. This also includes private draft versions of unpublished blog posts. The Tailwind extension will only be able to capture images from publicly available sources.

Hidden Pins

Hidden Pins are compatible with the Tailwind extension, as long as the they do not have one of the issues listed above. Hidden Pins can be scheduled using the Tailwind extension bookmarklet. 

A simple way to hide Pins on a webpage is to include a div with the display: none styling. An example of a simple hidden Pin might look like this

<div style="display: none;">

<img src="REPLACE THIS WITH YOUR IMAGE URL" data-pin-description="REPLACE THIS WITH YOUR CAPTION">

</div>

Images embedded in web pages as open graph metadata will also be available to the Tailwind extension. Images in open graph metadata can be scheduled using the Tailwind extension bookmarklet as long as there is an og:image and an og:description tag included. You can read more about open graph tags for use with Pinterest in Pinterest's developer documents: https://developers.pinterest.com/docs/rich-pins/articles/ 

You can read more about using open graph tags and other Pinterest metadata in Pinterest's Developer Documentation.

Did this answer your question?