How do I add a hidden field to my sign up form?

In this article, we will review how to add hidden fields to an AWeber sign up form. 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.

    Access Custom Fields under the List Options tab

  2. On the "Custom Fields" page, give your field a name. Then, click "Add".

    Enter the Field name and click add

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

    In the sign up forms tab, click publish on the form you want to edit

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

    Click I will install my form and then click on the RAW HTML Version

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

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

  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:

    take the code provided and replace fieldname wit the name of your field

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

Have more questions? Submit a request