Embed a Clock and Countdown widgets for Google Sites

Jul 20, 2022

Today, everyone is online. A vast majority of people spend their time online on different websites. You may need to add useful widgets to differentiate your website and give it a personal touch.

The clock widget and countdown widget are two of the most common and useful widgets. With them, you can build an interactive website without much effort.

This article explains how to add clock and countdown widgets to your website in less than 10 minutes!

Add a Countdown Widget to Your Website and Drive Traffic

A countdown widget is a visual or textual countdown that tells website visitors when a particular event will occur. It’s a great way to incorporate urgency into your marketing strategy and encourage your audience to take action right away. In most cases, businesses use countdown widgets to promote sales and special offers — but they can be used for many different types of campaigns! Countdown widgets also come in several different styles, which means you can choose the one that best aligns with your brand and marketing strategy.

This website offers a free countdown widget and you can embed it on your Google Sites.

Countdown widget example for Google Sites

Customizing the widget style is pretty straightforward. Choose the Time for your future event, timezone, style, language, title of the countdown, style, text color etc. And then click the [Embed on your website] button to get your script code like this. If you can read the code, you can edit from this script itself.

<script src=""></script>

<a href="" class="countdown-timer" data-style="flip2" data-timezone="America/Los_Angeles" data-date="2022-12-25 00:00">Christmas Countdown</a>

Now you can just embed this code within your Google Sites like this.

Countdown widget script for Google Sites

Add a Clock Widget to Your Website

Having a clock on your website is a great way to keep readers engaged and on your website for longer. What’s more, adding a clock to your website can increase engagement by an incredible amount. A clock allows your customers to keep track of the time and know when it’s best to finish their task at hand. This allows them to stay on your website while working. These days, it’s common to see people on their phones while in the same room as friends and family. If you want to keep your readers on your website and engage with your content, a clock widget will help you do so.

Clock widgets are available on this and other websites.

Here are the examples and codes.

Clock widget example for Google Sites
Clock widget script for Google Sites

<script src=""></script>

<a href="" class="digital-clock" data-style="round" data-size="400" data-timezone="America/Los_Angeles" data-language="en">Current time in Santa Clara, United States</a>

Clock widget examples for Google Sites
Clock widget script for Google Sites

<iframe src="" frameborder="0" width="87" height="34"></iframe>

Sample website with embedded clock and countdown widgets can be found here.

Google Sites with Clock and Countdown widgets
Mastering Google Sites book

The 2023 Guide to Maximize Web Presence: “Mastering Google Sites” with 30 Surprising Things You Never Knew You could do with Google Sites.

Available for purchase here.