How to customize HTML forms

Our system allows you to integrate subscribe and unsubscribe forms for a specific contact list directly into your website. While we provide a very basic form, you can further customize it by adding radio buttons, checkboxes, and dropdown menus.

The most important rule to abide by is to have the “input name” be the exact same as the field you have created in your list. This will allow your personalized field to be filled out by whatever value you wish to be added.


< input type=”radio” / > defines a radio button. Radio buttons let a user select only one of a limited number of choices.

For example:

This will allow the subscriber to select from the values Male or Female – which will automatically populate the field in your list.

It will look like this in your form:


< input type=”checkbox” / > defines a checkbox. Checkboxes let a user select one or more options of a limited number of choices. Fields can only take in one data value, so limit this to yes/no answers.

This will allow you to fill in all appropriate fields in your list with the values you are offering. All fields not selected will appear with the value N/A.

It will look like this in your form:


The < select > tag is used to create a drop-down list. In this case, we are using select name to define which field the data will populate.

It will look like this in your form:

Using the example codes above, here is a full form in action

The form will look like this

And the subscriber information will show up in your CakeMail account

Want to add more fields to your form? Learn how to create personalized fields.

Author Cakemail Support

More posts by Cakemail Support