Do you want to show visitors exactly how much time remains before your campaign closes? The Campaign Countdown Timer adds a live, real-time countdown to any Charitable campaign page – displaying days, hours, minutes, and seconds until your campaign end date.
Table des matières
- Exigences
- Adding the Countdown Timer to Your Campaign
- Setting Your Campaign End Date
- Configuring the Timer
- How the Timer Appears to Donors
- Questions fréquemment posées
Exigences
The Campaign Countdown Timer is available on all Charitable Pro plans: Basic, Plus, Pro, and Elite. It is not available on Charitable Lite.
Important: Your campaign must have an end date set before the timer will display on the frontend. If no end date is configured, the timer block will appear in the campaign builder but will not be visible to visitors.
See more About Campaign Countdown »
Adding the Countdown Timer to Your Campaign
- In your WordPress dashboard, go to Charitable » Campaigns and open the campaign you want to edit.
- In the campaign builder, locate the Add Layout panel on the left side of the screen.
- Scroll down to the Pro section and click Countdown. The timer block will be added to your campaign canvas.
Note: After adding the block, you may see the message “This countdown won’t display on the frontend until you set a campaign end date in Settings » Campaign Duration.” See the next section to set your end date.
Setting Your Campaign End Date
The countdown timer reads your campaign’s end date automatically. If you haven’t set one yet:
- In the campaign builder, click Settings in the left sidebar.
- Open General Settings.
- Click the Ending Date field and select your campaign’s end date.
- Save your changes using the button at the top right corner. The timer will now reflect the end date you’ve set.
Configuring the Timer
To access the timer settings, click the Countdown block on the campaign canvas, then click Layout Options in the panel on the left. All settings are under the General tab.
Celebration Effect
This displays an animated effect on the front end when the campaign ends.
You can choose to display:
- None: No animation plays when the campaign closes (default)
- Confetti: A confetti burst animation plays at campaign end
- Fireworks: A fireworks animation plays at campaign end
Here’s what the confetti looks like:
Here’s what fireworks look like:
End-Date Text Position
This controls where the end date label appears relative to the countdown:
You can choose from:
- Hide: The end date label is not shown (default)
- Above Timer: The end date displays above the countdown numbers
- Below Timer: The end date displays below the countdown numbers
Countdown Colors
Set a custom color for each element of the timer display. Click any color swatch to open the color picker:
- Number: Color of the countdown digits
- Label: Color of the unit labels (Days, Hours, Minutes, Seconds)
- Background: Background color of each timer box
- Border: Border color of each timer box
You can also adjust Border Radius (px) to control how rounded the corners of each timer box appear, Number Font Size (px) to set the size of the countdown digits, and Label Font Size (px) to set the size of the unit labels.
When Campaign Ends
Controls what donors see after the countdown reaches zero:
- Show Message: Displays a custom message you define in the Expired Message field. The default text is “Campaign Ended” — edit this to anything that fits your campaign.
- Keep Timer at Zero: The countdown block remains visible but stays frozen at 00:00:00:00
- Hide Countdown: The countdown block is removed from the page entirely once the campaign ends
Hide Delay (Minutes)
If you’ve set “When Campaign Ends” to “Hide Countdown,” use this field to add a delay (in minutes) before the timer block disappears. This gives your donors more time to make a donation before the campaign ends.
Set to 0 to hide the countdown immediately when the campaign ends.
Once you’ve configured all settings, click Save to publish your changes.
How the Timer Appears to Donors
When a visitor views your campaign page, the countdown timer displays as a row of boxes showing the days, hours, minutes, and seconds remaining. The timer updates in real time without requiring a page refresh.
Pro tip: Place the Countdown block near the top of your campaign layout or just above the donation form so it’s visible to donors without scrolling.
Questions fréquemment posées
Why isn’t my countdown timer showing on the campaign page?
The timer requires a campaign end date to display. Go to Settings » General Settings in the campaign builder and make sure an Ending Date is set. Save the campaign after adding the date.
Can I use the countdown timer on Charitable Lite?
No. The Campaign Countdown Timer is available on all Charitable Pro plans (Basic, Plus, Pro, and Elite). Upgrade to Charitable Pro to access this feature.
Can I add the countdown timer to more than one campaign?
Yes. You can add the Countdown block to as many campaigns as you like. Each campaign uses its own end date independently.
What happens to the timer after the campaign ends?
That depends on your “When Campaign Ends” setting. You can choose to show a custom expired message, freeze the timer at zero, or hide it entirely.
Can I customize the colors to match my campaign?
Yes. The Countdown Colors section in Layout Options lets you set separate colors for the numbers, labels, background, and border of each timer box. No CSS required.
That’s it! You’ve learned how to add and configure the Campaign Countdown Timer on your Charitable campaigns.
Next, you may also want to learn how to set up Donation Goals or configure your Campaign Settings.
If you prefer video tutorials, check out our YouTube channel or watch below:
Restez connecté pour plus de ressources pour les organisations à but non lucratif
Pour plus de tutoriels et de vidéos adaptés aux organisations à but non lucratif, abonnez-vous à notre chaîne YouTube. Nous publions régulièrement des conseils d'experts, des guides étape par étape sur les dons en ligne, des stratégies de collecte de fonds et des ressources pratiques pour aider votre organisation à réussir.
🗞️ Recevez des conseils hebdomadaires et des guides exclusifs dans votre boîte de réception
Rejoignez notre newsletter →
🎥 Regardez des tutoriels étape par étape et des histoires de réussite
Abonnez-vous à notre chaîne YouTube →
👩🏽💻 Connectez-vous avec notre communauté et obtenez des informations quotidiennes sur les organisations à but non lucratif
Suivez-nous sur LinkedIn →
🥳 Reels amusants et informations sur les organisations à but non lucratif
Suivez-nous sur Instagram →
👀 Vidéos perspicaces et amusantes pour vous aider à développer votre cause
Suivez-nous sur TikTok→
🌎 Abonnez-vous et suivez pour des conseils généraux sur la collecte de fonds
Obtenez des conseils sur la collecte de fonds sur TikTok →
Ressources puissantes pour la collecte de fonds
⬇️ Téléchargez des stratégies éprouvées, des idées de campagnes et des outils d'experts
Obtenez le kit de collecte de fonds →
💸 Obtenez des ressources gratuites pour la collecte de fonds
Rendez-vous sur le Hub de collecte de fonds Charitable →
🤔 Des questions sur Charitable ?
FAQ Charitable →
🏎️ Essayez Charitable
Créez votre démo Charitable →
Comprendre les termes et le jargon des organisations à but non lucratif
Glossaire des organisations à but non lucratif→
% Vous recherchez des offres et des réductions pour les organisations à but non lucratif ?
Meilleures offres et réductions pour les organisations à but non lucratif →
