Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel2
outlinefalse
stylenone
typelist
printabletrue

...

(info) About HubSpot Forms

HubSpot forms are essential to collect contact information, or “leads,” including name, email address, program of interest, and much more.

The District Marketing office and each college Marketing office use forms—also known as requests for information, or RFIs— for RFIs—for general student inquiries and targeted marketing campaigns and enrollment initiatives.

If you are not a member of your college’s Marketing department, you will need to contact your Marketing department or District Office Marketing to create new forms.

...

🥇 Best Practices

Keep Forms Short and Simple

To encourage more submissions, ask for only the most necessary information upfront (e.g., name, email, program of interest).

Use Clear Labels and Instructions

Ensure that form fields have clear and concise labels so visitors know exactly what is required. Adding helper text can reduce confusion.

Optimize for Mobile

Make sure your forms are easy to fill out on mobile devices. This includes larger input fields, buttons, and a simple layout.

Reduce Required Fields

To lower the barriers to entry, only make essential fields mandatory, especially for student inquiries or event registrations.

Use Multi-Step Forms for Longer Processes

If more information is needed, consider breaking it down into multiple steps so visitors don’t feel overwhelmed.

...

📄 Step-by-Step Instructions for Creating and Managing Forms

Expand
title1. Create a New Form

Create a New Form

  • To see your college’s forms and create new ones, navigate in HubSpot to Marketing > Forms.

    mark-forms.pngImage Removed

  • Creating new forms is done by each college marketing Marketing team or the District marketing Marketing office. If you are unable to see forms or do not have access to create them, you will need to reach out to your college enrollment and marketing teams for permission or to request a new form.

  • To create a form, select Create formForm.

    form.pngImage Removed

  • Select your college—defined as a Business unit by HubSpot —then HubSpot—then select Embedded formForm.

  • Use a Blank template Template for form building and select Start. Forms are built using Contact property Property fields—many of which already exist in the system—using drag-and-drop functionality. If you cannot find an existing property for use in a form, contact the District Marketing team so they can create it.

Note
Important: Be

Important—Be sure to add your form to the correct folder using the actions dropdown.

Add a Form Field

  • Click the Create new tab to create new property fields and use them as fields on your form.

  • Select the form field type

  • In the right panel, set up your form field:

  • Object type: select an object type. You can add Contact, Company, and Custom object fields. Ticket properties can be added if Automatic ticket creation is toggled on.

  • Group: select a property group. 
  • Label: enter text to name the property.

  • Description: enter text to describe the property. This is optional and can be left blank. 

  • Click Next.

  • Review your property options and click Create.

  • Click and drag fields onto the form preview on the right to include them on your form. Fields can be placed above, below, or next to other fields. 

    Image Removed
  • Edit a Form Field

    1. In the right panel, click the field in the form preview. 

    2. In the left panel, edit the field's options as needed. The options here may vary depending on the field's property type, learn more about the additional field customization options available.

    In the Logic tab: 

    • Progressive fields: select the action to take if the field has been previously submitted. Learn more about progressive fields in forms.

    • Dependent fields: display additional fields based on visitors' responses to a previous field. Learn more about dependent fields in forms.

    Expand
    title2. Add and Edit Form Fields

    Image Removed

    In the Basic tab: 

    • Label: the name of the field that will appear on the form.

    • Help text: informational text below the field's label to help the visitor complete the field.

    • Placeholder text: text that appears in the input box for the field. The text will disappear when the visitor enters a value in the field, and will not come through in the submission, even if the field is left empty.

    • Default value: a value that will be submitted for the field by default unless changed by the visitor.

    • Make this field required: when the checkbox is selected, the field must be completed to submit the form. If a form field has been set as required, it cannot be set as hidden. 

    • Make this field hidden: when the checkbox is selected, the field will not appear on the form but can be used to pass values to contact properties for all submissions.

    Image Removed
    Expand
    title3. Lifecycle Stage and Follow-Up Options for College Forms

    Customize Your Form Follow-Up Options

    From the Options tab, you can customize what happens after a student or visitor submits a form. You can configure settings like submission actions, notifications, and language for form and error messages. Some options may depend on your college's HubSpot subscription.

    • Here are the options available when a visitor submits this a form:

      • Display a thank you message: Display a Thank You Message—Display a custom message to thank students after they submit a form, such as a program inquiry or event registration.

      • HubSpot page Page or External URL: edirect URL—Redirect students to a specific college page or external URL, like a thank you page, program information page, or college application form.

      • Meeting Scheduling page: If Page—If your college has a Sales or Service Hub Enterprise seat, redirect students to a scheduling page where they can book a meeting with an advisor or admissions officer. Form fields will auto-fill with the information they've already submitted.

      • Conditional Redirects: Set Redirects—Set up different redirect actions based on student responses. For example, you can send students to specific program pages or schedule links based on their interests or inquiries.

    Customize Lifecycle Stage

    • Set Lifecycle Stage: When Stage—When a student or contact submits a form, you can set their lifecycle stage by choosing from the dropdown menu (e.g., "Prospect" or "Applicant").

    • Follow-Up Notifications: You up Notifications—You can automatically notify the contact's owner (e.g., an admissions counselor or advisor) by checking the box to send submission email notifications. If no owner exists, no notifications will be sent. Regardless of contact ownership, you can also choose specific teams or individuals who will receive these notifications.

    • Form Language and Error Messages: Customize Messages—Customize the language for field labels and error messages that students see when filling out the form incorrectly.

    • Campaign Association: Your Association—Your college can associate a form with a specific marketing campaign. You can link it to an existing campaign by clicking the Campaign dropdown menu and selecting a campaign, or create a new one by clicking the Campaign dropdown menu and clicking Create campaign. If you've never created a campaign before, use this guide to set up your campaign. 

    • New Contact Creation: Select Creation—Select this option to ensure every form submission generates a new contact record for each unique email address. If the submitted email already exists in your database, HubSpot will update the existing record. Turning this option off allows HubSpot to update records based on browser cookies, which may result in overwriting contacts if the same device is used.

    • Set contacts created as marketing contacts: if Contacts Created as Marketing Contacts—If your HubSpot account has access to marketing contacts, you can automatically set any contacts who have submitted this form as marketing contacts. This includes both new and existing contacts.

    • Form Reset Link: You Link—You can add an option for students or visitors to reset the form. If they click a "Not you? Click here to reset" link, it clears any pre-populated fields, allowing them to submit new information. This also disables cookie tracking, preventing data overwrites.

    • Pre-populate Fields: If Fields—If a student or visitor has previously interacted with your site and filled out a form, HubSpot can auto-fill fields with known values based on stored cookies. This feature is enabled by default and helps returning users complete forms faster.

    Expand
    title4. Style and Preview Your Form

    Style and Preview Your Form

    From the Style and Preview tab, customize the styling of your form. A preview of the form will update in the right panel as you adjust the form's styles or test its features.

    You can customize the following: 

    • Set as raw Raw HTML form: Select Form—Select this option to render the form as a raw HTML element rather than inside an iframe. Do note Note the following:

      • Any HubSpot styling configured in the Style tab will be removed.

      • The form should be styled with CSS in your external stylesheet.

    • Input options: select Options—Select one of four available themes for field and button styles.

    • Style: customize Style—Customize the form's field width, fonts, and colors.

    • Test: if Test—If you have progressive fields or dependent fields on this form, you can test how they will appear to your visitors.

    Expand
    title5. Automate Form Responses

    Configure follow-up actions or set up a simple workflow using the Automations tab. Learn more about how to use automation with the forms tool. 

    • At the top, click the Automation tab. From the Automations tab, you can configure what happens after the a form is submitted. 

      • In the Choose what happens What Happens after a form Form is submittedSubmitted section, customize the settings for your form as needed.

      • In the Create a Simple Workflow section, set up a simple workflow to automate follow-up actions such as sending an email or setting a contact property.

    • Once your form is complete, click Publish to make it live. You can embed the form on a Hubspot landing page or share it on an external webpage via a public URL.

    Please note: Once a form has been published, it cannot be unpublished. You can manually remove the form embed code if the form is embedded on an external page. However, the only way to disable the standalone form page is to delete the form

    Expand
    title6. Publish Your Form

    Publish Your Form

    Once your form is complete, click Publish to make it live. You can embed the form on a Hubspot landing page or share it on an external webpage via a public URL. Please

    Note
    : Once

    Important—Once a form has been published, it cannot be unpublished. You can manually remove the form embed code if the form is embedded on an external page. However, the only way to disable the standalone form page is to delete the form

    ...

    Panel
    panelIconIdeeea56ee-d0f0-4af5-9270-91f31532d8ad
    panelIcon:Hub:
    panelIconText:Hub:
    bgColor#DEEBFF

    For additional instructions on creating and managing forms, view all HubSpot Forms articles.