Adding a clock widget to Notion makes it convenient to check the time so that you meet deadlines and attend meetings without a hitch. It also makes your pages look aesthetically pleasing by elevating the design.
And since you have a clock right on your screen, you need not check the time on your mobile phone, preventing distractions and enhancing productivity.
Here’s how to add a clock to Notion:
1. Customize design of the selected clock widget and copy its embed URL
2. Create and ‘Embed’ block in Notion and paste the link in it
3. Your clock widget is now available in Notion. Customize widget size, if required
1. Select a clock widget and customize design
The clock widget’s purpose is to show time but it should also blend in with your Notion page design. Even if you choose a basic clock, it should not stick out like a sore thumb and distract.
Depending on the purpose and the page audience, select a clock widget that hides in plain sight and displays time without squinting eyes.
We will use Notionavenue’s clock widget for demonstration. It’s easy to customize and automatically updates the embed URL based on your design choices.
Alright, let’s customize widget text and background color.
2. Customize design of the clock widget
In our example, we will stick with a simplistic design that fits right into the page deisgn.
If you plan to use the same widget, click the settings button to access these customization options:
- Background color - Blue
- Font color - Default black
2. Copy the embed URL
The embed code details what the clock widget looks like in Notion. It contains information about the text and background color of the clock, title, timezone, widget responsiveness, etc. Different widgets generate different embed codes based on the customization features they offer.
Your third-party widget page should ideally display the preview, as demonstrated in the screenshot in the previous section.
Continuing with our example, Click the ‘Copy to Clipboard’ button to copy the embed URL.
Keep the URL handy - we will need it in the subsequent steps.
3. Open the Notion page where you want to insert the clock
Open an existing page or a create a new one.
For demonstration, we will use our ‘Agency Dashboard’ page, shown in the screenshot below:
4. Add the clock widget to Notion
Position your cursor and click where you want to add the clock widget, type ‘/embed’, and click the ‘Embed’ block option.
Paste the embed URL of the Notion clock widget and click on the ‘Embed link’ button.
5. You have successfully added a clock widget to Notion
If required, resize the clock widget to make it fit better with your page layout.
Notice the outlines that appear when you hover over the clock widget (see the below image)
You can click on them and drag inwards or outwards to resize the widget.
Unable to embed clock in Notion? Here’s why:
Several reasons might be behind the difficulty in embedding a clock widget in Notion. Here are some potential issues and solutions:
1. Permission settings
You may not have the necessary permissions to embed content on the Notion page. Get Full access or Edit access to embed a clock in Notion.
2. Unsupported embed code
Notion may not display widgets that contain additional code other than the URL. Try removing the script and use plain widget URL.
3. Embed code errors
Double-check the code for any syntax errors or typos. Ensure that you are copying the complete and accurate embed code provided by the clock widget.
