topic Re: Dropdown field with multiple selections in Lead Capture Tools

Dropdown field with multiple selections

jstraszheim — Tue, 12 Jun 2018 13:35:53 GMT

I would like to create a dropdown field with the option for multiple selections. Currently, that is not an option in Hubspot. Anyone else feel like that would help their form length and conversion capture?!

Re: Dropdown field with multiple selections

bradmin — Tue, 12 Jun 2018 13:54:57 GMT

Hi, @jstraszheim. When you create a new property, select the multiple checkboxes option. This will allow you to select as many values as you like, and has the same 1,000-option limit that single picklists do.

Re: Dropdown field with multiple selections

jstraszheim — Tue, 12 Jun 2018 14:02:31 GMT

Thank you. However, I would love a dropdown menu with this ability as well, because the more options you add (like countries or products), the longer the form gets. This can be a deterent for people to complete our form. yikes!

Re: Dropdown field with multiple selections

bradmin — Tue, 12 Jun 2018 14:05:24 GMT

That option doesn't exist natively - @Phil_Vallender weighed in on this topic before here. You'd have to design your own custom dropdown to accomplish something like this.

Re: Dropdown field with multiple selections

IMustafa — Thu, 25 Jan 2024 14:37:49 GMT

Although this is very late, if you are worried about the multi select checkbox values being listed out in forms, you can use scripts to create a dropdown from the multi select. You'll first need your form to be on a landing page or any page you can insert a script on, like one on your website that you have backend access to. Then you'll need to make a script that does the following:

Identify the Hubspot multi-select property on the page.
Create a multi-select dropdown element right next to the Hubspot multi-select checkboxes.
Pull the values listed in each option of the multi-select checkboxes and re-create them in the multi-select dropdown that the script made.
Create an On-Click function that will automatically sync any selections from your multi-select dropdown to the multi-select checkboxes.
- EX: If i select 2 options in the multi-select dropdown, the same 2 options will be selected in the Hubspot multi-select checkboxes property.
Once you confirm that the 2 multi-selects are synced on the page, you can have the script set a css styling of display:none on the original Hubspot multi-select chekboxes from the page.

Now you'll have a custom multi-select dropdown on landing pages or web pages with a multi-select checkbox hubspot property in forms! If you have any questions on this process, please feel free to ask.

Re: Dropdown field with multiple selections

MBobowski — Thu, 27 Jun 2024 17:35:12 GMT

can you give an example of this script for those of us who do not know how to insert script?