How to Add Pinterest “Pin It” Button in WordPress (4 Ways)

Visits: 1

How to Add Pinterest “Pin It” Button in WordPress (4 Ways)

Adding a Pinterest “Pin It” button to your WordPress website can encourage visitors to share your content on their Pinterest boards, increasing your content’s reach and engagement. In this post, we’ll explore four different methods to add the Pinterest “Pin It” button to your WordPress site.

1. Method 1: Using a Pinterest Button Plugin

1. Install and Activate a Pinterest Plugin: To get started, go to your WordPress dashboard, navigate to the “Plugins” section, and click on “Add New.” Search for a Pinterest button plugin, such as “Pinterest Pin It Button On Image Hover And Post,” and install it.

2. Configure the Plugin: After activating the plugin, go to the plugin settings. You can usually find these settings in the “Settings” or “Appearance” section of your WordPress dashboard. Adjust the display settings to customize how the “Pin It” button appears on your site.

3. Save Changes: Make sure to save your changes after configuring the plugin settings.

4. Test It: Visit one of your blog posts or pages and hover over an image to see if the Pinterest “Pin It” button appears. Clicking the button should allow users to pin the image to their Pinterest boards.

2. Method 2: Adding Code Manually

1. Access Your Theme Files: In your WordPress dashboard, navigate to “Appearance” and then “Theme Editor.” Be cautious when editing theme files, as incorrect changes can break your website.

2. Edit Theme Functions: In the Theme Editor, find the “functions.php” file of your theme. Add the following code to register the Pinterest “Pin It” button script:

   phpCopy code

   function add_pinterest_script() {
wp_enqueue_script('pinterest-pin-it', '//assets.pinterest.com/js/pinit.js', array(), null, true);
}
add_action('wp_enqueue_scripts', 'add_pinterest_script');


3. Save Changes: Click the “Update File” button to save your changes.

4. Add “Pin It” Button to Posts: To display the “Pin It” button on your posts, go to the post editor, switch to the Text editor mode, and add the following code where you want the button to appear:

   htmlCopy code

   <a href="https://www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-tall="true">Pin It</a>


3. Method 3: Use a Pinterest Widget

1. Visit Pinterest Widget Builder: Go to the Pinterest Widget Builder on the Pinterest website (https://www.pinterest.com/widgets/build/).

2. Customize the Widget: Customize the widget by selecting “Image Hover” or “Follow Button” as the widget type. Configure the options according to your preferences.

3. Generate the Widget Code: Click the “Build It” button to generate the widget code.

4. Copy the Code: Copy the provided HTML code snippet.

5. Add the Widget Code to WordPress: Go to your WordPress dashboard, edit a post or page, switch to the Text editor mode, and paste the widget code where you want it to appear.

6. Save or Update Your Post/Page: Save or update the post or page to see the Pinterest widget in action.

4. Method 4: Using a Page Builder Plugin

If you’re using a page builder plugin like Elementor or WPBakery, you can easily add a Pinterest “Pin It” button as a part of your content. Here’s how:

1. Edit Your Page/Post:

2. Open the page or post you want to add the button to using your chosen page builder.

3. Insert a Button Element:

4. Within your page builder, look for an element or widget that allows you to add a custom button.

5. Customize the Button:

6. Create a button with the text “Pin It” and style it as desired. Then, add a link to the Pinterest URL where users can pin your content.

7. Save or Update:

8. Save or update your page or post to publish the changes.

By following one of these methods, you can easily integrate a Pinterest “Pin It” button into your WordPress website, making it convenient for visitors to share your content on their Pinterest boards. This can help boost your content’s visibility and reach on the platform.

12 frequently asked questions (FAQs) related to adding a Pinterest “Pin It” button in WordPress:

1. What is a Pinterest “Pin It” button?

• A Pinterest “Pin It” button is a tool that allows website visitors to easily share images and content from a website to their Pinterest boards with a single click.

2. Why should I add a Pinterest “Pin It” button to my WordPress site?

• Adding a Pinterest “Pin It” button encourages users to share your content on Pinterest, increasing your content’s visibility and driving more traffic to your site.

3. Can I add a Pinterest “Pin It” button without using a plugin?

• Yes, you can manually add a Pinterest “Pin It” button to your WordPress site by adding code to your theme’s functions.php file.

4. Are there any recommended Pinterest button plugins for WordPress?

• Yes, some popular Pinterest button plugins include “Pinterest Pin It Button On Image Hover And Post,” “jQuery Pin It Button For Images,” and “Social Warfare.”

5. How can I customize the appearance of the Pinterest “Pin It” button on my site?

• Most Pinterest button plugins offer customization options in their settings, allowing you to change button size, style, and placement.

6. Do I need a Pinterest account to add the “Pin It” button to my site?

• While you don’t need a Pinterest account to add the button, users clicking the button will need Pinterest accounts to pin content.

7. Can I place the Pinterest “Pin It” button on specific images within my posts?

• Yes, many plugins and methods allow you to add the button to specific images by using HTML attributes or shortcodes.

8. Is it possible to track the number of times my content has been pinned using the “Pin It” button?

• Pinterest offers analytics tools for website owners to track the performance of their pins. You can monitor pins originating from your site through Pinterest Analytics.

9. Does Pinterest provide any official resources or guidelines for adding the “Pin It” button?

• Yes, Pinterest offers official resources and guidelines for website owners on their developer website.

10. Can I use a Pinterest widget instead of the “Pin It” button?

• Yes, Pinterest provides widgets like the “Image Hover” and “Follow Button” that you can embed on your site to promote your Pinterest presence.

11. Are there any best practices for optimizing Pinterest sharing on my WordPress site?

• Yes, it’s a good practice to use high-quality images, write compelling image descriptions, and organize your content into Pinterest-friendly boards.

12. How can I ensure that the Pinterest “Pin It” button is mobile-responsive?

• Most Pinterest button plugins and widgets are designed to be mobile-responsive, but it’s essential to test them on various devices to ensure they work correctly.

These FAQs should help clarify common questions related to adding a Pinterest “Pin It” button to your WordPress website. Feel free to use them as a reference when creating content or providing support to your website visitors.