How can I add a list selection field to my sign up form?

If you'd like for your subscribers to have an option to select from multiple lists when they sign up to your list, you can do so under certain circumstances.

You'll need to use the "Raw HTML Version" of the sign up form that the generator provides. This process will require some basic HTML skills, and the solution only works for in-line forms.

Step By Step Instructions

  1. First, make sure you create all of the lists you'd like to provide an option to sign up for. You can navigate between lists using the "Active List" drop-down menu.

    Active List menu

    Then, click on Sign Up Forms in the navigation menu.

    Sign Up Forms tab

  2. Setup your form in the "Sign Up Form Generator" to your desired look. Then, click on the "Create a New Custom Field" button.

    Click Create a New Custom Field

    Enter "List Selection" for the name of the field and click "Next".

    Name the field List Selection

    Enter a "Label" for your list selection field, as you'd like for it to appear on your form.

    Add a Label for your list selection field

    Choose "Select Box - Multiple Choice" for the "Input Type."

    Choose Select Box - Multiple Choice for your Input Type

    Enter the options you'd like your subscribers to select from, as you'd like for the options to be visible to your subscribers.

    Enter the options for subscribers to select from

    Finish designing your form.

    : DO NOT set the List Selection field as required.
  3. Click on "Publish."

    Click on Publish

    Click on "I Will Install My Form" then select the "Raw HTML Version" option from the tabs. Then, copy the HTML it contains.

    Click I will install my form

  4. Copy the HTML into your favorite text editor and make the following changes to the HTML.

    Find the input field containing the "name" attribute set to "listname" and delete that line of HTML.

    <input type="hidden" name="listname" value="awlist1234567">

    Find the select tag with the "name" attribute set to the name of your custom field. In this example, that is "custom List Selection".

    <select id="awf_field-39716478" name="custom List Selection" tabindex="502">

    For that line of code, change "custom List Selection" with "listname". This line of HTML should look as followed:

    <select id="awf_field-39716478" name="listname" tabindex="502">

    Change the "value" attributes for each of the drop-down's options to the Unique List ID's for each of the lists that go along with the labels your subscribers will see.

    <option class="multiChoice" value="Unique List ID 1">Lasagna</option>
    <option class="multiChoice" value="Unique List ID 2">Spaghetti</option>
    <option class="multiChoice" value="Unique List ID 3">Ravioli</option>
    <option class="multiChoice" value="Unique List ID 4">Macaroni</option>
  5. Publish your revised HTML to your website.
Have more questions? Submit a request
Powered by Zendesk