How to Create and Use Notion Widget Codes in Blocky | Create Custom Widgets for Notion with Blocky

Widget Codes in Blocky let you share and reuse widget designs including colors, themes, and chart styles without sharing any of your Notion data. Think of them like Notion templates but for your widgets.

You can use Widget Codes to:

Duplicate a widget style you’ve created for faster setup.
Share a favorite theme with friends or the Blocky community.
Quickly apply custom chart styles to a new dataset.

Note: Widget Codes only store the widget’s design settings - no Notion content or personal data is included.

Go to Your Dashboard In your dashboard, locate the widget you want to share or duplicate.
Open Widget Actions Click the ⋯ (three dots) menu on the widget card.
Generate Code Select Generate Code from the dropdown. This will create a new code containing all the widget’s style settings.
Copy Your Code A toast notification will appear with the option to copy it immediately.
Find Codes Later in Settings If you missed copying it, go to your Settings > Widget Codes tab. Here you can:

Copy any of your previously generated codes.
Delete codes you no longer need.

To import a Widget Code:

Open the Widget Editor Navigate to the widget you want to style.
Click the Import Button In the editor toolbar, click the < > code tag icon at the bottom.
Paste Your Code Enter your widget code (it will always start with blocky_so_) and click Import.
Matching Rules The imported code must match:

The category (e.g., charts, timers, study, misc)
The widget type (e.g., radar, countdowns, stopwatch, pomodoro)
The variant (e.g., normal, retro) If it doesn’t match, you’ll see an Invalid Code message.

You can post them in your community, social media, or send directly to a friend.
Pair your Widget Code with a screenshot so others can preview the style.
Treat them like templates: import, tweak, and make them your own.

Explore 60+ Free Notion Widgets

Timers, charts, habit trackers, mood tools, and more—all free to customize and embed with Blocky.

Start Customizing

How to Create and Use Notion Widget Codes in Blocky

You can use Widget Codes to:

Duplicate a widget style you’ve created for faster setup.

Share a favorite theme with friends or the Blocky community.

Quickly apply custom chart styles to a new dataset.

Note: Widget Codes only store the widget’s design settings - no Notion content or personal data is included.

How to Create a Widget Code

Go to Your Dashboard In your dashboard, locate the widget you want to share or duplicate.

Open Widget Actions Click the ⋯ (three dots) menu on the widget card.

Generate Code Select Generate Code from the dropdown. This will create a new code containing all the widget’s style settings.

Copy Your Code A toast notification will appear with the option to copy it immediately.

Find Codes Later in Settings If you missed copying it, go to your Settings > Widget Codes tab. Here you can:

Copy any of your previously generated codes.

Delete codes you no longer need.

How to Use a Widget Code

To import a Widget Code:

Open the Widget Editor Navigate to the widget you want to style.

Click the Import Button In the editor toolbar, click the < > code tag icon at the bottom.

Paste Your Code Enter your widget code (it will always start with blocky_so_) and click Import.

Matching Rules The imported code must match:

The category (e.g., charts, timers, study, misc)

The widget type (e.g., radar, countdowns, stopwatch, pomodoro)

The variant (e.g., normal, retro) If it doesn’t match, you’ll see an Invalid Code message.

Tips for Sharing Widget Codes

You can post them in your community, social media, or send directly to a friend.

Pair your Widget Code with a screenshot so others can preview the style.

Treat them like templates: import, tweak, and make them your own.

Explore 60+ Free Notion Widgets

Timers, charts, habit trackers, mood tools, and more—all free to customize and embed with Blocky.

Start Customizing