How to Show Pinterest Photos/Images in a WordPress Post or Page
- Last updated:
- Leave your thoughts
With over 100 million active users and over 1 billion boards created, Pinterest is the world-leading site for cataloging ideas and inspiration.
Unbeknownst to some, Pinterest lets you show content from the site on your own WordPress site. Showing a Pinterest image in WordPress is slightly more complicated than other social networks (internal link here? for example YouTube and Instagram), but still an easy process.
This post will show you everything you need to know to show Pinterest images in a WordPress post or page.
Building a Pinterest widget
The first task is finding a Pinterest image you want to show on your WordPress site. You’ll need to be doing this on desktop, rather than the mobile or tablet apps. Copy the URL of the image you wish to show to your clipboard.
Next, head to Pinterest Developers’ widget builder. Here you can create the widget which will allow you to show images on your site.
Add the URL of the image you wish to show, choose a size (Large will be full width for most WordPress sites) and choose whether to display a description. Pinterest will generate a preview of what the image will look like on your site. If you’re happy, it’s time to embed the code onto your WordPress site.
Embedding a Pinterest image to WordPress
We’re now ready to add the code. The process is the same for WordPress posts and pages, so it doesn’t matter which you’re using. Either create a new post or page or edit one you’ve already created.
Switch to Text mode and find where you want to add the Pinterest image. Hit return twice to add a new line for the Pinterest image to go. Now return to the widget builder, copy the top line of code and paste it into WordPress.
You now need to immediately return to the widget builder and copy the bottom line of code. Switch back to WordPress, scroll to the bottom of the post and add two new lines again. Now paste the second line of code. If you’re adding multiple images on the same page remember you only need the second line once per page.
Displaying Pinterest images in WordPress
The final step is where you need to be careful: publish or update or your post or page, but don’t switch out of Text mode (and back to Visual). Because of a quirk in how WordPress handles certain types of code, switching back to Visual will remove the first line of code you added – and your Pinterest image.
If you do switch back, you’ll need to add the first line of code again, so be careful!
Once you’ve published or updated, check the public version of the post or page and you’ll see the Pinterest image added.
Pinterest mission complete
Pinterest’s widget creation tool makes it easy to add images from the huge wealth of content on the social network to your WordPress powered website.
This post has shown you everything you need to know – so now go and make use of the great resource!