Skip to content

digitalocean.feedback.prod.gateway.figure53.com

  • Sample Page
How To Add Pinterest Widget

How To Add Pinterest Widget
June 15, 2025February 25, 2025 by sadmin

7 Confirmed Methods to Add a Pinterest Widget to Your Web site

How To Add Pinterest Widget

$title$

Do you wish to add a Pinterest widget to your web site? In that case, you are in luck! Including a Pinterest widget is an effective way to extend visitors to your web site and promote your content material. On this article, we’ll present you easy methods to add a Pinterest widget to your web site and not using a title. We’ll additionally present some recommendations on easy methods to use the widget to get essentially the most out of it.

So as to add a Pinterest widget to your web site and not using a title, observe these steps:
1. Go to the Pinterest web site and sign up to your account.
2. Click on on the “Your Profile” tab.
3. Click on on the “Widgets” tab.
4. Choose the “Pin It” widget.
5. Customise the widget by deciding on the dimensions, coloration, and form.
6. Copy the code that’s offered.
7. Paste the code into your web site’s HTML code.
8. Save your adjustments.

Embed a Pinterest Pin

Embedding a Pinterest Pin in your web site permits you to showcase your favourite photos or merchandise and drive visitors to your Pinterest web page. Here is a step-by-step information to embed a Pin:

  1. Discover the Pin you wish to embed: Navigate to the Pinterest Pin you wish to share and click on on the three dots icon within the backside proper nook.
  2. Choose “Embed”: From the drop-down menu, select “Embed.”
  3. Copy the embed code: A pop-up window will seem with the embed code. Copy the HTML code offered by Pinterest.
  4. Paste the embed code in your web site: Paste the HTML code into the HTML editor of your web site or weblog put up the place you need the Pin to look.
  5. Save adjustments: Save and publish your adjustments to show the embedded Pin in your web site.

Customizing the Pin Show

You’ll be able to customise the looks of the embedded Pin by including extra attributes to the embed code. The next attributes can be found:

Attribute Description
data-pin-width Units the width of the embedded Pin in pixels
data-pin-height Units the peak of the embedded Pin in pixels
data-pin-do Specifies whether or not to show the Pin’s feedback and likes (default is “none”)

Show A number of Pins as a Widget

To show a number of pins as a widget, observe these steps:

  • Go to Pinterest.com and log in to your account.
  • Click on in your profile image within the top-right nook of the web page.
  • Choose “Widgets” from the drop-down menu.
  • On the “Widgets” web page, click on on the “Create a widget” button.
  • Choose the “A number of pins” sort of widget.
  • Enter the URL of the Pinterest board that you simply wish to show.
  • Choose the variety of pins that you simply wish to show.
  • Click on on the “Create widget” button.
  • The code for the widget will likely be displayed. You’ll be able to copy and paste this code into your web site or weblog.

    Right here is an instance of a code for a widget that shows 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>

    Shows 5 pins from the “My Pins” board.

    Add a Observe Button

    Step 1: Get the Pinterest Widget Code

    Go to the Pinterest Widget Builder and choose “Observe Button” beneath the “Social Plugins” tab. Select the specified dimensions and customise the button’s look. When you’re glad, click on the “Get Code” button.

    Step 2: Copy and Paste the Code

    Copy the generated code offered by Pinterest. Go to your web site’s HTML code and find the part the place you wish to add the Observe Button. Paste the code into the part of your web site.

    Step 3: Configure the Observe Button

    The Observe Button code consists of a number of parameters that you may customise to fit your wants. These parameters are specified inside the