Skip to content

visitour-dev

  • Sample Page

How To Add Pinterest Widget
April 25, 2024 by sadmin

7 Proven Ways to Add a Pinterest Widget to Your Website

Pinterest Widget

$title$

Do you want to add a Pinterest widget to your website? If so, you’re in luck! Adding a Pinterest widget is a great way to increase traffic to your website and promote your content. In this article, we’ll show you how to add a Pinterest widget to your website without a title. We’ll also provide some tips on how to use the widget to get the most out of it.

To add a Pinterest widget to your website without a title, follow these steps:
1. Go to the Pinterest website and sign in to your account.
2. Click on the “Your Profile” tab.
3. Click on the “Widgets” tab.
4. Select the “Pin It” widget.
5. Customize the widget by selecting the size, color, and shape.
6. Copy the code that is provided.
7. Paste the code into your website’s HTML code.
8. Save your changes.

Embed a Pinterest Pin

Embedding a Pinterest Pin on your website allows you to showcase your favorite images or products and drive traffic to your Pinterest page. Here’s a step-by-step guide to embed a Pin:

  1. Find the Pin you want to embed: Navigate to the Pinterest Pin you want to share and click on the three dots icon in the bottom right corner.
  2. Select “Embed”: From the drop-down menu, choose “Embed.”
  3. Copy the embed code: A pop-up window will appear with the embed code. Copy the HTML code provided by Pinterest.
  4. Paste the embed code on your website: Paste the HTML code into the HTML editor of your website or blog post where you want the Pin to appear.
  5. Save changes: Save and publish your changes to display the embedded Pin on your website.

Customizing the Pin Display

You can customize the appearance of the embedded Pin by adding additional attributes to the embed code. The following attributes are available:

Attribute Description
data-pin-width Sets the width of the embedded Pin in pixels
data-pin-height Sets the height of the embedded Pin in pixels
data-pin-do Specifies whether to display the Pin’s comments and likes (default is “none”)

Display Multiple Pins as a Widget

To display multiple pins as a widget, follow these steps:

  • Go to Pinterest.com and log in to your account.
  • Click on your profile picture in the top-right corner of the page.
  • Select “Widgets” from the drop-down menu.
  • On the “Widgets” page, click on the “Create a widget” button.
  • Select the “Multiple pins” type of widget.
  • Enter the URL of the Pinterest board that you want to display.
  • Select the number of pins that you want to display.
  • Click on the “Create widget” button.

    • The code for the widget will be displayed. You can copy and paste this code into your website or blog.

    Here is an example of a code for a widget that displays 5 pins from the “My Pins” board:

    Code: Description:

    <div class="pinterest-widget" data-pin-board-url="https://www.pinterest.com/username/my-pins/" data-pin-count="5"></div>

    Displays 5 pins from the “My Pins” board.

    Add a Follow Button

    Step 1: Get the Pinterest Widget Code

    Go to the Pinterest Widget Builder and select “Follow Button” under the “Social Plugins” tab. Choose the desired dimensions and customize the button’s appearance. Once you’re satisfied, click the “Get Code” button.

    Step 2: Copy and Paste the Code

    Copy the generated code provided by Pinterest. Go to your website’s HTML code and locate the section where you want to add the Follow Button. Paste the code into the section of your website.

    Step 3: Configure the Follow Button

    The Follow Button code includes several parameters that you can customize to suit your needs. These parameters are specified within the