Squarespace is a good-looking CMS that is a popular choice for many, but it can be a challenge to find help on exactly what you need to do, especially in integrating another technology or plug-in - in this case, Pinterest's Rich Pins. So here's our guide on how to add Rich Pins to your Squarespace site.

  1. After you log into your Squarespace account, go to the settings for the page that you want Rich Pins on.

    Settings

    Note that you need to add the appropriate meta data that relates to the type of pin you desire. The types of pins are:

    • App
    • Article
    • Product
    • Recipe
    • Movie
    • Place
  2. Select "Advanced" from the tabs at the top. This will show the code injection interface for the page - you will need to put in customised metatags into this page.

    Advanced Settings

    Below are example meta data for an article. For a full reference, go to http://ogp.me/.

    <meta property="og:title" content="Title" />
    <meta property="og:description" content="description/>
    <meta property="og:published_time" content="DD-MM-YYYY" />
    <meta property="og:modified_time" content=" DD-MM-YYYY " />
    <meta property="og:description" content="Description" />
    <meta property="og:author" content="Author" />
    <meta property="og:section" content="Section" />
    <meta property="og:tag" content="Tag" />
    <meta property="og:type" content="article" />
  3. After the meta data has been added (and saved your changes), you should test the URL at Pinterest's handy Rich Pins Validator.

    Rich Pins Validator
  4. If all goes well (validated), enable the Rich Pin by applying it to the URL you have tested. Rich Pins will take around an hour to validate.

    Rich Pins Application

    Here's an example of how it'll look whenever someone pins one of the images with Rich Pins data applied (based on the screenshot in Step 2 above).

    Front view

That's it! Hope it works for you. A few things to keep in mind:

  • Rich Pins will only be visible to someone who has "pinned" an image from your website;
  • Changing the information of your site will automatically update your Rich Pins.
  • Changes to your Rich Pins may take up to an hour to be updated.

For more information, see the following links: