Implementing Dual Dropdown Menus for Birthday Collection in Signup Forms

  • 5 September 2023
  • 2 replies

Badge +2

Hello Klaviyo Community,

I am reaching out to seek guidance on setting up a more user-friendly and error-free method to collect birthday data through signup forms on my website.

Currently, I am looking into a way to allow customers to select their birth date through two separate dropdown menus, one for the day and another for the month, instead of a text field where they manually enter their date which could potentially lead to errors.

Here's what I am envisioning:

  • Dropdown Menu 1: For customers to select the "Day" (1 to 31)
  • Dropdown Menu 2: For customers to select the "Month" (January to December)

I believe this structured approach would streamline the data collection process and reduce the likelihood of errors compared to a free-text field.

I have attached a screenshot illustrating the issue I am facing and the desired setup I am aiming for.

Could anyone advise me on how to implement this, or if there are any existing solutions or plugins that could assist with this?

Thank you in advance for your help!

Best regards,




Best answer by David To 11 September 2023, 20:14

View original

2 replies

Badge +2


Userlevel 7
Badge +60

Hey @jeffkoenig,

Welcome back to the Community!

Was there a reason you were using a text block instead of a date block to collect user’s birthdates?

In my experience, using a date block to collect dates is typically free of any errors since users can only enter numbers in a set format. 

If you wanted to use the dual drop-down menu like you suggest, you’ll want to actually custom code the sign-up form yourself through HTML. Doing so will should allow you to have both those drop down fields understood as a singular date property instead of two separate properties.

I hope this helps!