Skip to main content

Command Palette

Search for a command to run...

Pin Widgets to the Top Of All Your Hashnode Articles Automatically

Updated
โ€ข2 min read
Pin Widgets to the Top Of All Your Hashnode Articles Automatically
E

Edidiong Asikpo is a Senior Developer Advocate based in Lagos, Nigeria. She is passionate about sharing her Kubernetes and web development knowledge through technical articles, videos, talks, and social media.

Widgets are third-party embeds or iframes that you can insert into one or more articles on your Hashnode blog with no limitations.

It can be anything from your newsletter, Youtube video, slides, social media channel, and more!

The Problem

Previously, if you wanted to add a third-party newsletter (e.g. Mailchimp, Revue, etc) widget to all the articles on your Hashnode blog, you'd have to create a Widget called mailchimp-widget, and manually add it using this format %%[mailchimp-widget] to all your articles.

Yes, doing this for 6 articles is okay, but doing it for 20 or more articles would be super stressful and time-consuming.

..and that's why we created the pinned widgets feature. ๐Ÿ’ƒ๐Ÿฝ

So now, you can pin a maximum of 2 widgets at either the top or bottom of all your articles with just one click.

How? You may ask. ๐Ÿ‘‡

Go to your blog's dashboard, and click on the Widgets tab.

Create a new widget.png

Navigate to the widget you want to pin and click on Edit Widget.

Edit Widget on Hashnode

Enable the Pin widget feature, and select if you want the widgets to show at the top or bottom of all your articles.

Pin Widget on hashnode

Finally, click on the Update button to save your changes. If you click on any of your articles, you will see the widget you pinned. ๐Ÿฅณ

Pinned Widget on a Hashnode blog


The steps above explain how to pin an existing widget. If you've never created a widget on your Hashnode blog, this documentation will guide you through the process.


How to unpin widgets from your article.

At the time of this writing, you can only pin up a maximum of two widgets on your articles. So if you already had two pinned widgets, you have to unpin one of them before pinning another one.

Follow the steps below to unpin a widget:

  1. Go to your blog's dashboard, and click on the Widgets tab.
  2. Navigate to the widget you want to unpin, click on Edit Widget.
  3. Disable the Pin widget feature, and click on the Update button to save your changes.

Unpin Widget on hashnode


There's a Pin icon beside every pinned widget to enable you easily identify which of your widgets is pinned to all the articles on your Hashnode blog.


We hope you love this new feature. Let us know what you think in the comment section.

2.7K views
M

Amazing !

Now we will request for bottom widgets like buymeacoffe :)

B

Super useful! Thanks team!

1
S

Wow! Nice๐Ÿ‘Œ

1
R

ok this is nice ๐Ÿ‘Œ

1
A

Wow This is amazing ๐Ÿ”ฅ

1
O

Great feature, have a few ideas on how I plan on using this

1
Y

Wow๐Ÿ˜ It's an amazing feature ๐Ÿ‘Œ

1
P

Loved it ๐Ÿ˜... I am into it

1
C

Finalllllyyyyyyyyyyyyy! I'm super happy! ๐Ÿ”ฅ

Can't wait to use this on catalins.tech!

1

New Features and Highlights โœจ

Part 21 of 26

A series about Hashnode's new features releases and updates. We ship things faster and listen to the dev community at Hashnode. Request a new feature [here](https://hashnode.com/feature-requests).

Up next

Create series on your blog and customize navbar!

How to create a new series on your blog and move existing ones easily

More from this blog

T

Town Hall - The official Hashnode blog

208 posts

Welcome to the official Hashnode blog. Find our product updates, announcements, interviews, and more here. Get started with Hashnode now.