Some links on this site are affiliate links, meaning I may earn a small commission at no extra cost to you. I only recommend products I trust and use myself. Thank you for supporting my content!
How to add a Pinterest Widget to your website
Want to make it easier for people to follow you on Pinterest straight from your website? Adding a Pinterest profile widget is a quick and simple way to showcase your pins and grow your following - without them ever leaving your site.
Here’s how to set it up in just a few minutes!
Why Add a Pinterest Widget?
A Pinterest widget isn’t just a nice extra - it’s a smart way to boost engagement. Visitors can follow you with one click, meaning they’ll see more of your content in their feeds. Plus, it visually reinforces your brand and makes your website feel more interactive.
How to Add the Pinterest Profile Widget (Step by Step)
1. Head to the Pinterest Developer Platform
This is where you’ll find the different widget options. For this tutorial, we’re focusing on the profile widget.
2. Copy the Initial Code
Pinterest provides a small piece of code that you need to add to your website. You’ll need to paste this into either the <head> or <body> section of your site.
3. Open Your Website’s Backend
I’m using Systeme.io for this example. If you’re using a different platform, don’t worry; the process is similar. Navigate to the settings where you can edit the header code of your website.
4. Paste the Code into Your Header
Once you’re in the settings, locate the section for editing the header code. Paste the code you copied from Pinterest here. Save your changes.
5. Set Up the Profile Widget
Now return to the Pinterest Developer Platform and click on the profile widget section. You’ll need to copy another piece of code that will display your profile and pins on your homepage.
6. Customise the Widget Code
In the code you just copied, make sure to replace the placeholder with your actual Pinterest username. This is usually found in light grey under your profile bio (in this example, it is cozy_color).
7. Add the Widget to Your Homepage
Head back to your website editor. Here, you’ll want to add an HTML block where you want the widget to appear. Paste the modified widget code into this block.
8. Adjust the Size
To make sure your widget is visible and attractive, you might want to adjust the width and height. For example, changing the width and height can make a big difference in how it looks on your site.
9. Save and Preview
After making your adjustments, save your changes and preview your website. You should see your Pinterest widget displayed nicely, complete with a follow button!
Final Touches
Want to encourage more follows? Add a little text above the widget, like Follow Me on Pinterest for More Ideas & Inspiration!
That’s It!
With just a few quick steps, you now have a Pinterest profile widget live on your site, helping you attract more followers and showcase your pins effortlessly.
Feeling ready to get consistent on Pinterest? Here’s how I can help…
📌 Download my FREE Pinterest Quick Start Guide to get you off to the best possible start on Pinterest for your business marketing.
📌 Visit my Template Shop for easy-to-customise and high-converting pin templates for Canva
📌 Join the PinPower Growth Academy, my low-cost Pinterest membership provides you with everything you need to grow on Pinterest!
Pin Me!
Was this blog post helpful? Pin this blog to one of your boards to share it with your community and read it again later. 📌
Grab the freebie!
Pinterest A-Z Cheat Sheet
From understanding what a ‘Board’ really does to unlocking the potential of ‘Rich Pins’, this list will help you demystify the platform, one term at a time. Ideal for newbies ready to dive in or anyone looking for a quick refresher.
Copyright © Faye Strange Digital 2025 | All Rights Reserved