How to Add a Pin It Button?

Want your content or products to be shared on Pinterest? Is your goal to capture your target audience on Pinterest and boost sales or traffic on your site? If these are one of your concerns, perhaps you should learn how to add a Pin It button to your blog or e-commerce site.

First time hearing about Pin It buttons? Don’t worry; we’ll explain it to you. The Pinterest Pin it button is a button that shows up under your blog posts or e-commerce products, allowing visitors to share that content as an image on their Pinterest boards.

But, You might be wondering how will adding this button to the site increase the engagement rate on Pinterest? Well, it’s quite simple, honestly. When I give my visitors an option to share my content, some of them would use it and share my post or product as a pin.

In this way, visitors will be spreading the word about your brand and letting other Pinterest users know about you. It will increase your brand awareness and drive more traffic to your site. In this article, we’ll teach you how you can add this button to your website and use a massive social media platform like Pinterest to your advantage.

How to Add Pinterest “Pin It” to Browser?

To add a Pinterest Pin it button to your Browser is pretty easy. You just have to visit “Pinterest’s Browser” button page and follow some simple steps. Here’s how you can install and activate a Pinterest Pin it button in your Browser.

Step 1: Go to Pinterest’s browser button page. From this page, you can add the extension for Pin It button on your Google Chrome, Safari, Firefox, and Window’s default Internet Explorer browser.

Step 2: Once you land on this page, you’ll see a button named get our browser extension Click on it, and you’ll be redirected to the extensions page.

Step 3: Now, click on the “Get” or “Install Extension” button to install the extension. (Name of the button may vary from Browser to Browser)

Step 4: After the installation is complete, you will be able to see it in your extension list. Restart your Browser after this extension’s installation to make it start working.

Step 5: Now, whenever you hover on the thumbnail of an image or a post, you will see the option to pin the image to your boards. This option appears on the top left corner of the thumbnail or post. (If you don’t see your boards, then try logging into your account first.)

Step 6: To save any image to your boards, click the “Save” button, and it will be added to your board. (Restart your Browser if you don’t see the Pinterest save button)

That’s how you can save others’ content and share it on your Pinterest account easily. But how to add this button to your site, so others can save your content even if they don’t have the Pinterest extension? Let’s find out in the next section.

How to Add The Pin Button To WordPress?

Your website’s built-in WordPress, and you want a Pinterest save button to appear under your blog posts? Well, there are four ways that you can use to do it. Some of them are easy, and others require a bit of a technical approach. Let’s see what those ways are, and then you can pick one that you find easy to apply.

1. Install a Plugin To Your Site

The straightforward way to add a Pin It button or Save button to your site is by installing a social media sharing plugin to your site. Just go to the plugins panel of WordPress and search for the term Social media sharing You’ll find tons of plugins that would allow you to share your content, not only on Pinterest but on other sites as well.

Pick one of those plugins and install it on your site. After that, go to the Plugin settings and adjust where you want to display the Pinterest save button on your content. Once you’re done making changes, publish the changes, and voila! Your site will have a Pin It button.

2. Adding the Pinterest Button Through Code

This step is purely technical and isn’t recommended for those users that don’t understand how WordPress works. But if you can handle a bit of code, go ahead and follow these steps:

Step 1: First, take a backup for your site, so if something goes wrong, you can just reinstall the backup version.

Step 2: Now, open the “Wp-content/themes” folder using a third-party FTP client.

Step 3: Right-click on the file named “Footer.php” and then click on the “Download” button.

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A(function()%20%7B%0A%20%20%20%20window.PinIt%20%3D%20window.PinIt%20%7C%7C%20%7B%20loaded%3Afalse%20%7D%3B%0A%20%20%20%20if%20(window.PinIt.loaded)%20return%3B%0A%20%20%20%20window.PinIt.loaded%20%3D%20true%3B%0A%20%20%20%20function%20async_load()%7B%0A%20%20%20%20%20%20%20%20var%20s%20%3D%20document.createElement(%22script%22)%3B%0A%20%20%20%20%20%20%20%20s.type%20%3D%20%22text%2Fjavascript%22%3B%0A%20%20%20%20%20%20%20%20s.async%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20s.src%20%3D%20%22https%3A%2F%2Fassets.pinterest.com%2Fjs%2Fpinit.js%22%3B%0A%20%20%20%20%20%20%20%20var%20x%20%3D%20document.getElementsByTagName(%22script%22)%5B0%5D%3B%0A%20%20%20%20%20%20%20%20x.parentNode.insertBefore(s%2C%20x)%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%20(window.attachEvent)%0A%20%20%20%20%20%20%20%20window.attachEvent(%22onload%22%2C%20async_load)%3B%0A%20%20%20%20else%0A%20%20%20%20%20%20%20%0A%20%20%20%20window.addEventListener(%22load%22%2C%20async_load%2C%20false)%3B%0A%7D)()%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object mce-object-script" width="20" height="20" alt="&lt;script&gt;" />

Step 4: Once it’s downloaded, open it in a “Code Editor” and add the following Javascript code just before the tag.

Step 5: After adding this code, save the changes and then upload this file back on the Wp-content/themes. (Remember to delete the previous version of the file before you add this one.)

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

Step 6: Now, search for the template file in your theme folder and download it. Open it in a “Code Editor” and pick a location where you want the Pin it button to appear. Most common places for a pin it button are beneath the post title or the end of the post. There, you need to add this code.

Step 7: Save the changes and upload this file back, replacing it with the original one.

Step 8: In the end, save all the changes and publish the site to see the changes.

It sure looks daunting, but if you have a bit of knowledge about the code, you can perform these steps easily.

3. Use a Shortcode To Add the Pint It Button

Short codes are basically short pieces of code that allow you to add dynamic elements to you WordPress site structure easily. Now, surprisingly, you can even create a short code to add a Pin it button to your website. Here’s how it happens:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ),
'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' .
urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' .
get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }
add_shortcode('pin', 'get_pin');

Open your theme folder and navigate to the functions.php file. Now, open this file and add the given code:

Save the changes, and Now you’ll be able to add a Pin it button to your blog posts or products easily by just calling the shortcode with a [pin] call. This step, too, is a bit complex for most users to follow, but we promise that the next one is simple and easy.

4. Adding an Image Sharing Plugin

Since Pinterest is an image-sharing plugin and you mainly want visitors to share your images, you can add a Pin It button exclusively to your images. To do that, search for the term “Pin it button” on the plugins page, and youwill find many relevant plugins. Please install one of them, and then go to its settings.

You can adjust where the Pin it button appears on the image and whether it appears on hover or click. After adjusting the settings, publish the changes. Now, you will be able to see a Pin It button on all your site’s images when you’ll hover over them.

So, these were the four ways to add the Pin It button to your WordPress site. We recommend sticking with the plugin option, as it’s easier to apply and requires less trouble.

5. Advantages of Pin It Button

Salient and major advantages of a Pin It button are as follows:

• • • A pin-it button allows your visitors to share your content on their Pinterest profile.
    • Through the Pinterest save button, people add your content to their boards, thus increasing your content’s reach, which leads to more traffic on your site and a boost in revenue.
    • By allowing sharing on Pinterest, you increase brand recognition and capture a more interested audience. It also boosts engagement on Pinterest, driving more saves, repins, and clicks, expanding your brand’s visibility and reach.
    • You can adjust your Pin it buttons so that whenever someone clicks on it, your Pinterest account’s detail shows up on their board along with your content. Doing this would help people recognize you, and they start visiting your Pinterest account as well.
    • Find out what kind of content the audience likes more by checking the impressions on the Pin it button of your posts. If an image is getting shared more, then post more like it to get even more shares on Pinterest and potentially go viral.

Conclusion

Adding a Pin it button to your site can be a real game-changer for your social media image and help drive more traffic to your site and blog as well, so perhaps it’s time you take it seriously.

We hope you found the steps to add a Pin it button easy to follow, and now you will add it to your site immediately. For any queries, please reach out to us on our social media or write your question in the comments section.