Introducing our new Elementor Pinterest Feed widget by Premium Addons. Now you can effortlessly preview your pins and pin boards, right on your WordPress website. Engage your audience with captivating visuals and showcase your unique style. With a user-friendly interface and stunning design options, this widget is a must-have for anyone looking to leave a lasting impression. Upgrade your website with the power of Pinterest integration today.

Check Elementor Pinterest Feed Widget demo page.

Requirements:

• You will need Premium Addons free plugin installed and activated on your website.
• Premium Addons Pro is required for:
  • Boards query source.
  • Pro Skins.
  • Profile Header.
  • Feed Image’s Hover Effect.
• Make sure that this widget is enabled so you can find it in the Elementor editor.
• Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated.

Elementor Pinterest Feed Settings

Start by dragging & dropping the Pinterest Feed widget into your Elementor editor.

Key Features

• Access Credentials.
• Query.
• General Settings.
• Feed Settings.
• Profile Header.
• Carousel.

Access Credentials

You need to log in to your Pinterest account first to have the access token to give the needed permission to the plugin to preview your pins and boards.

• Access Credentials: Log in to your Pinterest account.
• Refresh Cached Data Once Every: Select the duration to refresh the feed cached data.

Query

Please note that Boards option requires Premium Addons PRO installed and activated on your website.

• Pins/Boards: Enable query from pins or boards.
• Source: Select the source to query from.
  • Pins.
  • Board.
• Filter By ID: Add the ID to filter your pins or boards.
• Get From Specific Board: Add the boards you want to preview.
• Order By Date: Select to order by date ascending or descending order.
• Exclude ID: Exclude by ID from your Elementor Pinterest Feed widget.
• Item Per Page: Set the number of items on each page.

Pins General Settings

• Layout: You may select between Grid or Masonry layout.
• Number of Columns: You may select the number of columns from 1 to 6 columns.
• Spacing: Set the spacing between photos.

Pin Settings

Please note that Banner, On Slide, and Slide options require Premium Addons PRO installed and activated on your website.

• Skin: You may select the skin of the feed between either Card, Banner, On Side, or Slide.
• Pin Info Order: Select the pin info order to be before or after.
• Display Options:
  • Pin Info Order: Select the pin info order to be before or after.
  • Pinterest Icon: Enabel to show Pinterest icon.
  • Icone Size: set the icon size.
  • Username: Enabel to show UserName.
  • Description: Enabel to show the item description
  • Description Length (Word): You may set the number of words for the photo description.
  • PostFix: Select the read more option for the item’s description between dots or link.
  • Date: Enable to show the photo’s date.
  • Date Format: You may set the photo’s date format.
  • Image Size: Select the image size from thumbnail, medium, large, or full.
  • Image Height: Set the image height.
  • Object Fit: Select the object fit either default, fill, cover, or contain.

Profile Header

Please note that Profile Header option requires Premium Addons PRO installed and activated on your website.

• Profile Header: Enable to show your Pinterest profile info as a header of the widget.
• Profile Picture: Enable to show your Pinterest profile picture.
• Follow Button: Enable to show the follow button.
• Biography: Enable to show your profile biography.
• Following Count: Enable to show your following count.
• Follower Count: Enable to show your follower count.
• Monthly Views Count: Enable to show your monthly views count.
• Display Options
  • Display: Set the display to be inline or block.
  • Biography Alignment: Set the biography text alignment.
  • Biography Order: Set the biography order to be before or after the count.

Carousel

• Enable Carousel.
• Auto Play: enable to auto-play the photos as in the carousel.
• Slides To Scroll: Set how many slides to show in one scroll.
• Transition Speed: Set the speed of the carousel animation in milliseconds (ms).
• Center Mode: Enables a centered view for one of the slides with partial next/previous slides.
  • Slides’ Spacing: set a spacing value in pixels [when Center Mode is enabled], so you can set how much partial view from the next/previous slides should appear.
• Navigation Dots: Enable the navigation dots for the carousel.
• Navigation Arrows: Enable the navigation arrows for the carousel.
• Arrows Position: Set the arrows’ position in pixels or em.

Style

• Feed Image.
• Feed Info.
• Feed Box.
• Carousel Arrows.
• Profile Header.
• Feeds Container.

Feed Image

Please note that Feed Image Hover Effect option requires Premium Addons PRO installed and activated on your website.

• Hover Effect: Set a hover effect for the Feed image:
  • None
  • Zoom In
  • Zoom Out
  • Scale
  • Grayscale
  • Blur
  • Bright
  • Sepia
  • Translate
• CSS Filters: You can also customize feed images further by selecting one of the available filters: Blur, Brightness, Contrast, Saturation, and Hue.
• Hover CSS Filters: You can also customize feed images further by selecting one of the available hover filters: Blur, Brightness, Contrast, Saturation, and Hue.
• Box Shadow: Set a shadow for the feed image and adjust its settings.
• Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest feed image.
• Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest feed image.

Feed Info

• Username
  • Typography: Adjust font settings.
  • Color: Select the text color for the username.
  • Margin: Creates a space around the username in Elementor Pinterest Feed Widget, outside of any defined borders.
• Date
  • Typography: Adjust font settings.
  • Color: Select the date color for the date.
  • Username/Date Margin: Creates a space around username and date in Elementor Pinterest Feed Widget, outside of any defined borders.
• Description
  • Typography: Adjust font settings.
  • Color: Select the description color for the description.
  • Margin: Creates a space around the description in Elementor Pinterest Feed Widget, outside of any defined borders.
  • Padding: Creates space around the description in Elementor Pinterest Feed Widget, inside of any defined borders.
• Pinterest Icon
  • Color: Select the description color for the Pinterest icon.
  • Background Color: Select the Pinterest icon background color.
  • Border Radius: Insert border-radius values.
  • Margin: Creates a space around Pinterest icon in Elementor Pinterest Feed Widget, outside of any defined borders.
  • Padding: Creates space around Pinterest icon in Elementor Pinterest Feed Widget, inside of any defined borders.

Feed Box

• Box Shadow: Set a shadow for the feed box and adjust its settings.
• Background Type: Pick the background for Elementor Pinterest feed box.
  • Classic Background: Color or Image Background.
  • Gradient Background: Set the background using gradient colors.
• Color: Set background color.
• Image: Upload an image or select one from the media library.
• Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest feed box.
• Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest feed box.
• Padding: Creates space inside Elementor Pinterest feed box.

Carousel Arrows

• Color: set the color of carousel arrow icons.
• Size: set the size of arrow icons for different devices. So, you can set a specific size for each screen view (Desktop, Tablet, and Mobile).
• Background Color: Select the Pinterest carousel arrows’ background color.
• Border Radius: Insert border-radius values.
• Padding: Creates space around Pinterest carousel arrows in Elementor Pinterest Feed Widget, inside of any defined borders.

Profile Header

• Username
  • Typography: Adjust font settings.
  • Color: Select Profile header’s username color.
• Profile Picture
  • Size: Set the size of profile picture.
  • Box Shadow: Add a shadow around the container. Select the color and the following settings:
    • Horizontal Position.
    • Vertical Position.
    • Blur.
    • Spread.
    • Position: Outline or Inset.
  • Background Type: Pick the background for Elementor Pinterest profile header.
    • Classic Background: Color or Image Background.
    • Gradient Background: Set the background using gradient colors.
  • Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest profile picture.
  • Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest profile picture.
  • Padding: Creates space inside Elementor Pinterest profile picture.

• Follow Button
  • Typography: Adjust font settings.
  • Box Shadow: Set a shadow for the follow button and adjust its settings.
  • Background Type: Pick the background for Elementor Pinterest follow button.
    • Classic Background: Color or Image Background.
    • Gradient Background: Set the background using gradient colors.
  • Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest follow button.
  • Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest feed box.
  • Padding: Creates space inside Elementor Pinterest feed box.
• Biography
  • Typography: Adjust font settings.
  • Color: Select the description color for the follow button.
  • Margin: Creates a space around the description in Elementor Pinterest Feed Widget follow button, outside of any defined borders.

• Counters
  • Typography: Adjust font settings.
  • Color: Select counters color.
  • Background Type: Pick the background for Elementor Pinterest counters.
    • Classic Background: Color or Image Background.
    • Gradient Background: Set the background using gradient colors.
  • Border Type: Select from different border types, as well as the color and width of the border on each side of Elementor Pinterest counters.
  • Border Radius: Increasing the border-radius will add circular corners to the Elementor Pinterest counters.
  • Inner Spacing: Add Inner spacing of counters.
  • Margin: Creates a space around the counters in Elementor Pinterest Feed counter, outside of any defined borders.
  • Padding: Creates space around the counters in Elementor Pinterest Feed counter, inside of any defined borders.
• Container
  • Box Shadow: Set a shadow for the container and adjust its settings.
  • Background Type: Pick the background for Elementor Pinterest container.
    • Classic Background: Color or Image Background.
    • Gradient Background: Set the background using gradient colors.
  • Color: Set background color.
  • Image: Upload an image or select one from the media library.
  • Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest container.
  • Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest container.
  • Margin: Creates a space around the description in Elementor Pinterest Feed Widget container, outside of any defined borders.
  • Padding: Creates space inside Elementor Pinterest container.

Feed Container

• Box Shadow: Set a shadow for the feed container and adjust its settings.
• Background Type: Pick the background for Elementor Pinterest feed container.
  • Classic Background: Color or Image Background.
  • Gradient Background: Set the background using gradient colors.
• Border Type: Select from different border types, as well as the color and the width of the border on each side of Elementor Pinterest feed container.
• Border Radius: Increasing the border radius will add circular corners to the Elementor Pinterest feed container.
• Margin: Creates a space around the description in Elementor Pinterest Feed Widget feed container, outside of any defined borders
• Padding: Creates space inside Elementor Pinterest feed container.

Conclusion

In conclusion, the Elementor Pinterest Feed widget by Premium Addons is a game-changer for websites seeking to enhance their visual appeal and engage their audience. With the ability to effortlessly preview pins and pin boards, you can showcase your unique style and ideas in a captivating way. Its user-friendly interface and stunning design options make it a must-have addition for anyone looking to make a lasting impression. Unlock the power of Pinterest integration and take your website to new heights with this groundbreaking widget. Upgrade your site today and let your creativity shine!

If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁

Join the Community

You’re most welcome to join our Facebook group and YouTube channel to get updates about new features, improvements, and bug fixes.