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.
After you log into your Squarespace account, go to the settings for the page that you want Rich Pins on.
Note that you need to add the appropriate meta data that relates to the type of pin you desire. The types of pins are:
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.
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" />
After the meta data has been added (and saved your changes), you should test the URL at Pinterest's handy Rich Pins Validator.
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.
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).
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: