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.
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.
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.
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!
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.
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.
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 WordPress Plugin premium, which gives you everything you will need in a content locking plugin. It comes with two lock types and 16 very attractive demos. It works perfectly with any WordPress theme popular.
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 show it only to 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.
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
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- 7 plugins to boost your sidebars on WordPress
- How to allow users to filter articles and pages
- 10 WordPress plugins to strengthen the security of your blog
- 5 WordPress plugins to create donation forms
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.
...
Hello,
Thanks for the tutorial. I have succeeded in integrating my image. However I can't get it centered on my page. An idea?
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.
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
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.