Info |
---|
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. |
To see your college’s forms and create new ones, navigate in HubSpot to Marketing > Forms.
Creating new forms is done by each college marketing team or the District 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 form.
Select your college—defined as a Business unit by HubSpot —then select Embedded form.
Use a Blank template for form building and select Start.
Forms are built using Contact 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.
Once you’ve built a form, select Update and, from here, you can Publish.
You can then embed your form on a web landing page using the provided code, or you can use the public URL on social media, on iPads at recruitment events, or anywhere else you might place a URL.
Also be sure to add your form to the correct folder using the actions dropdown.
For detailed instructions on creating and managing forms, see our HubSpot Knowledge base.
How to Create Forms
1. Create a New Form
In your HubSpot account, go to Marketing > Forms.
Click Create form in the top-right corner.
Choose your college’s business unit from the dropdown.
Select Embedded form and then Start.
You’ll use Contact property fields to build the form with drag-and-drop functionality. If you need a new property field, contact the District Marketing team.
2. Add and Edit Form Fields
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.
To edit a field:
In the right panel, click the field in the form preview.
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 Basic tab:
| |
In the Logic tab:
|
3. Customize Your Form Options
From the Options tab:
Set post-submission actions (e.g.,
display a thank-you
message or redirect to another page).Select form submission notifications.
Choose form languages and error messages.
4. Style and Preview Your Form
From the Style & Preview tab:
Customize fonts, colors, and field/button styles.
Test progressive and dependent fields.
5. Automate Form Responses
The Automation tab allows you to configure follow-up actions or set up a simple workflow. You can use simple automation features such as sending a follow-up email to a contact or sending automatic internal email notifications with your forms. You can also use the form submission as a trigger in a simple workflow.
Learn more about how to use automation with the forms tool.
At the top, click the Automations tab. From the Automations tab, you can configure what happens after the form is submitted.
In the Choose what happens after a form is submitted 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.
6. Publish Your Form
Once your form is complete, click Publish to make it live. You can embed the form on a landing page or share it via a public URL for use on HubSpot pages. You can also embed your form on an external website or share it as a standalone page.
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.
OLD below
Customize your form options
From the Options tab, configure what happens after a form is submitted. You can configure submission settings, user notifications, the 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, and more. Some options may not be displayed, depending depend on your college's HubSpot subscription.
What should happen afterHere are the options available when a visitor submits this form: select what displays after a form submission. This sets the action for forms embedded on non-HubSpot pages or shared as standalone pages only; it will not set or change the action for forms added to HubSpot pages.
Campaign: if you haveDisplay a thank you message: configure Display a thank you message to appear after the form is submitted. thank students after they submit a form, such as an program inquiry or event registration.
HubSpot page or External URL: redirect visitors edirect students to a different page after the form is submitted. You can select a published HubSpot page or use an external URL. Scheduling page: if you have specific college page or external URL, like a program information page or college application form.
Meeting Scheduling page: If your college has a Sales or Service Hub Enterprise subscriptionseat, you can redirect visitors students to a specified meeting scheduling page to where they can book a meeting , any submitted form fields will automatically be populated.
Conditionally redirect to a scheduling page, HubSpot page or external URL: if you have a Sales or Service Hub Enterprise subscription, you can redirect visitors to a specified meeting scheduling page, HubSpot page, or external URL. If you are redirecting users to a meeting scheduling page, any submitted form fields will automatically be populated. Learn about conditionally redirecting a form to a meeting scheduling page, HubSpot page, or external URL
Set a lifecycle stage when a contact or company is created: click the Set lifecycle state to dropdown menu and select a lifecycle stage. When visitors submit the form, any new or existing records will be set to the selected lifecycle stage.
You cannot move a record's lifecycle stage backward. If an existing contact or company with a later lifecycle stage submits a form, the lifecycle stage will not be updated.
The lifecycle stage set in a form will overwrite the default lifecycle stage configured in your HubSpot settings.
Follow-up options: select the Send submission email notifications to the contact's owner checkbox to automatically send a notification to the contact's owner. If a contact has no owner, no notifications will be sent. Learn more about object ownership in HubSpot.
Send submission email notifications to: click the dropdown menu to select the default teams or individuals to send submission email notifications to, regardless of contact ownership. Recipients set here will be overwritten by recipients set in the form options on HubSpot pages.
Form and error message language: select the language for default field labels and errors displayed to visitors when the form is filled out incorrectly.
with an advisor or admissions officer. Form fields will auto-fill with the information they've already submitted.
Conditional Redirects: Set up different redirect actions based on student responses. For example, you can send students to specific program pages or scheduling links based on their interests or inquiries.
4. Lifecycle Stage and Follow-Up Options for College Forms
Set Lifecycle 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 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. You can also choose specific teams or individuals who will receive these notifications, regardless of contact ownership.
Form Language and Error Messages: Customize the language for field labels and error messages that students see when filling out the form incorrectly.
Campaign Association: If your college uses a Marketing Hub Professional or Enterprise subscription, you can associate the form with a campaign:specific marketing campaign. You can link it to an existing campaign or create a new one directly in the form settings.
To associate your form with an existing campaign, click the Campaign dropdown menu and select a campaign.
To associate your form with a new campaign, click the Campaign dropdown menu and click Create campaign. Then, continue setting up your campaign.
If you've never created a campaign before, click Create a campaign. Then, continue setting up your campaign.
Always create contact for new email address: select this option to create New Contact Creation: To ensure every form submission generates a new contact record for every submission with a each unique email address, select this option. If the email address submitted matches an existing contact record submitted email already exists in your database, HubSpot will update the details on the existing record will be updated.
IfTurning this option
is turnedoff
,allows HubSpot
will first attemptto
associate the submission with an existing contact with the submitted email address. If no contact exists at that email address, HubSpot will recognize and update your contacts based on the cookies in their browsers. Thisupdate records based on browser cookies, which may result in overwriting contacts
being overwrittenif
the same form is submitted multiple times fromthe same device
.If this option is turned on, when a contact submits the form using a different email on a browser where there is already a cookie, views will not be tracked for this contact. The Pre-populate contact fields with known values option will also be automatically disabledis used.
Set 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. This includes both new and existing contacts.
Add link to reset the form: select this option to allow visitors to remove any pre-populated fields on the form and to create a new contact on submission. When enabled, visitors can click a Form Reset 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 that resets the form. This will also disable cookie tracking in the form submission, preventing any cookie overwrites. " link, it clears any pre-populated fields, allowing them to submit new information. This also disables cookie tracking, preventing data overwrites.
Pre-populate fields with known values: if a contact previously visited Fields: If a student or visitor has previously interacted with your site and submitted filled out a form, and HubSpot was able to store and track their cookies, any known field values can be pre-populated on the form. This option is enabled by default, learn more about pre-populated form fields.
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.
5. Style and Preview Your Form
From the Style & preview 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 HTML form: if you have a Marketing Hubor Content HubProfessional or Enterprise subscription, you can select this option to render the form as a raw HTML element rather than inside an iframe. Do 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 one of four available themes for field and button styles.
Style: customize the form's field width, fonts, and colors.
Test: if you have progressive fields or dependent fields on this form, you can test how they'll appear to your visitors.
6. 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 Automations tab. From the Automations tab, you can configure what happens after the form is submitted.
In the Choose what happens after a form is submitted 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.
7. 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 on an external webpage it 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.