How to Add a Countdown Timer to Dubsado Forms
Have you ever wanted to create some urgency when sending a Dubsado form to a lead and/or prospect? Good news! Now you can with a countdown timer. Dubsado already allows you to add an expiration date to your forms, but now you can accentuate that urgency with a visual that’s proven to convert leads into customers and clients.
Interested in a timer that reflects your form’s relative or fixed Expiration Date? Don’t want to worry about manually updating the code each time? Want even more style customizations? Check out our code-free Countdown Timer plugin!
The Code
This is your Javascript. Add an HTML Block onto your Dubsado form. Delete the example code, then copy and paste the following code into the block:
Update the expiration date where you see Jul 25, 2024 16:37:52
Update the message when the countdown is over where you see TIMES UP!
Make sure you do NOT delete the straight double quotes wrapping the values (the updated date and message).
The Code
This is your CSS. Head to “Form styling” > scroll down > click the “Edit CSS” button. Then, copy and paste the following code:
Make sure you set your form’s expiration date to be in line with the countdown timer’s date.
If you’re using this code on a contract—and since Dubsado doesn’t offer a Code Block on contract/sub agreement forms—you’ll have to use this workaround.
Of course you can style this further if you want (using CSS), but this should get you started.