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. If you're using Microsoft Edge, it will also use the Google Chrome version of the extension, which you can download from the Chrome store.

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!

Getting the right title and description

There are a number of ways to add the title and description to your page, but the Tailwind extension will look for these tags in order -- one for title and one for the description:

Title:

  • data-pin-title attribute in the <img> element
  • og: title for the page in the <head> element near top of html
  • title: for the page in the <head> element near top of html

Description:

  • data-pin-description attribute in the <img> element
  • alt: attribute in the <img> element
  • title: for the page in the <head> element near top of html

If you're noticing the wrong title or description being pulled when using the extension, check to make sure that these tags are properly set up.

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

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.

  • 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 150px wide or smaller than 150px tall. 
  • 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" data-pin-title="REPLACE THIS WITH YOUR PIN TITLE">

</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?