Countdown timers boost 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
| Countdown v2 |
|---|
| data | {"overline":"Special offer","title":"Coming soon!","text":"Curabitur lobortis id lorem id bibendum. Ut id consectetur magna.","time":"2023-11-30T23:23+0000","format":"24","alignment":"center","timerType":"PANEL","countdownSize":100,"defaultDaysRemaining":31,"borderRadius":3,"timerLayout":[{"label":"Title","value":"title"},{"label":"Text","value":"text"}],"colorFields":{"Title":"#414142","Timer":"#0065FF","Overline":"#414142"}} |
|---|
|
...
How to use
To add the Countdown macro to a Confluence page:
...
| Button macro |
|---|
| buttonText | Suggest new feature |
|---|
| isButtonShadowOn | true |
|---|
| emoji | {} |
|---|
| buttonColor | #0252cc#0052CC |
|---|
| buttonBorderColor | transparent |
|---|
| buttonBorderHoverColor | transparent |
|---|
| buttonNewTab | true |
|---|
| buttonFontColor | #ffffff |
|---|
| buttonSize | medium |
|---|
| buttonIconColor | #ffffff |
|---|
| buttonWidthDetection | 260280 |
|---|
| buttonHoverColor | #0252cctransparent |
|---|
| buttonFontHoverColor | transparent |
|---|
| buttonIconHoverColor | transparent |
|---|
| buttonIcon | fasbootstrap/angle-rightCloudsFill |
|---|
| buttonType | icon_righttext |
|---|
| buttonLink | {"link":"https://caelor.atlassian.net/servicedesk/customer/portal/1/group/1/create/8","source":"direct"} |
|---|
| buttonRadius | 203 |
|---|
| buttonNewLink | |
|---|
| buttonShadowemojiEnabled | 0false |
|---|
| buttonWidth | 260280 |
|---|
|
...