Indify Help Center
    Sign Up

    Home

    What's New

    Start here

    How To Customize Your Widget

    Widget Guides

    Common Guides

    Embed Guides

    Notion and Indify

    Plans & Pricing

    Special Initiatives

    Learn More

    Indify Help Center
    Indify Help Center
    /
    Widget Guides
    /Clock Widget
    Clock Widget
    Clock Widget

    Clock Widget

    The Indify Clock widget is a precise, minimal way to keep global time visible where work happens. This typography-forward time display brings clarity and focus to any productivity tool that supports embeds. With options to customize appearance and display format, you can configure time zone, format, labels, date/day, and styling to create a personal or shared virtual workspace that keeps you and your team motivated and on track with time.
    image

    How to Set Up the Clock Widget

    Step 1: Create the Widget

    1. Go to Indify.co and sign in.
    2. Select Create New Widget.
    3. Choose Clock from the widget library.

    ⚙️ Configure What Matters

    Clock Type

    Choose how you would like your time to be displayed. Select from a variety of clock styles including Flip Clock, Digital Solid, Digital Roulette, Analog Trail, Analog Smooth, Analog Planets, Analog Numbers, and Analog Dots.

    Timezone

    Select the time zone you would like your clock to display. The default is your Local Timezone.

    ☑️

    Some of the following settings may not be available depending on which Clock Widget - Clock TypeClock Widget - Clock Type you have selected

    Use 24h clock

    Toggle on to display the time in 24-hour format.

    Show time indicators

    Toggle on to display time indicators (the tick marks around the clock face that mark each hour position)

    ☑️

    This setting is only available on Analog clock types

    Show seconds

    Display or hide seconds from the clock display

    ☑️

    On clocks where there are multiple time displays, this only hides seconds from the numerical display

    Show seconds dial

    Display or hide the seconds hand from the clock display.

    Show date text

    Toggle on to display the date.

    Show timezone

    Display or hide the timezone from the clock display.

    Add label

    Toggle on to add a custom label to your clock.

    Step 2: Customize the design

    • Pick a style: between digital, analog, or flip.
    • Choose colors, font, and transparency.

    Learn More About Indify’s Features

    Light and Dark Mode
    🌗
    Light and Dark Mode
    Color Settings
    🎨
    Color Settings
    Transparent Background
    Transparent Background
    Drop / Text Shadows
    🔦
    Drop / Text Shadows
    Widget Hover Menu
    Widget Hover Menu

    🎨 Personalize Your Aesthetic

    Padding

    Set the amount of padding that separates the clock display and the edge of the container

    ☑️

    This setting is not available on Flip Clock

    Digit font family

    Select the font family used for the clock digits

    ☑️

    This setting is only available on Flip Clock

    Text font family

    Select the font family for all text in your clock display: labels, dates, and any text that isn't the flip clock digits.

    Clock size

    Choose from Small, Medium, or Large to control the overall size of your clock display.

    ☑️

    This setting is only available on Flip Clock

    Text alignment

    Set the alignment of text elements in your Flip Clock. Choose from Left, Center, or Right to match your layout preferences.

    ☑️

    This setting is only available on Flip Clock

    Drop shadows

    Display shadows behind text to increase contrast between the text and the background.

    Color Settings

    Update text colors & background colors to keep your aesthetics consistent in different environments.

    Light and Dark Mode

    Sync your widget’s appearance seamlessly with your platform’s environment, by selecting light mode, dark mode, use system setting, or do nothing.

    Step 3: Paste Your Embed

    1. Copy the widget’s embed link from Indify.
    2. Open your Notion workspace.
    3. Type “/embed” and paste the link into your desired page.
    4. Resize and position the widget as needed.
    💡

    View our Indify Help Center Indify Help Center to learn how to embed into various platforms like Notion, Canva, Google Sites and more.

    ✨ Use Cases Where the Clock Widget Shines

    1) Remote & Distributed Teams

    Display team time zones in a header strip so everyone schedules with awareness—no need to switch tabs to check world time sites.

    2) Travel & Event Pages

    Show origin vs. destination time (with date and day) alongside itineraries and Countdown blocks to stay oriented across time zones.

    3) Virtual Office Design

    Create animated, live clocks that bring energy to your dashboard, perfect for decorating your workspace and keeping you and your team motivated.

    4) Freelance & Client Work

    Display your local time alongside your client's timezone to make scheduling calls and meetings effortless. Show professionalism by respecting time differences.

    5) Focus & Time-Blocking Sessions

    Pair the clock with your daily schedule to maintain awareness of passing time, helping you stay disciplined during deep work blocks.

    Get Even More From Your Workflows

    Creator Plan Upgrade 🎨

    💡

    By upgrading to the Creator Plan, you’ll unlock the ability to create Unlimited Widgets, select one Pro Widget to upgrade, and Organize Unlimited Dashboards.

    Plans & PricingPlans & Pricing

    image
    The Indify Clock Widget is a precise, minimal way to keep global time visible where work happens. With time zone controls, 12/24-hour format, optional date/day/seconds, and a calm visual style, it turns your pages into a reliable, timeless scheduling surface. Create one clock for each time zone you need to track, and embed anywhere.

    Troubleshooting the Clock Widget

    Widget not loading where it’s embedded
    ❓
    Widget not loading where it’s embedded
    The Clock widget doesn’t appear as expected
    ❓
    The Clock widget doesn’t appear as expected
    How to enable storage for local dark mode
    ❓
    How to enable storage for local dark mode

    FAQs

    Q: Is the Clock Widget free?

    Yes. It’s free, but certain features like having a transparent background require upgrading to the Creator Plan.

    Q: Can I show multiple time zones?

    Yes, create/duplicate one clock per time zone and place them side-by-side.

    Q: Does it support 24-hour time?

    Yes, toggle 12/24-hour display.

    Q: Can I show the date and day of week?

    Yes, enable Show date text in the widget settings.

    Q: Do I need to re-embed after edits?

    No, just edit in Indify and refresh your page. The latest widget data will load automatically.

    Q: Will it work on mobile?

    Yes. We recommend using desktop to set your ideal size; as the widget will scale to your device dimensions on mobile.

    Other Widget Guides

    Gallery Widget
    Gallery Widget
    Upgrade Available ✨
    Outlook Calendar Widget
    Outlook Calendar Widget
    Upgrade Available ✨
    Weather Widget
    Weather Widget
    Upgrade Available ✨
    Google Calendar Widget
    Google Calendar Widget
    Upgrade Available ✨
    Counter Widget
    Counter Widget
    Quotes Widget
    Quotes Widget
    Button Widget
    Button Widget
    Life Progress Bar Widget
    Life Progress Bar Widget
    Countdown Widget
    Countdown Widget
    icon

    Search more ways to discover how our organic community is using this tool with these keywords

    notion clock widget, indify clock widget, world clock for notion, multiple time zones notion, 24 hour clock notion, am pm clock notion, show date in notion clock, live time widget notion, minimal clock widget notion, embed clock in notion, notion dashboard clock, timezone clock for notion, team time zones notion, digital clock notion, office clocks notion, free notion clock widget, notion time display widget, notion world time strip, notion clock block alternative, indify clock embed url, notion real time clock, notion desktop clock, notion animated clock, notion flip clock widget, notion analog clock, notion time zone converter, notion utc clock, notion gmt clock, notion local time widget, notion remote team clock, notion distributed team time, notion client timezone, notion meeting scheduler clock, notion time tracker widget, notion seconds display, notion date format clock, notion day of week display, notion minimalist time, notion focus timer clock, notion pomodoro clock, notion work hours clock, notion business hours display, notion shift schedule clock, notion operations clock, notion warehouse time, notion data center clock, notion global office time, notion travel clock, notion destination time, notion countdown with clock, notion event time display, canva clock widget, framer clock widget, google sites clock widget, coda clock widget, obsidian clock widget, embed clock in canva, embed clock in framer, embed clock in google sites, embed clock in coda, embed clock in obsidian, world clock for canva, world clock for framer, world clock for google sites, world clock for coda, world clock for obsidian

    On this page

    • How to Set Up the Clock Widget
    • Step 1: Create the Widget
    • ⚙️ Configure What Matters
    • Clock Type
    • Timezone
    • Use 24h clock
    • Show time indicators
    • Show seconds
    • Show seconds dial
    • Show date text
    • Show timezone
    • Add label
    • Step 2: Customize the design
    • 🎨 Personalize Your Aesthetic
    • Padding
    • Digit font family
    • Text font family
    • Clock size
    • Text alignment
    • Drop shadows
    • Color Settings
    • Light and Dark Mode
    • Step 3: Paste Your Embed
    • ✨ Use Cases Where the Clock Widget Shines
    • 1) Remote & Distributed Teams
    • 2) Travel & Event Pages
    • 3) Virtual Office Design
    • 4) Freelance & Client Work
    • 5) Focus & Time-Blocking Sessions
    • Get Even More From Your Workflows
    • Creator Plan Upgrade 🎨
    • Troubleshooting the Clock Widget
    • FAQs
    • Other Widget Guides
    • Search more ways to discover how our organic community is using this tool with these keywords