SharePoint online countdown timer web part

In SharePoint Online, a countdown timer web part is a virtual clock that counts down the number or date to indicate the beginning or end of the event of the offer. In the countdown timer web part, we can add a title, set the date format, add a description, and a call to action button with a link.

This SharePoint Online tutorial will show us how to use SharePoint Online countdown timer web part.

Add Countdown Timer Web Part on SharePoint Site

Here, we will see how to add a countdown timer web part on SharePoint online and configure the countdown timer web part.

To do that, follow the steps that are listed below:

• Open a SharePoint Online site page, then click on Edit. Inside this edit window, click the + icon to Add a new web part in column one, as shown below.

• Then, a dialog box opens, search Countdown Timer web part, and then select it.

• Here we can see the countdown timer web part added as a web part on SharePoint Site.

This is how to add a countdown timer web part in modern SharePoint.

Now we will customize these SharePoint countdown timer web part:

• Now, Add a title and Add description to your countdown web part based on your requirement.

• Click on the Edit icon to edit the countdown timer web part.

• A dialogue box will appear [Right-hand side] as Countdown Timer; provide the details as:
  • Date and time = Select the date and time from when you want to start the countdown.
  • Display timer as = Select the format to display the countdown. There are three formats for displaying the countdown, as listed below.
    • Days = In this format, only days appear in the countdown web part.
    • Days, hours, minutes = Here, in this format, it displays the days, hours, and minutes.
    • Days, hours, minutes, seconds = This format displays days, hours, minutes, and seconds in the countdown web part.

• In the Countdown Timer window, we can also provide a Call to action with a link:
  • Call to action = To enable the call to action move the toggle towards On. Under Call to action, we have to fill in the two options listed below:
    • Call to action text = Type the call to action text as per your requirement.
    • Call to action link = Here, you must provide the link for your call to action.

• Now, we can provide a background image to a SharePoint Countdown Timer web part, click on Add under the Background image.

• Now provide the background image based on your requirement, with the following options:
  • Recent
  • Stock images
  • Web search
  • OneDrive
  • Site
  • Upload
  • From a link

• Select Stock images where many images already exist -> Select the image -> Click on Insert (1).

• Now, we can see the background image will be inserted into a SharePoint countdown Timer web part, as shown below:

• Select Overlay color -> Move the toggle to adjust the Overlay opacity as per the need (A semi-transparent color overlay is added to help with text legibility) -> Click on Republish.

• The below screenshot shows the Countdown Timer Web Part in SharePoint that we have created.

This is how to add a countdown timer web part to a SharePoint online.

Conclusion

Here I have shown about SharePoint online Countdown timer web part, which displays a countdown (or count-up) to an event. Moreover, I have covered how to add a modern SharePoint countdown time web part, and also how to select the format to display the countdown. And also showed you how to provide a call to action with a link and add a background image to a SharePoint online Countdown timer web part.

You may also like:

• Highlighted Content Web Part in SharePoint Online
• Microsoft Forms Web Part on SharePoint Online
• Bing Maps Web Part in SharePoint Online