How to Add a “Pin” Button in WordPress 1

How to Add a “Pin” Button in WordPress

With over 300 million monthly users, Pinterest is becoming an indispensable social network for any website that focuses specifically on images. Adding a “pin” button to your site will make it easier and more convenient for visitors to share these images. This can increase your online visibility and drive new traffic to your site.

In this article, we will review how to add a “pin” button to WordPress using a plugin, as well as the Pinterest widget builder.

Why Add a “Pin” Button?

Some of the most popular niches on Pinterest are food and beverage, photography, home decor, design, DIY and crafts, fashion and art. That’s why it’s essential to learn how to add a “pin” button to WordPress if your business is related to them in any way. In fact, most Pinterest users find new products and brands on this platform, and some even shop directly from the app. Therefore, making an effort to distribute your content more widely can improve your brand awareness and increase sales.

Before we get to the actual methods and steps, there is one point we need to clarify: adding a “pin” button is not the same as adding a social share button for Pinterest. The “Pin” button activates a function that allows your users to choose which boards to pin an image to. Therefore, having a “pin” button allows users to save images to their boards without having to leave your site. This allows new users to distribute your content on Pinterest so they can reach them, but not be distracted by all the other pins out there. They will also be able to focus on what really matters, namely your content. The standard social share button takes your users to your Pinterest profile so they can browse your collections.

There are several ways to add “pin” buttons to your WordPress site. The easiest method involves using a plugin. As with any other WordPress functionality, you can choose from several different plugins. We’ll walk you through the working steps with our selection of the best plugins—Image Highlight and Pin On Post Button. Next, we’ll take a look at how you can add “pin” buttons to WordPress using the widget builder on Pinterest.

How to Add a “Pin” Button in WordPress Using a Plugin

Pin Button

As soon as you install and activate this plugin, automatically create “pin” buttons for your pictures. You can start customizing the settings for Image Highlight and Pin on Post Button plugin by clicking the “PinIt Button” in your admin sidebar.

PinIt Button Admin Panel

Its interface is very simpleso just one several available options to change. These include choosing whether the “pin” button appears on both pages and posts, or whether you want to exclude either one. You can also decide whether the button will appear on hover or always be found. If you set it to hover, it will appear on desktop screens when users hover and on mobile screens when users tap on an image.

PinIt Button Settings

and, with Image Highlight and Pin on Post Button The plugin can set exceptions for certain images. If you don’t want to have a “pin” button on a particular image you can note it in the plugin settings and it will be excluded.

To do this simply hungry Exclude Pictures tab At the top of the plugin settings. back then add the URL of your image in the field provided. click Add After adding each image and when you’re done, reload the page to see them appear in the list of excluded images below.

PinIt Button URLs

If you’re not sure how to find the URL of an image, you can open your Media Library and select the image there. In the window that opens, you will get all the information you need on the right.

Image URL WordPress Media

You can also exclude all pages from the effect of the plugin. It’s very similar to excluding a single image. In your plugin settings, find tab with Exclude Pages and in the only available space, add the title of the pages you want to exclude. click Add after each added page When you’re done, reload the page to see them appear in the list of excluded pages below.

PinIt Button Exclude Pages

While this plugin is simple to use and easy to work with, the free version has some drawbacks. The most important of these is that the “pin” button is not very customizable. You can choose between Medium or Large button size, but the difference between the two is subtle and you’ll still have a simple black button in the end.

PinIt Button Live

There is a premium version of this plugin if you want to have a more stunning button for pinning images. called Pinterest Feed Proand the price is $18.

Alternatively, you can try the widget generator provided by Pinterest.

How to Add a “Pin” Button in WordPress Using a Widget

Pinterest Widget Maker

You can also use Pinterest’s widget maker to add “pin” buttons. This piece of software was developed by Pinterest, so it’s guaranteed to be compliant with their best practices and recommendations. Pinterest offers several tools for developersincluding Guide to make the save button. You can check it out if you want to try your hand at coding, but in this article, we’re going to focus on using the widget builder as the more user-friendly option for all skill levels.

Firstly, make sure you have Save button option selected at the top of the page.

Pinterest Widget Creator Save Button

back then choose yours Button type using the dropdown menu. We recommend setting it to . Image hover if you want the button to appear only on hover. In this case, on mobile devices, the button appears when the user briefly taps on an image.

Pinterest Widget Creator Button Type

Once you have decided on the design of your button, Copy the generated code in the lower right corner of the page.

Pinterest Widget Builder Button Type Code

Now go to your WordPress dashboard. Go to Appearance > Theme Editor. You will be able to access and modify all your theme files from here. Before we continue, we should warn you that replacing these files risks breaking your site, so making a backup is highly recommended if you don’t already have one.

Theme Editor
Theme Editor Theme Files

On the right side of the Theme Editor window will be a list of all your theme files. scroll down to Find your Theme Header or Theme Footer files— you can use both. Click once on the file of your choice to open it.

Theme Editor Footer and Header

At that time, go to the end of the file and paste the code you copied From the widget builder. Click Update File button to save the change..

Theme Editor Footer and Header Update File

After that, you can check the front end of your site to verify that the button is displaying as it should.

PinIt Button Preview

While this method of adding “pin” buttons is arguably pretty simple, you should be aware that changes to theme files are overwritten as soon as the theme is updated. Therefore, any custom changes to the code should be made using a child theme.

final thoughts

A “pin” button can be a great addition to a website that focuses on design, art, fashion, e-commerce, and other image-heavy niches. With its growing number of users, Pinterest offers a growth opportunity you can’t afford to miss.

Make your images easily pinable using one of the methods described in this article. Choose the approach that best suits your needs and start working on expanding your site’s reach.

Support our work ❤️

If you enjoyed this article, consider leaving a tip to help us keep publishing great content.

Secure payment on PayPal
Moyens I/O Staff is a team of expert writers passionate about technology, innovation, and digital trends. With strong expertise in AI, mobile apps, gaming, and digital culture, we produce accurate, verified, and valuable content. Our mission: to provide reliable and clear information to help you navigate the ever-evolving digital world. Discover what our readers say on Trustpilot.