Maintenance in progress: We will be performing maintenance on our infrastructure over the next few days. Brief interruptions or errors may occur while using the application.

Our teams are actively monitoring operations to minimize any impact.

Thank you for your understanding.
Close

Code example: create a drop-down list

Some fields can be displayed in different ways. For example, you could use a custom field to record how often your subscribers wish to receive communications. By presenting this question as a drop-down list, you will be able to get easy-to-sort, uniform answers.

How to:

  1. Use the form code generated by our tool. You will only change the part you want. How to generate the code.
  2. Note the name attribute of the field you want to display as a list. This is very important for the information to be saved correctly! In the code snippet below, it is shown in yellow. Usually the ID attribute has the same value.
  3. Each option tag represents a possible answer. You can put as many as you want, but it is generally recommended to limit the choices to about ten values. 
    • The value attribute is the information that will be saved in your contact. You can enter whatever you want, but it is best to keep this value simple, short, and without special characters if possible. In the example below, it is shown in pink.
    • Between the opening and closing parts of the option tag is the text visible to your subscribers. In the example below, it is shown in green.
  4. Once you're finished, test your code by signing up and selecting an option. Make sure that the information is correct in your contact.

Sample code :

<form accept-charset="utf-8" action="https://app.cyberimpact.com/optin" method="post">
  <label for="ci_custom_field_1">How often do you prefer to receive our communications?</label>
  <select name="ci_custom_field__1" name="ci_custom_field__1">
    <option>Please select</option>
    <option value="weekly">Once per week</option>
    <option value="biweekly">Every 2 weeks</option>
    <option value="monthly">Once a month</option>
  </select>
</form>

Top