With MailUp 8.7 (January 2015) we introduced a new tab called List building tools under Settings > List settings. The List building tools tab replaced the previous Subscription forms tab and represented a completely redesigned section featuring:

With these new tools you can:

Creating editable subscription forms

There are two ways to create a subscription form:


Using the drag-&-drop form builder

The email subscription form builder allows you to create your own custom sign-up forms in a whole new, super-easy way. In fact, you will build sign-up forms via drag and drop without the need of any HTML knowledge!

In the example below we created a form that allows subscribers to receive updates on their favorite music concerts in San Francisco.

Let's see how to use this tool:

  1. Give a name and a description to the form
  2. Drag and drop the elements that are part of your form
  3. Complete the settings for each element
  4. Select the form style
  5. View the preview of the form
  6. Save the form
  7. Get the code and copy and paste it on your website or you can use a version of it (get the link) hosted by MailUp, and link to it in whichever way you want.

....and here's the preview of the form

All forms designed by the Form builder use HTML5 markup. If you use the version hosted by MailUp, it will also include custom CSS to make the form responsive (i.e. ready for mobile devices). If you host the code yourself, it will inherit whatever CSS you use on your Web site.

Other features

  1. You can now quickly search and select lists to allow visitors to subscribe to in the Lists form element, and rename them if needed (e.g. list name used in MailUp is not the text label you wish to show in the form)
  2. You can now quickly search and select groups to use in the Group form element, and rename them if needed (e.g. group name used in MailUp is not the text label you wish to show in the form)
  3. The system now asks for confirmation before you remove a form element from a form 
  4. Add a privacy checkbox, which is fully editable (see below)

     
  5. Use special syntax to customize the input values in drop-down options. Example below:
    The subscriber sees Rock Music in the drop down menu, but MailUp records Heavy metal as the number 1 into the recipient field. Customizing these options into numbers, for example, can help you when having to setup filters or other tasks. Numbers are much more manageable than text. The syntax looks like this: Heavy metal || 1, where the || is the special character.

Create forms with HTML

From this page you can create a subscription form and edit its HTML as shown below

Create a subscription button

The subscribe button tool is best used for when you’re looking for a simple sign-up button to insert in your website. This can be done in four simple steps:

  1. Select a style
  2. View the preview
  3. Pick the form the button will link to
  4. Get the code and paste it to your site