In this Pinterest for WordPress tutorial, we’ll walk you through creating a widget to display a Pinterest board on your website.
Adding a Pinterest board to a WordPress site is a super easy way to jazz up your blog. You can embed a Pinterest board in any of your theme’s widget areas or add it directly to a WordPress page or blog post.
No Plugin needed!
There are a number of plugins that you can use but you really don’t need one. Pinterest makes it so easy.
Works with any WordPress Theme
This tutorial will work with any WordPress theme.
It works differently over on WordPress.com
How to Embed a Pinterest Board on your WordPress Blog
STEP 1: Go to the Board on Pinterest that you want to embed.
STEP 2: Click on the dots & then click Make a widget
A popup window will appear — like this ⟶
STEP 3: Copy the code provided to your clipboard
STEP 4: Now move over to your WordPress website …
If you want to add a sidebar widget go to Appearance -> Widgets (or open customizer). Add a text widget to the appropriate theme widget area and paste the code into the text widget.
If you want to embed the board in a page or post,
- Use this Pinterest Widget Builder for creating custom sizes.
- Grab the custom code and copy it to your clipboard. Return to WordPress and
- Edit the page →
- Switch from the Visual Editor to the Text editor and paste the code into the page.
- Then Update or Publish your page. Don’t worry that you don’t see the board in the visual editor. Just Preview the Post and you will see it in the front end.
That’s all there is to it!
You need to add the provided pinit.js code to your theme’s header.php file. You will need to be running a child theme or you’ll lose the code if your theme updates. You can also check your theme options to see if there is a field provided where you can paste the code.
If you’re not running a child theme or you’re still having problems — give this plugin a try.