Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Countdown.mov

Introduction

Countdown Timers boosts engagement by attracting the viewer's attention and improving page performance. Use the Countdown macro to drive a sense of urgency in different ways, including the promotion of a big product launch or a deadline for a webinar application.


Examples

CountDownTimer
backgroundColor#0052CC
borderColor#FF8B00
timerTypeCIRCLES
defaultDaysRemaining77
format24
lineColor#DFE1E6
time2021-12-30T10:00+0100
alignmentcenter
titleRelease Date
fontColor#0052CC
CountDownTimer
backgroundColor#ffc300
borderColor#172b4d
timerTypeBOX_FILLED
defaultDaysRemaining189
format24
lineColor#DFE1E6
time2022-04-21T08:30+0200
alignmentcenter
titleHappy Birthday
fontColor#172b4d
CountDownTimer
backgroundColor#00badd
borderColor#172b4d
timerTypeBOX_BORDERED
defaultDaysRemaining163
format24
lineColor#DFE1E6
time2022-03-25T22:30+0100
alignmentcenter
titleTeam Event
fontColor#172b4d
CountDownTimer
backgroundColor#DFE1E6
borderColor#172b4d
timerTypeLINES
defaultDaysRemaining48
format24
lineColor#ffc300
time2021-12-01T10:30+0100
alignmentcenter
titleWebinar
fontColor#0052CC

How to use

To add the Countdown macro to a Confluence page: 

  • In the Confluence editor, choose + > Other Macros or

  • Find and select the Countdown macro.

Alternatively, type '/' and the beginning of an element (tool or things in the insert menu) to see a list of suggestions and enter 'Countdown.'

Intuitive configuration dialogue helps users to create and customise the countdown macro faster and easier. With live preview, it is possible to show results in realtime without saving the configuration.

After selecting the Countdown macro, there is an empty live preview.

Image Removed

Countdown type

Choose from four different countdown types.

Countdown alignment

Select a countdown alignment. By default, the countdown macro is left aligned.

Title

Add a countdown title with a click on the Countdown Title. The character limit is 40. If you want to add emoji in the title, type “:”.

Status
colourYellow
titleNEW!

Add date and time

Add a date and time in to start the countdown and see the preview.

Colour

Choose a fill, font and border colours from the Atlassian primary and secondary colour palette. If you want to add more colours, add a HEX value to the custom field.

Image Added

Roadmap

The Countdown macro will receive updates to improve performance and user experience. We will introduce the following features soon:

  • Select smallest time units (e.g., days only) 

  • Add an icon within the countdown title

    Status
    colourGreen
    titleRELEASED!

  • Repeat countdown

  • Change the countdown title after time is up

In case you have any questions, need more detailed information, or would like to share feature suggestions, please feel free to contact us via our service desk.

Button macro
medium
buttonTextSuggest new feature
isButtonShadowOnfalse
buttonColor#0252cc
buttonBorderColor
buttonNewTabtrue
buttonFontColor#ffffff
buttonSizesmall
buttonIconColor#ffffff
buttonHoverColor#0252cc
buttonIconfas/angle-right
buttonTypeicon_right
buttonColor#0252cc
buttonBorderColorbuttonNewTabtrue
buttonNewLink
buttonLinkhttps://caelor.atlassian.net/servicedesk/customer/portal/1/group/1/create/8
buttonRadius20
buttonFontColor#ffffff
buttonSizebuttonShadow50
buttonWidth260