Skip to main content

Form: Dropdown element

Compact single- or multi-select menus for long option lists — countries, industries, categories

Form: Dropdown element

The Dropdown element is the right choice when you have a long list of options that would look overwhelming as Checkboxes or Radio buttons. Countries, industries, product categories, job titles — anywhere you'd want a compact menu that opens to reveal many choices.

It can work as single-select (like a Radio) or multi-select (like a Checkbox) depending on the Multi-select toggle, which makes it one of the most flexible Collect elements in the tool.


In this article


Quick start

  1. Place a Dropdown element into the Canvas. Write the headline and options directly in the Canvas.


  2. Edit text with the Inline text editor. Adjust colours for Selected and Non-Selected states with the colour picker.


  3. Fill out a Dropdown name at the top of the Design panel. The name is internal and will name the Row or Column in the Structure panel. The name of the Radio is also used in the form submit event on the profile.


  4. In the Style section, choose between Line or Box styling and set colours for Inactive, Active, Border and Hover states.

  5. Open Mapping on the right, choose the Data type, and add the Option values that should be saved. Activate Multi-select here if visitors should be able to pick more than one option.


Dropdown name and font colour

Font colour for Selected / Non-Selected

You can set different font colours for when the dropdown text is, or is not, selected.

  1. Click on the Dropdown element's text.

  2. On the text editor, click the colour picker arrow for either the Unchecked or Checked text.

  3. Set colour with the colour picker, RGB or hex code.

Dropdown name

Fill out the Dropdown name at the top of the Design panel. The name is internal and will name the Row or Column in the Structure panel to the left. The name of the Dropdown is also used in the form submit event on the profile.


Style, alignment and margins

Style — Line or Box

Toggle between Line and Box to choose whether you want your Dropdown element to be styled as text with a line underneath, or text inside a box.

Colour

Set colour for the various states of the element with hex code, RGB or colour picker. Click the X icon next to the colour code to make it transparent.

  • Inactive — a Dropdown option that is not selected.

  • Active — a Dropdown option that has been selected by the user.

  • Fill — the colour of the option background

  • Border — the colour chosen for the border of the Dropdown options.

  • Hover — the colour of an option when the user's cursor passes over it.

Width, margins, alignment, duplicate, required

  • Width — adjust the width of the Dropdown element.

  • Fit or Fixed — select Fit to automatically fit the element in the centre of the Form.

  • Alignment — align the element to the left, centre or right.

  • Margins (padding) — maximum 100 pixels.

  • Multi-select — if visitors should be able to pick more than one option.

  • Required field — activate if the field is mandatory. If toggled on, visitors will not be able to submit the Form without filling this field out.

  • Duplicate — to copy, select the element in the Canvas and click Duplicate.

💡 Tip. The design options work interactively. Hold an icon for a pixel value and drag left/right to increase or decrease the number of pixels. The sizes update live in the Canvas.


Visible options vs Mapping options — the two sides of a Dropdown

This is one of the single most-misunderstood parts of the Dropdown element (and it applies equally to Checkbox and Radio). Two separate things control what happens when a visitor picks an option:

  • The text in the Canvas — what the visitor sees and chooses from. This is the visible label on the published Form.

  • The Option value in the Mapping section — what gets saved on the Profile (or in the Event data) when that option is selected. This is the actual data that ends up in your Audience.

The two are set independently. They can — and often should — be different. A friendly, descriptive label for the visitor, and a clean, short, structured value for your data.

Example

Visible in the Canvas (what the visitor sees)

Option value in Mapping (what gets saved)

United Kingdom

GB

Sweden

SE

The Netherlands

NL

Visitors see clear country names; the data is saved as clean ISO country codes — perfect for Segments, integrations, and anywhere else that expects a standard code.

How to set them up — two ways (plus paste-multiple)

You can add options from either side of the split, and the editor keeps both sides in sync:

Method 1 — start in the Canvas

  1. Write each dropdown option directly in the Canvas — the visitor-facing labels.

  2. To add more options, click + Add option in the Canvas.

  3. Then switch to the Mapping panel on the right and fill in the matching Option values.

Method 2 — start in the Mapping panel

  1. In the Mapping section on the right, click + Add option at the bottom of the options list.

  2. Type the Option value that should be saved.

  3. Then switch to the Canvas and type the visitor-facing label for the matching dropdown option.

Method 2b — Add multiple (paste a long list at once)

For long lists — 20 countries, 50 cities, all your product categories — activate Add multiple in the Mapping section to paste all the values in one go rather than creating options one by one. This is the fastest way to build a Dropdown with many entries. You'll still need to set the visitor-facing labels in the Canvas.

Design-first people tend to start in the Canvas; data-first people tend to start in Mapping. For long lists of structured values (like country codes), start in Mapping with Add multiple — it's dramatically faster.

💡 Tip — when in doubt, keep Mapping values short. Segments and personalisation read the Mapping value, not the visible label. Short, clean, structured values (codes, short labels, standard identifiers) are almost always better than long, natural-language ones.

If Mapping values are left blank

If you try to proceed to the next step without filling in the Option values in Mapping, Apsis One will block the activation and prompt you to go back and make the required changes before trying again. You can't publish a Form with unmapped options.

This is the system protecting your data quality.


Mapping

Open the Mapping section on the right. This is where you set the values stored on the Profile of whoever fills out the Form.

  1. In the Data type dropdown, select how to store the responses. Choose Attribute to save answers as values for the visitor's Profile Attributes, or Form response only to collect them as Event data.

  2. Add Option values in the Mapping section. Fill out the values under Option 1, Option 2, Option 3 and so on. The value you enter here will be added to the Profile as an Attribute value (or Event data) when the visitor selects the corresponding option in the Form.

Activate the Add multiple feature to paste in many options at once — a huge time-saver when your dropdown needs, say, a list of 50 countries.


Multi-select

For visitors to choose multiple options from your Element, activate Multi-select.

If the visitor chooses more than one option, multiple values will be added to the Attribute, separated by commas. For example: Sports equals "Tennis", "Gymnastics", "Basketball".

You can change the colour of the options that are multi-selected — use hex code, RGB or the colour picker.

When to use Multi-select vs Checkbox. Both let visitors pick multiple options. Multi-select Dropdown is better for long lists (10+ options) where space is tight; Checkbox is better for short lists (3–7 options) where visibility helps decision-making.


Results: Populated Profile

Stored as an Attribute (and in form submit event)

When the Dropdown element is mapped to an Attribute (for example, Workshop), the selected value appears directly on the Profile — usable in Segments, for personalisation, and for branching Marketing Automation flows.

If Multi-select is on, multiple values are stored separated by commas.

Stored as Form response only

If the Dropdown element is mapped to Form response only, the value is saved as Event data. Find it in Profile view under Form & Page Interactions — click the Submit activity in the timeline.


Use cases

Lead nurturing — country and language at sign-up

For a multi-market brand, Country and Language are often the two most important segmentation fields. Use a Dropdown for each — the list is too long for Radio. With Add multiple, you can paste in all your target countries in one go. Map to Country and Language Attributes and you're ready for localised automation flows.

Retention — preference centre with long lists

Preference centres often include lists that would be unwieldy as Checkboxes — for example, "your city" or "your favourite product category (out of 15)". Dropdown keeps the Form visually manageable while still collecting rich data.

Brand building — event workshop selection

For an event Form, a Dropdown can let visitors choose which workshop or breakout session they want to attend. If Multi-select is on, they can pick several; otherwise one. Map to a Workshop Attribute and trigger session-specific reminder emails via Marketing Automation.

Loyalty — preferred store or language

For a loyalty programme spanning many locations, "your preferred store" is a natural Dropdown field. Same for preferred language of communication in a multi-market programme. These are the fields that make every future email feel personal.


Common mistakes & how to troubleshoot

Visitors can only pick one option when multiple should be allowed

Cause. Multi-select isn't activated.

Fix. Turn Multi-select on in the Mapping section.

Option values in Mapping don't match the labels visitors see

Cause. The visible text in the Canvas and the Option value in Mapping are set separately.

Fix. Make sure each option's visible label and its Mapping value match up — otherwise segmentation will look puzzling later.

Adding 50+ options one at a time is tedious

Fix. Activate Add multiple in the Mapping section and paste the full list in at once.

Dropdown looks cramped on mobile

Fix. In Style, switch from Fixed width to Fit, or reduce the pixel width. Use the Mobile preview toggle in Forms: Settings to verify.

Dropdown responses aren't showing on the Profile

Cause. Data type is Form response only, not Attribute.

Fix. In Mapping, switch Data type to Attribute and pick the right Attribute.

For a wider set of Form issues, see Forms & Pages: Troubleshooting.


💡 Tips & tricks

  • Use Dropdown for long lists, Checkbox/Radio for short ones. A rule of thumb: more than 7 options, use a Dropdown.

  • Use Add multiple to save hours. Pasting a full list in one go is one of the most underused time-savers in the editor.

  • Alphabetise long dropdowns. For countries, cities, or industries, visitors expect alphabetical order. Respect the convention.

  • Consider a "Please select…" placeholder. An explicit first option that isn't a real answer helps visitors understand the field is active — especially on mobile where dropdowns can be hard to spot.

  • Match labels and Mapping values. Inconsistent text and values here are the single most common cause of puzzling segmentation results later.

  • Always name your Dropdown element. The internal name appears on every Profile's Form – Submit Event. A named field shows as Country-[ID]; an unnamed one shows as the uninterpretable none-[ID]. Makes the Profile timeline far easier to read.


Next steps

Did this answer your question?