Skip to Main Content

How to display Pinterest photos on WordPress

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

With over 100 million active users and over 1 billion cards created, Pinterest is the world's leading website for cataloging ideas and inspiration.

Unbeknownst to some, Pinterest allows you to display content from this social network on your own WordPress website. Posting a Pinterest image on WordPress is a bit trickier than on other social networks, but still an easy process.

This tutorial will allow you to post Pinterest images in articles / pages of your WordPress blog.

But before, let's discover together How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog.

Then, back to why we are here.

How to create a Pinterest widget

The first task is to find the Pinterest image you want to display on your WordPress website. You will need to do this on the desktop, rather than on mobile or tablet apps. Copy the URL of the image you want to display to your clipboard.

Then return to Developers' Pinterest page Developers to create a widget. Here you can create the widget which will allow you to display images on your site.

pinterest-widget

Add the URL of the image you want to display, choose a size (it will be full width for most WordPress websites) and choose to display a description. Pinterest will generate a preview of what your image will look like on your website. If you're happy, it's time to embed the code on your WordPress website.

How to embed the Pinterest image on WordPress

The Widget Builder Pinterest generates two lines of code for you. The first one (The top) needs to be put where you want your image and the second (Bottom line) is javascript code that will power the integration and needs to be added once per page - so if you are embedding multiple images, you will only need to add this code once.

Pinterest recommends that you add the JavaScript code just before the closing tag on your website, which is correct. Since you only need the code on the pages with Pinterest images, it is more efficient to do this rather than loading the Javascript Pinterest code on every page of your website.

See also How to create an ideal "checklist" for you and your customers

We are now ready to add the code. The process is the same for articles and WordPress pages. Start by creating an article / page or edit an existing one.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

change-dun-articel-page wordpress

Switch to text mode and find where you want to add the Pinterest image. Make a new line, to create a new line. Now go back to the widget builder, copy the top line of the code and paste it on the text editor.

add-on code-of-an-article-wordpress

You should now immediately return to the widget builder and copy the line of JavaScript code. Go back to WordPress, scroll to the bottom of the article and add two newlines again. Now paste the second line of code.

Also read our guide on How to add Gmail authentication on WordPress

If you add multiple images on the same page, remember that you should not multiply the line of JavaScript code.

How to display Pinterest images on the frontend

The last step is the step where you have to be careful: publish or update or your article or page, but do not switch to text mode (and back to visual). Because of the bad way that WordPress handles certain types of code, going back to the visual editor will remove the first line of code that you added and your Pinterest image.

If you come back you'll need to add the first line of code again, so be careful!

demo-image-pinterest

Once you have published or updated, check the public version of the article or page.

Discover also some premium WordPress plugins additional 

You can use other plugins to display countdowns on your WordPress blog. In what follows, I propose some of them.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

1. WordPress Pro Event Calendar

WordPress Pro Event Calendar has the role of adding a professional and elegant calendar in your posts or pages. It is 100% responsive, and can also be used through a widget on any type of WordPress blog or website.

Wordpress pro event calendar

Its features are among others: one ofelegant and professional sign, the mise in responsive page, easy management of events, the ability to submit events on the frontend, the addition of special dates on your calendar such as holidays for example, the limitation on the number of reservations for an event, RTL and Google Map media, etc.

Download Demo | Web hosting

2. Content Locker Pro

Content Locker Pro is a premium WordPress plugin, which gives you everything you will need in a content locking plugin. It comes with two types of locks and 16 very attractive demos. It works perfectly with any popular WordPress theme.Content locker pro wordpress plugins lock website content

Its main features are: the vblocking content in batches or individually, a layout andfully responsive, thefull support for MailChimp, AWeber, ActiveCampaign, etc ..., land does not weigh on the execution of the website, theossibility to unblock content after sharing of the latter, one pconfiguration ring, an excellent customer support, et more.

Download | Demo | Web hosting

3. Opt-In Content Locker

Opt-In Content Locker is a WordPress plugin, which allows you to lock important content on your blog and display it only for subscribers. All you need to do is enclose the locked content with [optinlocker]… [/ optinlocker] shortcodes. If people want to view this content, they have to submit their name / email. After submission, all locked content will become visible.

Opt in content locker wordpress plugins lock website content

If people want to see this content, they have to enter their name / email. Only after that the locked content will become visible.

See also How to block unwanted comments on your blog ... with the CAPTCHA system

Its main features are: a modern and secure form, locking important content, the use of cookies to remember users who have already subscribed, several modes of content protection, compatibility with MailChimp, iContact and more.

Download | Demo | Web hosting 

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Conclusion

Here is ! That's it for this article. I hope it will allow you to post Pinterest images on WordPress.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

Feel free to share this article with your friends on your favorite social networks. But, in the meantime, tell us about your Comments and suggestions in the dedicated section.

... 

This article features 4 comments

  1. Hello,
    Thanks for the tutorial. I have succeeded in integrating my image. However I can't get it centered on my page. An idea?

    1. Hello,

      It all depends on your WordPress theme. Otherwise the easiest would be to click on the image and simply align it in the center.

  2. What's great is just a question .. how do you center the image of the pin in the post? it's on the left corner. Obrg

  3. Hello, I did not understand anything. It's not very clear. You will have been able to show a video or images with texts, step by step.

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
30 shares
Share26
tweet
Save4