Getting Started 🫧
Build anticipation with the Countdown Webflow Booster. Add a sense of urgency or excitement by displaying a countdown in weeks, hours, minutes and seconds to events, launches, promotions etc. Set the countdown in your time, and have it formatted globally with UTC (Universal Time Coordinated). Follow the simple instructions below, or install the official Boosters App for the most simple install and setup possible.
Install Instructions ✍️
1. Add the booster script to your project
Copy the script source listed below, and add it to the <head> tag of your custom code settings. If you aren't sure about custom code in Webflow, you can click here to learn more.
<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/boosters-countdown@2.0/dist/countdown.min.js"></script>
2. Add the attributes
For this Booster, attributes should be added to a few different elements to create the countdown. If you are using the official app you can paste the example component directly into your designer with all the attributes attached.
3. Add attributes to the main countdown wrapper
Add the following attributes to the main element that wraps your countdown. This is the primary element where we will attach out desired target date (in UTC).
4. Add attributes to the date elements
Add the following attribute to each of the date elements you want to display. For example: Days, Hours, Minutes etc. Simply add the fb-countdown-type and then specify the date type as shown below.
5. Add attributes to the end display element (optional)
If you want to show something when the date is reached, you can simply add the finish attribute to your selected element. This is perfect for something like "This sale has ended" and it will only display once the countdown has been reached.
6. Here is the full list of attributes you may use:
7. Publish & Test 🚀
Once you've followed the steps above and have added both the script and the attributes, you can publish your page. View your live staging domain to test the booster in action.
Add this booster + more with the official webflow application.
Join our community and
claim free products
No Spam. Only sweet content and updates of our products.
Join 55,000+ other creators in our community
