Your WordPress site is perfect as a central hub for online marketing. One reason is how well it integrates with social media. For example, these platforms are great if you want to embed Twitter content, display TikTok, or display Pinterest images in your WordPress posts or pages.
WordPress includes a few ways to display Pinterest content, but there are also “official” ways. Fortunately, they are all easy to implement on your website.
In this post, we’ll provide two ways to display Pinterest images in WordPress and walk you through the steps. Before that, let’s talk more about why Pinterest is a great integrated social media platform.
The benefits of integrating Pinterest and WordPress
Right off the bat, we’ll admit that Pinterest isn’t going to be a one-size-fits-all platform. For example, legitimate businesses will not be active on the platform, nor will medical companies. This is because the platform focuses primarily on images.
While Pinterest does have informational content, the main image format is not aligned with the more “serious” industry.
Of course, this is not an exclusive list. However, there are a few niches you’ll find that are great for using Pinterest:
Lifestyle businesses such as yoga studios.
Craft stores and general creative or artistic websites.
If you are in one of these areas, you are a good partner. Pinterest has a huge reach, with nearly 460 million users by the end of 2020. Even targeting 0.10% of this user base gives you a potential audience of 460,000 people.
Overall, Pinterest will be a great way to showcase your wares, especially if you’re selling products. Where your niche and audience intersect, there is a lucrative marketplace to promote.
How to Display Pinterest Images in WordPress Posts or Pages (2 Methods)
While there may be more ways to display Pinterest images in a WordPress post or page, we will focus on the following two:
Create a widget using Pinterest’s official tools.
If you’re already using Automattic’s plugin, use Jetpack’s Pinterest Block.
Throughout the process, we’ll walk you through the steps and take you from zero to Pinterest hero. We’ll also explain why this article doesn’t specifically mention some other methods you might encounter (such as WordPress plugins or embed codes).
1. Use the Pinterest Widget Builder
First off, the official Pinterest Widget Builder is a great way to embed content in WordPress. It’s worth noting, though, that there’s a similar option that ostensibly provides the same functionality, but doesn’t quite fit.
When browsing Pins, you may come across the Get Pin embed code option in the options menu:
get pin embed code
This gives you an iFrame snippet that you can paste into your website. However, during our testing, we were unable to get this feature to work. It’s a shame because for quick single Pins this would be ideal. We suspect Jetpack is the way to quickly embed Pins, we’ll discuss that later.
However, the Widget Builder is easy to use, and despite the fiddling around in WordPress’ core files, it’s our recommended approach. Let us walk you through how to use it.
1. Find the URL of your Pin
First, you need the URL of your Pin (i.e. the image you want to display in WordPress). It’s as simple as finding the URL of any page on the Internet. However, you can get it from several places.
Of course, the browser’s address bar is simple…
pinterest address bar
…but there is also a dedicated copy link button as one of the options in the share icon:
copy pinterest link
Once you have the URL for your Pin, you can start creating your gadget.
2. Create your Pin widget
Next, head over to the Pinterest Widget Builder. There are five options to choose from, and while they all serve their own purposes, we’re focusing on the Pin widget:
Here are a few fields to help your gadget take shape:
Fixed URL. This is the URL of your Pin, you should paste it here.
pin size. You can choose Small, Medium or Large for your Pin, and you can also hide the description here.
After making your selection, you’ll see the Preview pane update. This gives you a sneak peek at how your gadget will look on the front end:
pinterest share preview
Below this you will see several code snippets. We’ll need these next, so keep the gadget builder open and go to the final step.
3. Add the widget code to your WordPress core file
To display a Pinterest image in a WordPress post or page, you need to insert two code snippets in the Pinterest Widget Builder. This used to involve third-party plugins, but WordPress now has its own editor that’s perfect for one-off tasks like this.
Before starting, it’s important to have a clean and up-to-date backup, as well as a sub-theme. This helps preserve your site when there are updates and provides you with a fallback should the worst happen.
You can find the code editor in the Appearance > Theme Editor screen of your WordPress dashboard:
Once here, select your subtopic in the upper right corner:
Choose a topic
Next, find the Theme Footer</body> file in the list on the right side of the screen and scroll down to the tab. Before that, paste the following code:
<script async defer src=”//assets.pinterest.com/js/pinit.js”></script>
You can quickly locate the position with the <?php wp_footer(); ?> line:
theme footer file
Once you’re done, save your changes and head to the article or page you’d like to display the Pinterest image on.
4. Add Widget Code to WordPress
The final step is to showcase your Pinterest Pin. To do this, go to an article or page of your choice and insert a new paragraph block.
While you could use a custom HTML block for this, our testing did not yield a working example. Since the widget is a link, we can use it in a paragraph block and use its functionality.
After adding the block, you need to open the code editor from the WordPress menu in the upper right corner:
Once open, find your new paragraph and paste your code from the gadget editor output:
You can now exit the code editor. Before you save your changes, feel free to use the paragraph block settings to align your Pin widgets in your post. We chose center alignment, but you’re obviously free to do whatever you want:
While this is a solid way to display Pinterest images in a WordPress post or page, there are other ways. Let’s look at the platform-specific methods.
2. Display Pinterest Images in WordPress Posts or Pages with Jetpack
Unfortunately, there are not many suitable plugins available for displaying Pinterest images in WordPress posts or pages.
gs pins plugin
For example, Pinterest’s GS Pins looks like it can do the job, but you can only display individual Pins as widgets. Although the plugin is regularly updated and has good reviews, it is not flexible enough for our needs.
Jetpack is the only plugin we know of that has the ability to embed a single Pin on your website, and it fits our bill as well.
Of course, Jetpack is installed and activated like any other plugin. When ready, you should follow the first method to get the URL of the desired Pin. Once you have it, head over to your post or page and add a Pinterest block:
Next, add the URL of your Pin and click Embed:
pin embed code
Finally, save your changes and view the Pinterest image on the front end of your website:
Front-end pin image display
Unfortunately, there isn’t much in the way of customization. It’s a shame, because for Jetpack users, this method will be the first stop. Unless you want to dig in and add custom CSS classes, it’s probably not the perfect solution for your needs.
Pinterest isn’t going to be the social media platform every business wants to use. Even so, the user base of a company that aligns with the platform is huge — and your potential revenue could be the same size.
There are two main ways to display Pinterest images in WordPress posts and pages. Let’s do a quick recap again:
Create rich embeddable widgets in WordPress with the official Pinterest Widget Builder.
If you’re a Jetpack user, you can use the included Pinterest Block to display images in WordPress posts and pages.