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 "Current List" drop down menu.



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

      
         
  2. Setup your form in the "Sign Up Form Generator" to your desired look.

    Click on the "Create a New Field" button.



    Enter "List Selection" for the name of the field.



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



    Choose "Select Box" for the "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.



    Finish designing your form.

    Note
    : DO NOT set the List Selection field as required.
     
  3. 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.



  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 "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