Using Web Forms

You can use a Smartsheet web form to gather information, automatically consolidate responses, and take action on the information directly within a sheet. When someone submits the web form, the information is added to the sheet in a new row at the top or bottom of the sheet.

NOTE: Submitting a web form will always create a brand new row within the sheet. If your goal is to give someone the ability to edit an existing row, you'll want to send them an Update Request instead.

Play Icon Jump to video demonstration: Web Forms

 Check out more tips in the Smartsheet Blog: 3 Web Form Tricks to Try.

In this article:


Required Permissions and Distributing a Web Form

Web forms can be created and configured by the sheet owner and licensed collaborators with Admin access to the sheet. With this permission level, you can generate a link to the form (which can be entered into a browser's address bar) or iFrame code to embed it into a website using HTML - then anyone can fill it out.

NOTE: During a 30-day free trial, you can create, preview, and test web forms, but aren't able to generate a public URL or embed code. These options are only available on web forms owned by licensed users.

    Back to top


    Creating a New Web Form

    1. Click the Web Forms tab at the bottom of a sheet to display the Web Forms form.Web Forms Form
    2. Click Create New Form to add a web form to your sheet and display the Form Editor.

      NOTE: If you already have forms associated with the sheet, they'll be listed here and you can edit them as needed.
      In the Form Editor, you'll see the web form's title at the top and the names of all the form fields underneath. By default, the title of the form corresponds to the sheet name and the fields on the form correspond to the names of the sheet columns.
      New Web Form
    3. Click on an element from the left to display and edit its properties on the right.
    4. When you’ve finished setting up your form, click Save and Preview to save your changes, and then click the x in the upper-right corner to close the Form Editor.

    Once you close the Form Editor, the Web Forms form appears, displaying the name of the form you’ve created, and its URL (the URL is available only on forms owned by licensed users).

    Back to top


    Using the Web Form to Collect Information from Others

    Once you've created a web form, you'll want to make it accessible to others.

    To get a shareable URL to the form:

    1. Click the Web Forms tab at the bottom of the sheet that includes the web form. This will to display the Web Forms form.
    2. From the Web Forms form, do one of the following:
      Copy and paste the URL to use it in other programs or email messages.
      -or-
      Use the envelope icon to the right of the URL to send an it in an email message.

      NOTE: There isn't a way to customize or shorten the web form URL using Smartsheet.URL

    Back to top


    Options for Managing and Distributing a Web Form

    Use this option  To do this
    Create New Form (button) Associate an additional form with the sheet. You can create multiple forms per sheet to collect different information, or display a different format, to different people.
    Preview Display a preview of your web form.

    Submissions made from preview mode will appear in your sheet as new rows.
    Edit Open the web form for editing.
    More > Get Embed Code (Available to Licensed users only) Reveal the embed code so that you can copy and paste the form for use in a website.
    More > Clone Create an exact replica of the web form, but with a new URL.
    More > Properties Show the web form status, number of entries submitted, timestamp of first and last form submission, the email address of the form creator, and the date of creation.
    More > Deactivate Disables the URL (accessing it will display an error message), but preserves it as well as the web form in case you need to use it again.
    More > Delete Removes the form and its associated URL from Smartsheet. The URL is not recoverable; delete web forms with caution.

    Back to top


    Editing Elements or Removing Them from a Web Form

    To remove an element from the web form, select it, and then click Remove from form (the red x to the right). Note that this will not delete the column from the sheet. You can always add an element back via the Add Field section.

    TIP: Drag-and-drop elements up and down to change their placement on the web form. These changes won’t affect the order of the columns in your sheet.

    When editing an element, you’ll see the following options:

    • Field Label: choose to either use the column's name or a custom label as the name of the form field.
    • Field Help Text: add a description or instruction to appear underneath the form field.
    • Display Type (for checkbox, drop-down list, and symbolic column types only): determine how to display checkboxes and drop-down list options within the form.
      NOTE: The field type, and values you can select from a drop-down list, are configured on the column within the sheet. To make changes, close the web form editor and edit the column properties
    • Text Box Height: set the form field to display as single, or multiple, blank lines.
    • Required Field: required fields must be filled out in order to submit the web form; leaving them blank will display an error message to the submitter.
    • Hidden Field: hidden fields are not visible in the form, but are visible in the sheet. This is helpful when you want a default value to appear in a column of the sheet without requiring the form submitter to create it. For example, if you have a Submitted By field, you can set the default value to "web form", and make it a hidden field. This way you can differentiate between rows that were added to the sheet by you and your collaborators, and those that were submitted via web form.
    • Default Value: will be displayed within the field on the web form, and the form submitter can change it if needed. Formulas aren't allowed as default values.

    As you edit the properties of each form element from the right side of the Form Editor, you’ll see the left side update to show the basic layout that will appear in the form.

    At any time, you can click the Save and Preview button at the bottom to see the form.Edit Element

    Back to top


    Adding Fields to a Web Form

    1. To drag-and-drop additional elements into the web form, click Add Field in the lower portion of the form.
      You can place the elements anywhere beneath the form’s description at the top. As you drag the element over to the left side, a dotted line will appear showing you where the element will be inserted when you release your clickAdd Field
    2. Choose from among the different options to customize the form as desired:
       
      • Add a File Upload field to enable the web form submitter to upload attachments to the form (up to 30MB per file, 10 files per web form submission) 
      • Use the Add Field section to include fields for columns that are not currently included in the form, as well as an option to a Create New column.
        NOTE: System columns and locked columns can’t be included as fields on a web form. However, you can add system columns to the sheet to automatically track the date and time that the row was submitted via form.  
      • Drag an item from the Add Section Divider section to create structure and better organize your form with headings and horizontal dividers.

    Back to top


    Controlling Web Form Display and Submission Options

    Click Form Options to manage the web form display and submission options.EN Form Options

    Use this option  To do this
    Confirmation Options Control what the form submitter sees after submitting the form. You can either display a confirmation message, reload the web form so it can be submitted again, or direct the submitter to another URL (the URL will load in the same browser tab).
    Enable Confirmation Email Add a Send me a copy of my responses checkbox to the bottom of the web form. If the form submitter checks the box, they’ll be able to enter their email address and receive an automated confirmation email that their form submission was accepted. The email will display the actual data they submitted.

    TIP: Though there isn't a way to have the web form confirmation email sent to the sheet owner or collaborators, you can set up a Notification on the sheet to receive email alerts when new entries come in.
    Location of New Entries Specify whether rows inserted via web form appear at the very top of the sheet or the bottom of the sheet. (There's not a way to have the rows inserted under a specified parent row or elsewhere.)
    Style Specify whether the web form inherits the branding displayed on the sheet, or inherits a plain style with no background color or logo.
    Accessible by Control whether your web form can be viewed and submitted by anyone with the link or only registered Smartsheet users. With the latter, anyone who navigates to the web form URL will be prompted to log in to Smartsheet (if they aren't already logged in) before they can view and submit the form. In this case, if Enable confirmation email is selected, web form submitters will see their email addresses automatically populated when they check the box to send me a copy of my responses.

    NOTES:

    • If there's a Created by system column in the sheet, and only registered Smartsheet users can submit the web form, the column reflects the actual email addresses of the users who submit the form. When the form is accessible by anyone with the link, the Created by column shows web-form@smartsheet.com.
    • Team and Enterprise customers can open the Advanced Form Options to remove the “Powered by Smartsheet Web Forms” text from the bottom of the web form and from the confirmation page.

    Using Query Strings with the Form URL

    After navigating to the web form via its URL, the web form will appear on screen with all fields empty except those with Default values.

    You can append query strings to the web form URL to pass information into the fields. This is useful if you need multiple people to fill out the same form but want to specify different default values in the fields.

    As an example, let's say a sales team is using a web form to log their phone calls with clients. Each sales rep submits the form so all client calls are listed in the same place, easily accessible to the manager. The sales team uses the following URL to access the web form:
    https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b

    And the web form looks like this:

    Sales reps can manually fill in all of the fields, but to make it easier on them, you can customize a URL for each sales rep using query strings.

    1. At the end of the URL, type an ampersand (&):
      https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b&
    2. Type in the web form field you'd like to populate. In this case, we want to populate the Rep field with the name of one of our sales reps:
      https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b&Rep
      NOTE: Form fields are case-sensitive.
    3. Type an equals sign (=):
      https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b&Rep=
    4. Type in the value you'd like to make the default. In this case, we'll set the rep's name to Sally Smart:
      https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b&Rep=Sally%20Smart
      TIP: Type %20 into the URL to indicate a space in the text.
    5. Repeat the steps above to populate additional web form fields if desired.
    6. Send this customized URL to Sally. When she navigates to this link, the Rep field will be populated with her name so she won't have to enter it in manually.

    TIP: If you've set up the Form Options to enable a user to receive an email confirmation of their form submission, you can use query strings to automatically select this option on a web form and set a default email address. Use ECA to pass information into this field. For example: https://app.smartsheet.com/b/form?EQBCT=6145a2c33c4e42e68bf53900e4a4845b&ECA=sallysmart@smartsheet.com.

    Back to top


    Video Demo

    For an instructional demonstration on using web forms, please review the video walk-through below:

    Back to top