There are many scenarios in which someone might want to remove a field from a form in NationBuilder. Perhaps you would like to collect email addresses on a signup form but you don't need to collect their name or phone number and asking for it would reduce the likelihood of them filling out the form. Or maybe you would like to ask for only a first name on a field for some reason. In any case, this is possible by deleting some code from the "Template" tab of that individual page, which contains the HTML code responsible for displaying the form on the website.

Note: All forms must collect an email address, as it is used as the unique identifier for that signup in your NationBuilder people database.

When you navigate to the template tab, you'll want to first locate the code responsible for that field and then delete it. In the code, you will likely see a few <div> containers with the class "row-fluid" and then one or more <div> containers with a class containing the word "span" in it. Each <div class="row-fluid"> container (with it's corresponding closing tag: "</div>") is a row in your form and the <div> containers inside of it with the "span" classes are individual form fields. 

PRO-TIP: A "span6" class means that the field will take up half of the row and a "span12" class means it will take up the whole row.

When you find the <div> container with the "span" class that looks to be displaying the field that you want to delete, you can delete that whole <div> container, including the opening <div> tag, the closing </div> tag and everything between the two.

PRO-TIP: It is always safest to first click the "Save draft" button at the bottom of the template after making a change so that you can preview this change using the "Preview" button. At this point, the change will be reflected in the preview but not on your live website (just in case you deleted the wrong thing). Then, if it looks right, you can go back into the Template tab and click "Save and publish" to have the change take effect on your live site.

Here is an example of a signup page template (below). If I wanted to remove the first or last name field, I would delete the corresponding <div> container inside the red box. If I wanted to delete both of them, I could either delete everything inside the red box or even everything inside the yellow box -- it doesn't matter either way.

Still need help? Just send us an email at [email protected]!