All Collections
Blog Widgets
How to Create a Widget for Your Blog
How to Create a Widget for Your Blog
Updated over a week ago

Widgets are regular embeds that can be inserted anywhere in your articles. This feature allows you to embed any third-party widget (embeds/iframes outside the (embeds we support by default) inside your articles with no limitations.

Follow the steps below to create a widget for your blog

Step 1: Log into your Hashnode account.

Step 2: Click on your profile picture at the top-right corner of the page on a desktop or mobile screen and select the "Manage your blogs" option to access your personal and team blogs.

Attachment Frame 2.png

Step 3: Select the "Dashboard" of the blog you want to update

Attachment Frame 2.png

Step 4: Click on the "Widgets" tab visible on the left-side panel.

Attachment Step 3.png

Step 5: Click on the "Add New Widget" button at the top right corner of the widget area.

Attachment Step 3.png

Step 6: Paste the embed code in the text area provided (e.g., this can be a widget to add the Twitter timeline of a particular username named twitter-timeline).

Step 7: Create an ID for your widget. This ID will be used to insert the widget anywhere in your articles, i.e. %%[my-bmc-widget]

Step 8: If you don't want to manually insert the ID every time you publish a new article, you can enable the Pin Widget to pin the widget to the top or bottom of each article on your blog.

Step 9: Click on the "Create" button to save your changes.

Step 10: You can now use this syntax %%[widget-id-here] to refer to the created widget within your article.

Next Articles:

Did this answer your question?