Knowledge Base/Knowledge Base/Sign Up Forms

How Do I Add a Hidden Field to My Sign Up Form?

AWeber - Matt H
posted this on July 26, 2012 02:17 PM

Hidden fields are fields in a sign up form which store information when a subscriber fills out the form, but are not visible on the form itself. If you are not sure why you would use a hidden field, you may want to contact your web designer first and ask them if hidden fields would be helpful. Most sign up forms will not require any custom hidden fields in order to collect all the information that you will need.

If you do want to have a custom hidden field in your sign up forms, you can do so by editing the HTML that we give you when you publish your form.

Step By Step Instructions

  1. First, you will need to create the field in your AWeber list, so that the information in the hidden field can be stored.

    Under the "List Options" tab, click Custom Fields.

    21780188_step01.jpg

  2. On the "Custom Fields" page, give your field a name, then click the green "plus" button to add it.

    21780188_step02.jpg

  3. Now, you will need to get the HTML code for your sign up form (If you already have the raw HTML on your website, you can skip to the next step).

    If you haven't already, you will need to create your sign up form. If your form is already created, find it under the "Sign Up Forms" tab, and click the "Publish" link.

    21780188_step03.jpg

    On this page, under "I Will Install My Form", click on the "Raw HTML Version" tab.

    KB0567_step04.png

    Copy the raw HTML that appears and paste it into your website editor or HTML document.

    KB0567_step05.png

  4. Now, look for the collection of lines in the HTML for the form that all start with "input type="hidden"."

    Copy the code below, replacing "FIELDNAME" with the name of your field, and "VALUE" with the value that you want the field to have (it is possible to have this value populated by some other script on your site - speak with your web designer about this if you are unsure how to do so).



    The result should look something like this:

    21780188_step07.jpg

That's it - now, when someone fills out that form, that hidden field will be submitted and stored along with the subscriber's name and email address. In our example above, everyone who fills out that form would have the "Referral ID" field saved as "12345."

 
Topic is closed for comments