Step 1 - Grab Pinterest's Code
The first thing we need to do before we can use Pinterest's embed feature is to grab a specific script and place it into your website.
You'll want to head over to Pinterest's Developer site and then to their Widget Builder. Here's the link:
https://developers.pinterest.com/tools/widget-builder/?type=pin
Scroll down to the bottom to get to the code you need. It's the last one on the page. Or, you can just copy it here:
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
This goes before the </BODY> in your website.
There are a couple of ways you can get this code into your site:
- Some themes have a section dedicated to scripts. If that's the case for you, you would add this script into the form that says something like "Add before the closing body tag."
- You can add a plugin that allows you to easily add scripts into your website, as Triblu suggested in my video training. Her tutorial on that is here: https://my.wealthyaffiliate.com/training/why-use-headers-and-footers-plugin
- Use the Theme Editor to add the code into your site
Honestly, #1 and #2 are the best options. Also, if you add the code directly into your theme editor, and then you change your theme, that code is gone and you'll have to re-add it.
But I'm going to show you how to do it through your theme editor anyway just so you know how to do it.
How to Update Your Theme Editor With the Pinterest Code
1. Log into your website.
2. Go to Appearance --> Theme Editor in your Wordpress Dashboard
3. In the Theme Files (on the right side), go to Theme Footer (footer.php) and click on it.
4. Scroll to the bottom of this page.
5. Locate the </body> tag.
6. Add your Pinterest script above this tag.
And the first step is done!
Next up: Saving pins to your own board.
Bob