Add a Count Down Timer to your Webflow page in seconds with this simple guide.
Got something special that you're counting down too? Have a limited time offer?
This is a simple solution to integrate a countdown into your Webflow Projects.
To add this into your project, follow the simple steps and add the custom code into your project or page settings.
Navigate to your project or page settings area and add the custom code into the before </body> tag area.
You can see this code references a few #IDs, these are the days, hours, minutes and seconds. We will add these attributes to our text elements to render the countdown.
Add text elements to your page as you require, days, hours, minutes, seconds. If you wish to display all units, days, hours, minutes, seconds you will want to add 4 text elements to your page.
While your text element is selected, navigate to the settings panel and add the IDs to match the type of count down element you require.
As mentioned, these #IDs are
You can see how we do the same thing for hours
That's it, you can publish this and test it works as intended.
Learn how to add a beautiful countdown to your Framer project. Add it to your project in seconds
In this article we will spotlight the best way to build a beautiful Instagram feed in your Framer sites. Built specifically for Framer and 100% free for small and personal sites.
Learn how to add a beautiful before and after image slider to your Framer projects. Customize all aspects including handles and labels directly in Framer.