To add your own custom Pins to your Pinterest account. Firstly login to your Social Media Control Panel, then on the Scheduler tab create a new message. Pinterest is a visual. Platform, so when you’re scheduling your post, focus on a quality image rather than a lengthy text update. Let’s say you like someone’s pin. This Joomla extension allows you to create a Pinterest styled social sharing website. It lets you to share a huge collection of images, pictures and videos on your site.
- Moodboardadd A Pinboard With Images To Your Site Hosting
- Moodboardadd A Pinboard With Images To Your Site Website
- By
With more than 100 million active users and more than a billion boards created, Pinterest is the world-leading site for cataloging ideas and inspiration — and it gives you the tools to display its images on your WordPress website.
The process is slightly more complicated than other social networks, because Pinterest isn’t natively supported by the WordPress block editor, but don’t worry — it’s still pretty straightforward.
And, to make things even easier, in this article I’ll be showing you everything you need to know about displaying Pinterest images in a WordPress post, page or custom post type.
Creating Your Pinterest Pin Widget
To display a Pinterest image on your website, you first need to know the URL of the pin — which you’ll find in the browser address bar at the top of the page.
We can now create your Pinterest Pin widget.
The Pinterest Widget Builder is found in its developer area.
There are five options: Save Button, Follow, Pin, Board and Profile.
If you want to insert a Pinterest image into your website, you should visit the Pinterest Widget Builder and select Pin.
To create a Pinterest Pin widget, you just need to enter the Pinterest Pin URL you copied earlier and define the Pin size as small, medium or large.
If you want, you can also hide the Pin description.
Underneath, you’ll see two pieces of code.
The first should be inserted where you want the Pinterest Pin image to be displayed, and the second should be added before your website’s closing body tag.
Now you have the code for your Pin, you can display the image on your WordPress website.
Inserting a Pinterest Pin Image Into WordPress
You can insert your Pinterest Pin image into WordPress using the Custom HTML block.
To add a Custom HTML block into your content area, simply click on the + symbol at the top-left hand side of the WordPress editor, scroll down to the formatting section and select ‘Custom HTML’.
You can also find the Custom HTML block via the content block search bar.
Next, copy the Pinterest Pin image code into the Custom HTML block.
This is the first piece of code Pinterest displayed to you, containing the URL of the Pinterest Pin.
Before your Pinterest Pin can be displayed on your website, you need to add a call to pinit.js before your website’s closing body tag. This only has to be done once.
In most WordPress themes, you can do this within the WordPress theme customiser.
For example, in the Genesis Framework, you can add header and footer code through the customiser at Customizing ▸ Theme Settings ▸
Header/Footer Scripts.
You just need to copy the second piece of code Pinterest provides into the footer script box.
Some WordPress themes don’t have the functionality to insert code into the footer area, but you can address this by installing a header and footer plugin, such as Woody ad snippets, Head, Footer and Post Injections or Insert Headers and Footers.
Once the image code and footer code have been added to your website, your Pinterest Pin image will be displayed.
The footer code Pinterest asks you to add before the closing body tag on your website only needs to be added once.
Moodboardadd A Pinboard With Images To Your Site Hosting
So, when you add additional Pinterest Pin images to your website, you’ll only need to copy the image code for each Pin and enter it into Custom HTML blocks.
Pinterest Save, Follow & More
Once you understand the steps above, you can take advantage of other features of the Pinterest Widget Builder, as they can be integrated in the same way.
For example, if you want to generate a Pinterest save button, all you have to do is select the button type, whether it’s round or large and what the default language is.
Since the pinit.js code has already been called from your website footer, all you have to do is copy and paste the first piece of code to where you want the save button to be displayed.
Other options available within the Pinterest Widget Builder include a Follow button for Pinterest users, a board widget for Pinterest boards and a profile widget for Pinterest profiles.
Integrating Pinterest Using the Jetpack Pinterest Block
While there’s no native support for Pinterest within WordPress at the moment, you’ll find many Pinterest and social media plugins within the WordPress plugin directory that help to integrate Pinterest into your website.
For example, WordPress plugins such as Pinterest Pin It Button For Images and Pin It Button On Image Hover And Post can be used to display ‘Pin It’ buttons on all of your images and blog posts.
One of the best Pinterest solutions can be found within Jetpack, which, once activated, will add a Pinterest block to the WordPress block library.
You can find the Pinterest block by clicking on the + symbol at the top-left hand side of the WordPress editor and scrolling down to the Jetpack section. Alternatively, simply search for Pinterest via the content block search bar.
To add a Pinterest Pin image to your content area, simply add the Pin URL to the Pinterest block and click to embed.
The great thing about Jetpack’s Pinterest block is that it supports all features of Pinterest, including Pinterest Pins, boards and profiles.
Moodboardadd A Pinboard With Images To Your Site Website
It’s worth noting that if you integrate Pinterest into your website using Jetpack, you won’t need to manually add code before your website’s closing body tag. Jetpack handles all of this for you.
Final Thoughts
Pinterest’s widget creation tool makes it easy to add images from the huge wealth of content on this social network into your WordPress-powered website.
TOP DEALS
Get 4-months off Basic Subscriptions!
Extra large Cork Pin Boardscustom built to order, any size or shape, 100 COLORS of vibrant Velcro®Brand Loop Fabric,Burlap Fabric, Vinyl Fabric or Natural Cork surface! Fabric is bonded to pin board surface, wrapped over edges around over to back for a modern, designer, pinboard wall. Unframed Cork Pinboards with interior frame are built to order, in our Brooklyn, NY factory, to ANY SIZE - shape or color. Use pins, staples or Velcoins®. Back graphics and literature with adhesive covered Velcoins® and stick to the surface of your Pin Board Wall. Beautify worn walls with sculptural, color field, cork Pinboards & Pin Up Boards that efficiently functionally organize your space!
Pushpin Board Walls install easily with screws or Velcro®Brand adhesive tape in minutes. Installation with Interior frame is easy with screws. Excellent acoustic qualities absorb noise!
Aluminum framed Pin Up Boards are a more traditional pushpin board with excellent resiliency and pinability. Pinboards with Anodized aluminum trim has a 7/8' profile with hairline mitered corners. Also see DRY ERASE BOARDS that are perfect for school class rooms and conference rooms!
Most Pin Board and Pinboards ship out in five to ten business days with rush services available. See All Pin Bulletin Boards, Gallery, Request Swatchesor for in house art dept. to design and print your Graphics, contact our experienced staff. ORDER FORM