{"id":15416,"date":"2020-11-04T17:00:14","date_gmt":"2020-11-04T16:00:14","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=15416"},"modified":"2020-11-06T13:21:34","modified_gmt":"2020-11-06T12:21:34","slug":"how-to-add-pin-it-button-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-pin-it-button-in-wordpress\/","title":{"rendered":"How to Add a “Pin It” Button in WordPress"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]With over 300 million users per month, Pinterest is becoming an indispensable social network, especially for any website that focuses on visuals. Including a \u201cpin it\u201d button on your site will make it easier and more convenient for visitors to share those visuals. This can improve your online visibility and drive new traffic to your site.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In this article, we will be taking a look at how to add a \u201cpin it\u201d button in WordPress using a plugin, as well as the Pinterest widget builder.
\n[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Why Add a \u201cPin It\u201d Button<\/h2>\n

[\/vc_column_text][vc_column_text]Some of the most popular niches on Pinterest are food and drink, photography, home decor, design, DIY and crafts, fashion, and art. So, if your business relates to them in any way, learning how to add a \u201cpin it\u201d button in WordPress is essential. In fact, the majority of Pinterest users find new products and brands on this platform, and some even shop directly in the app. So, putting in the effort to distribute your content more broadly can improve your brand recognition and increase sales.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Before we get into the actual methods and steps, there\u2019s one point we should clarify\u2014adding a \u201cpin it\u201d button is not the same as adding a social sharing button for Pinterest. The \u201cpin it\u201d button will activate a function that lets your users pick which of their boards to pin an image to.<\/strong> So having a \u201cpin it\u201d button lets users save images to their boards without ever having to leave your site. This ensures that they will disperse your content on Pinterest so it can reach new users, but they won’t get distracted by all the other pins out there. Moreover, they will be able to focus on what’s actually important – your content. While the standard social sharing button will simply take your users to your Pinterest profile so they can browse your collections.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]There are a couple of ways you can add \u201cpin it\u201d buttons to your WordPress site. The easiest method involves using a plugin<\/strong>. As with any other WordPress functionality, you can choose from several different plugins. We will guide you through the steps for working with our top plugin pick\u2014Pin It Button On Image Hover And Post. After that, we will take a look at how you can add \u201cpin it\u201d buttons in WordPress using the widget builder from Pinterest.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Add a \u201cPin It\u201d Button in WordPress Using a Plugin<\/h2>\n

[\/vc_column_text][vc_empty_space height=”24px”]

\n
\n \"Pin <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]As soon as you install and activate this plugin<\/a>, it will automatically create \u201cpin it\u201d buttons<\/strong> for your images. You can start customizing the settings for the Pin It Button On Image Hover And Post<\/a> plugin by clicking on “PinIt Button” in your admin sidebar.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Its interface is very straightforward<\/strong>, so there are only a few available options to modify<\/strong>. Those include picking whether the \u201cpin it\u201d button will appear on both pages and posts, or if you want to exclude one of the two. You can also decide if the button will appear on hover or be always present. If you set it on hover, it will appear on desktop screens when users hover with a mouse over it, and on mobile screens when users tap on an image.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]And, with the Pin It Button On Image Hover And Post<\/em> plugin, you can set exceptions for particular images. If you don\u2019t want to have a \u201cpin it\u201d button on a specific image, you can note that down in the plugin settings, and it will be left out.<\/strong>[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To do this, simply open the Exclude Images<\/em> tab<\/strong> at the top of the plugin settings. Then add the URL of your image in the provided field<\/strong>. Click on Add<\/em> after adding each image and, when you finish, reload the page to see them appear in the list of excluded images below.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you\u2019re not sure how to find an image\u2019s URL<\/strong>, you can open your Media Library and select the image there. In the window that opens, you\u2019ll get all the information you need on the right-hand side.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Image <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You can also exclude whole pages<\/strong> from the plugin\u2019s effect. It\u2019s very similar to excluding an individual image. In your plugin settings, find the tab with Exclude Pages<\/em><\/strong> and, in the only available field, add the title of those pages you wish to exclude<\/strong>. Click on Add<\/em> after each added page. When you finish, reload the page to see them appear in the list of excluded pages below.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]While this plugin is straightforward to use and easy to work with, the free version does have some drawbacks. The main one is that the \u201cpin it\u201d button can hardly be customized. You can pick between having a Medium or Large button size, but the difference between the two is subtle, and you\u2019ll still have a simple black button in the end.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you want to have a more striking button for pinning images, there is a premium version of this plugin. It\u2019s called Pinterest Feed Pro<\/a>, and it is priced at $18.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Alternatively, you can try out the widget builder provided by Pinterest.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

How to Add a \u201cPin It\u201d Button in WordPress Using a Widget<\/h2>\n

[\/vc_column_text][vc_empty_space height=”24px”]

\n
\n \"Pinterest <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You can also use Pinterest\u2019s Widget builder<\/a> for adding \u201cpin it\u201d buttons. This piece of software is developed by Pinterest<\/strong>, so it\u2019s guaranteed to be in line with their best practices and recommendations. Pinterest offers several tools for developers<\/strong>, including a guide for making the Save button<\/a>. You can check it out, if you want to try your hand at coding, but in this article, we\u2019ll focus on using the widget builder as the more user-friendly option for all skill levels.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Firstly, make sure you have the Save button<\/em> option selected at the top of the page<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Pinterest <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Then pick your Button type<\/em> using the dropdown<\/strong>. We suggest setting it to Image hover<\/em> if you want the button to appear on hover only<\/strong>. In that case, on mobile devices, the button will appear when a user briefly taps on an image.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Pinterest <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]When you\u2019ve decided on your button\u2019s design, copy the code generated in the bottom right corner of the page.<\/strong>[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Pinterest <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Now head over to your WordPress dashboard. Go to Appearance > Theme Editor<\/strong>. You will be able to access and modify all your theme files here. Before you proceed, we must caution you that modifying these files carries a risk of breaking your site, so it\u2019s highly advisable to make a backup<\/a> if you don\u2019t already have one.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Theme <\/div>\n<\/div>[vc_empty_space height=”60px”]
\n
\n \"Theme <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The Theme Editor window will have a list of all your theme files on the right-hand side. Scroll down until you locate your Theme Header or Theme Footer files<\/strong>\u2014you can use either. Click once on the file you choose to open it.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Theme <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Then, scroll down to the end of the file and paste in the code you copied<\/strong> from the Widget builder. Click the Update File<\/em> button to save the change<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Theme <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After that, you can check your site\u2019s frontend to verify that the button is displaying as it should.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"PinIt <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]While this method of adding \u201cpin it\u201d buttons is arguably quite simple, you should be aware that changes to theme files are overwritten as soon as the theme updates. Because of that, any custom modification to the code should be done using a child theme<\/a>.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Final thoughts<\/h2>\n

[\/vc_column_text][vc_column_text]A \u201cpin it\u201d button can be a great addition to a website focused on design, art, fashion, eCommerce, and any other niches heavy on imagery. With growing numbers of users, Pinterest provides an opportunity for growth that you can\u2019t afford to miss out on.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Make your images easily pinnable using one of the methods described in this article. Pick the approach that best suits your needs and start to work on expanding your site\u2019s reach.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Find out how to add a pin it button in WordPress and help users distribute your content on Pinterest so it can reach a wider audience.<\/p>\n","protected":false},"author":17503,"featured_media":15418,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[26,4,39,13],"class_list":["post-15416","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-social","tag-tips","tag-tools","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/15416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/17503"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=15416"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/15416\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/15418"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=15416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=15416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=15416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}