Holiday Deals are Here!

UP TO

35%

Discounts

Ending in:

Get Yours Now!
wpmet-website-logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • GetGenie AI
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
wordpress plugin
Popular Search headermenumegafootermetform

Getting Started With ElementsKit

  • How to purchase ElementsKit Pro and activate license
  • Modules of ElementsKit

ElementsKit General Widgets

  • Social Media Widget
  • Advanced Accordion
  • Creative Button
  • FAQ
  • Progress Bar
  • Testimonial
  • Dual Button
  • Social Share
  • Unfold
  • Advanced Toggle
  • Google Map
  • Popup Modal
  • Breadcrumb
  • Image Swap
  • Lottie Animation
  • Back to Top
  • Heading Widget
  • Button Widget
  • Team
  • Accordion
  • Tab
  • Advanced Tab
  • Timeline Widget
  • Advanced Chart
  • ElementsKit Table Widget
  • Motion Text
  • Hotspot
  • Gallery
  • Woocommerce Product Carousel
  • Client Logo
  • Image
  • FunFact
  • Countdown Timer
  • Image Box
  • Image Accordion
  • Icon Box
  • Pie-Chart
  • Pricing Table
  • Video
  • Image Comparison
  • Drop Caps
  • Business Hours
  • Header Search
  • Tablepress
  • ElementsKit Advanced Slider
  • WhatsApp Widget
  • Image Hover Effect
  • Image Hover Effect
  • Image Morphing
  • Video Gallery Widget
  • Stylish List
  • Flip Box
  • Audio Player
  • Team Carousel Slider
  • Content Ticker

ElementsKit Modules

  • Header & Footer Builder
  • Sticky Content Module
  • Parallax Effects
  • Mega Menu Builder
  • One Page Scroll
  • Widget Builder
  • Facebook Messenger
  • Cross-Domain Copy Paste Module
  • Advanced Tooltip Module
  • Conditional Content Module
  • ElementsKit Icon Pack
  • Google Sheets Module
  • Reset Button Module for Elementor Pro Form
  • Masking Module
  • Particles Module

WP Posts

  • Post Tab
  • Post List
  • Category List
  • Post Grid
  • Blog Posts

Header Footer Widgets

  • Header Off-canvas
  • Vertical Mega Menu
  • Page List
  • Header Info
  • Nav Menu

Form Widgets of ElementsKit

  • Contact Form 7
  • Caldera Form
  • We Forms
  • Wp Forms
  • Ninja Forms
  • Fluent Forms
  • Mailchimp

Social Media Feeds

  • Twitter Feed API
  • Dribble Feed
  • Behance Feed
  • Facebook Feed API
  • Instagram Feed API
  • Pinterest Feed

Meeting Widgets

  • Zoom Integration

Review Widgets

  • Facebook Review
  • Yelp

Woocommerce Widgets

  • Woocommerce Product List
  • Woocommerce Category List
  • Woocommerce Mini Cart
  • Woocommerce Product Carousel

ElementsKit Settings

  • How to use ElementsKit Widgets
  • Ajax Load Feature of Mega Menu

How to translate ElementsKit pages

  • How To Translate ElementsKit Pages With WPML
  • How to translate Elementskit Header Footer and Advanced Widgets with WPML
  • Home
  • Doc
  • ElementsKit
  • Social Media Feeds
  • Pinterest Feed

Pinterest Feed

Table of Contents
  • How to add Pinterest Feed to WordPress using Elementor
  • Step-1: Enable the Pinterest Feed widget
  • Step-2: How to use Pinterest Feed widget
    • 2.1 Add the widget into your design:
    • 2.2 Configure the Pinterest feed setting:
      • Feed Type: Home Feed
      • Feed Type: Board Feed
    • 2.3 Configure the Pinterest feed layout:
      • Cards Style: Gird
      • Cards Style: Masonry
  • Step-3: Customize styles of Pinterest Feed
    • 3.1 Widget Style
    • 3.2 Header Card
    • 3.3 Profile Picture
    • 3.4 User Name
    • 3.5 User Description
    • 3.6 Header Button
    • 3.7 Pins Container
    • 3.8 Pin Card
    • 3.9 Top Right Logo

ElementsKit is the all-in-one solution that comes with all the useful features to build websites with Elementor. This includes a set of Social Media Feed widgets, that you can use to embed your social media feed on your website. ElementsKit currently supports Twitter feed, Facebook feed, Instagram feed, Dribble feed, Behance feed, and Pinterest feed integration.

How to add Pinterest Feed to WordPress using Elementor #

Embedding Pinterest images to WordPress is easy with ElementsKit. Using the Pinterest feed widget, you can easily add Pinterest feed to WordPress and display Pinterest pins and boards on your website with the highest number of customization options.

Read this documentation to learn how to add Pinterest images to WordPress using the ElementsKit Pinterest Feed widget for Elementor.

Step-1: Enable the Pinterest Feed widget #

To use the Pinterest Feed widget of ElementsKit,

  1. Login to your WordPress site.
  2. Navigate to ElementsKit > WIDGETS from your WordPress dashboard.
  3. Scroll down to the Social Media Feeds section and find the Pinterest Feed widget from the list.
  4. Enable the widget by switching the toggle button to ON.
  5. Click on the SAVE CHANGES button.

Step-2: How to use Pinterest Feed widget #

Now you can use the Pinterest Feed widget. To use the widget, follow the following steps.

2.1 Add the widget into your design: #

  • Open a page with Elementor editor.
  • Find the Pinterest widget from the left panel.
  • Drag and drop the widget into your design.

2.2 Configure the Pinterest feed setting: #

To configure the Pinterest feed setting, 

  • Go to the Setting section under the content tab.
  • Enter your Pinterest Username.

Select Feed Type to choose whether to show the pins or the boards on the website.

Feed Type: Home Feed #

Shows Pins from the profile’s home feed.

  • Feed type: Set to Home Feed.
  • Pins to Show: Set the number of Pinterest Pins to show on the web page.

Feed Type: Board Feed #

Shows a particular board from your Pinterest profile.

  • Feed type: Set to Board Feed.
  • Board name: Enter the name of the Pinterest board you want to display.
  • Pins to Show: Set the number of Pinterest Pins to show on the web page.

2.3 Configure the Pinterest feed layout: #

Go to the Layout section under content tab. The widget has two layout styles available.

Cards Style: Gird #

  • Cards Style: Set to Grid.
  • Column Count: Number of items to show in a single row.
  • Column Gap: Adjust gap between columns.
  • Column Height: Adjust column height of items in each row.

Cards Style: Masonry #

  • Cards Style: Set to Masonry
  • Column Count: Number of items to show in a single row.
  • Column Gap: Adjust gap between columns. 

[img 2.3b/gif]

Step-3: Customize styles of Pinterest Feed #

You can customize the appearance of the Pinterest Feed on your website with the highest number of options available. Here are the steps to follow:

3.1 Widget Style #

Style option for the entire feed. To customize the styles,

  • Background Type: Choose the Background color type; Classic or Gradient.
  • Color: Choose background Color.
  • Image: Can use an image as background.
  • Padding: Set padding for the entire Pinterest feed.

3.2 Header Card #

Style options for the header of the feed. To customize the styles,

  • Background Type: Choose the Background color type; Classic or Gradient.
  • Color: Choose the background color for Header Card.
  • Image: Can use an image as background.
  • Padding: Set padding for the header items.
  • Margin: Adjust the margin for items in the header card.

Border of Header Card

  • Border Type: Select border type for header card from the given options; Solid, Double, Dotted, Dashed, Groove, or None(no border).
  • Width: Set the border width for the header card.
  • Color: Set the border color for the header card.
  • Border Radius: Set the border radius for the header card.

3.3 Profile Picture #

Style options for the Profile Picture in the display. To customize the styles,

  • Picture Size: Adjust the size of the profile picture.
  • Margin Right: Adjust the margin to the right.
  • Border Radius: Set the Border radius of the profile picture.

3.4 User Name #

Style options for the User Name to display. To customize the styles,

  • Text Color: Choose a color for the user name text.
  • Text Shadow: Tailor the design by adding text shadow to the user name.
  • Typography: Set typography for the user name.
  • Margin: Adjust the margin around the user name.

3.5 User Description #

Style options for the User Description to display. To customize the styles,

  • Text Color: Choose a color for the user description text.
  • Typography: Set the typography for the user description.

3.6 Header Button #

Style options for the follow button on the header. To customize the styles,

  • Typography: Set text typography for the header button.
  • Background Type: Choose the Background color type; Classic or Gradient.
  • Color: Choose the background color for the header button.
  • Image: Can use an image as background.
  • Text Color: Select a color for the text in the follow button on the header.

3.7 Pins Container #

Style options for the container where pins are displayed. To customize the styles,

  • Background Type: Choose the Background color type; Classic or Gradient.
  • Color: Choose the background color for the Pins Container.
  • Image: Can use an image as background.
  • Border Type: Select border type for Pins Container from the given options; Solid, Double, Dotted, Dashed, Groove, or None(no border).
  • Width: Set the border width for the Pins Container.
  • Color: Set the border color for the Pins Container.
  • Border Radius: Set the border radius for the Pins Container.

3.8 Pin Card #

Style options for the Pin Card where you can change the border radius. To customize the style, change the Border Radius for the pin cards.

3.9 Top Right Logo #

Style option to customize the Pinterest logo on the cards at the top right corner. To customize the style,

  • Circle Size: Adjust the size of the circle around the logo.
  • Icon Size: Adjust the size of the icon.

Circle of the logo

  • Circle position: Set where you want to place the logo on the cards.
  • Background Type: Choose the Background color type; Classic or Gradient.
  • Color: Choose the background color for the circle.
  • Image: Can use an image as background.

Icon in the Top Right Logo

  • Header Icon: Choose an icon for the Top Right Logo.
  • Icon Color: Select a color for the icon in the Top Right Logo.

Finally, you will have your Pinterest feed added to your WordPress website. ElementsKit makes it easy for you to embed your Pinterest pins and boards on your website with Elementor.

GET ElementsKit For Elementor
ElementsKit, ElementsKit pro
What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on October 5, 2022
Instagram Feed API
Table of Contents
  • How to add Pinterest Feed to WordPress using Elementor
  • Step-1: Enable the Pinterest Feed widget
  • Step-2: How to use Pinterest Feed widget
    • 2.1 Add the widget into your design:
    • 2.2 Configure the Pinterest feed setting:
      • Feed Type: Home Feed
      • Feed Type: Board Feed
    • 2.3 Configure the Pinterest feed layout:
      • Cards Style: Gird
      • Cards Style: Masonry
  • Step-3: Customize styles of Pinterest Feed
    • 3.1 Widget Style
    • 3.2 Header Card
    • 3.3 Profile Picture
    • 3.4 User Name
    • 3.5 User Description
    • 3.6 Header Button
    • 3.7 Pins Container
    • 3.8 Pin Card
    • 3.9 Top Right Logo

Get Subscribed Today!

wpmet-website-logo
© 2022, Wpmet. All Rights Reserved. Built with ElementsKit.
Elements Kit
ShopEngine
GetGenie AI
Metform
WP Social
Wp Ultimate Review
Wp Fundraising
About us
Contact us
Support
Login/Register
Collaborate
Affiliates
Affiliate Area
Privacy Policy
Terms and Conditions
Refund Policy
Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT