How to Show Pinterest Images in a WordPress Post or Page
/ / How to Show Pinterest Images in a WordPress Post or Page

How to Show Pinterest Images in a WordPress Post or Page

Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, We will receive an affiliate commission at no extra cost to you. All opinions remain our own.

Your WordPress website is nice as a central hub for your online marketing. One reason is how properly it integrates with social media. For instance, if you wish to embed Twitter content, show TikTok posts, or present Pinterest images in a WordPress put up or page, the platforms excel.

WordPress contains a few methods to point out content from Pinterest, however, there are additionally ‘official’ strategies too. Fortunately, they’re all simple to implement on your site.

In this put-up, we’ll offer two methods to point out Pinterest images in WordPress, and stroll you thru the steps. Before this, let’s speak extra about why Pinterest is a nice social media platform to combine with.

The Benefits of Integrating Pinterest and WordPress

Right off the bat, we’ll admit that Pinterest isn’t going to be a platform that is appropriate for each site. For instance, authorized businesses aren’t going to be lively on the platform, and neither are medical corporations. This is a result of the platform’s key focus on images.

Although Pinterest does have informational content, the first image format doesn’t align properly with extra ‘serious’ industries.

Of course, this isn’t a unique listing. However, you’ll discover some niches are well-suited to utilizing Pinterest:

  • Fashion websites.
  • Lifestyle businesses, corresponding to yoga studios.
  • Craft shops and common artistic or art-based websites.

If you’re in one of these areas, you’re in good firm. The attain of Pinterest is large, with nearly 460 million users by the top of 2020. Even focusing on 0.10 p.c of this user base provides you potential viewers of 460,000 folks.

Overall, Pinterest is going to be the ultimate approach to showcase your wares, particularly in case you’re promoting merchandise. Where each area of interest and the viewers crosses over, there is a profitable market to advertise to.

How to Show Pinterest Images in a WordPress Post or Page (2 Methods)

While there could also be extra methods to point out Pinterest images in a WordPress put up or page, we’re going to focus on the next two:

  1. Create a widget utilizing Pinterest’s official device.
  2. Use Jetpack’s Pinterest Block in case you already use Automattic’s plugin.

Throughout, we’ll stroll you thru the steps and take you from zero to Pinterest hero. We’ll additionally clarify why some of the opposite strategies you’ve possibly come through (corresponding to WordPress plugins or embed codes) aren’t talked about particularly in this text.

1. Use the Pinterest Widget Builder

First off, the official Pinterest Widget Builder is a stellar approach to embed content inside WordPress. Though it’s value noting that there’s a related choice that on the floor gives the identical performance, however, isn’t going to be appropriate.

While looking at Pins, you might come throughout the Get Pin embed code choice inside the choices menu:

This provides you an iFrame code snippet you can paste into your website. However, throughout our testing, we couldn’t get the performance to work. This is a disgrace, as a result of for fast single Pins, it could be ultimate. We suspect that Jetpack is the best way to shortly embed Pins, and we’ll talk about this later.

However, the Widget Builder is a breeze to make use of, and it’s our advisable strategy regardless of the necessity to poke around inside WordPress’ core recordsdata. Let’s take you thru learn how to use it.

1. Find Your Pin’s URL

First, you’ll want the URL of your Pin (i.e. the image you wish to present in WordPress). It’s so simple as discovering the URL of any page on the web. However, there are a couple of locations you will get it from.

Of course, your browser’s address bar is simple…

A Pin URL within the browser.

…however, there’s additionally a devoted Copy hyperlink button as one of the choices inside the Share icon:

The Copy link option within Pinterest.

Once you've got the URL of your Pin, you possibly can start creating your widget.

2. Create Your Pin Widget

Next, head to the Pinterest Widget Builder. There are 5 choices to select from, and whereas all of them have their makes use of, we’re focusing on the Pin widget:

The Pinterest Widget Builder.

There are a couple of fields right here to assist whip your widget into the form:

  • Pin URL. This is the web address of your Pin, and you just paste it in right here.
  • Pin measurement. You can select Small, Medium, or Large on your Pin, and you can too conceal the outline right here.

Once you’ve made your decisions, you’ll see the Preview pane replace. This provides you a sneak peek at how your widget will look on the entrance finish:

The Pinterest Preview pane.

Below this, you’ll see a couple of code snippets. We’ll want these subsequent, so hold the widget builder open and transfer onto the ultimate step.

3. Add Widget Code to Your WordPress Core Files

To present Pinterest images in a WordPress put-up or page, you’ll have to insert the 2 code snippets discovered in the Pinterest Widget Builder. This used to contain third-party plugins, however, WordPress now has its personal editor that is excellent for one-off duties like this.

Before you start, it’s necessary to have a clear and present backup in place, and a little one theme. This helps to protect your site when there are updates and offers you an approach again if the worst occurs.

You can discover the code editor on the Appearance > Theme Editor display inside your WordPress dashboard:

The Theme Editor link within WordPress.

Once you’re right here, choose your little one theme in the highest right-hand nook:

Choosing a theme within WordPress' Theme Editor.

Next, discover the Theme Footer file in the listing on the right-hand facet of the display, and scroll all the way down to the tag. Before this, paste in the next code:

If you’re struggling, search for the line:

Adding code to the Theme Footer file within WordPress.

When you’re carried out, save your modifications and head to the put-up or page you’d wish to show your Pinterest images on.

4. Add the Widget Code to WordPress

The closing step is to point out your Pinterest Pin. To do that, head to the put-up or page of your selection, and insert a new Paragraph Block.

While you can use a Custom HTML Block for this, our testing didn’t produce a workable instance. Given that the widget is a hyperlink, we will use it in a Paragraph Block and work with its performance as an alternative.

Once you’ve added the Block, you’ll have to open the Code editor from the WordPress menu in the highest right-hand nook:

Choosing the Code editor in WordPress.

Once it’s open, discover your new paragraph, and paste in your code from the Widget Editor output:

Inserting the Pinterest embed code into the WordPress Block Editor.

You can now exit the Code editor. Before you save your modifications, really feel free to make use of the Paragraph Block settings to align your Pin widget inside your put-up. We’ve chosen to middle align it, however, you are clearly free to do no matter what you would like:

A Pinterest Pin on the front end of a WordPress site.

While this is a stable approach to present Pinterest images in a WordPress put up or page, there are others too. Let’s take have a look at a platform-specific strategy.

2. Use Jetpack to Show Pinterest Images in a WordPress Post or Page

Unfortunately, there aren’t many appropriate plugins accessible to point out Pinterest images in a WordPress put-up or page.

The GS Pins for Pinterest plugin.

For instance, GS Pins for Pinterest seems to be like it might probably do the job, however, you’re solely in a position to show single Pins as widgets. This isn’t versatile sufficient for our wants, regardless of the plugin being up to date recurrently, and having good opinions.

Jetpack is the one plugin we all know that has the performance to embed a single Pin on your site, and in addition, meets our necessities.

The Jetpack plugin.

Of course, Jetpack is installed and activated like another plugin. Once it’s prepared, you must seize the URL on your desired Pin as per the primary technique. Once you've got it, head to your put up or page, and add a Pinterest Block:

Selecting a Pinterest Block in WordPress.

Next, add the URL of your Pin, and click on Embed:

Entering the Pinterest Pin URL into the Block.

Finally, save your modifications, and look at the Pinterest image on the entrance finish of your site:

Displaying the Pinterest Block on the site's front end.

Unfortunately, there isn’t a lot in the best way of customization. This is a disgrace, as a result of for Jetpack users, this strategy will be the primary port of name. Unless you wish to dig in and add customized CSS lessons, it may not be the proper resolution to your wants.

Summing Up

Pinterest isn’t going to be a social media platform that each business will wish to use. Even so, the user base for a firm that does align with the platform is grandiose – and your potential revenue may very well be the identical measurement too.

There are two key methods to point out Pinterest images in WordPress posts and pages. Let’s shortly go over them once more:

  1. Use the official Pinterest Widget Builder to create a wealthy, embeddable widget inside WordPress.
  2. If you’re a Jetpack user, you should utilize the included Pinterest Block to point out images in WordPress posts and pages.

Do your viewers use Pinterest, and will any of these strategies provide help to seize extra users? Let us know in the comments part beneath!