Smart Content

Create a smart form

Last updated: July 16, 2018

Applies to:

Marketing Hub: Pro, Enterprise

Using a smart form module will allow you to change an entire form depending on your website visitor and their particular viewer characteristics.

You can base your smart rules on the following criteria types:

  • Country - display content to your viewer based on their country. The country is determined by the IP address of the visitor.
  • Device type - specify which device this smart content is centered around (mobile, tablet, or desktop). HubSpot looks at what is called the user agent of your visitor’s browser to determine their device type. Since this can sometimes be changed on the device, we cannot always guarantee accurate segmentation. 
  • Referral source - show visitors your smart content based on how they found your site.
  • Preferred language - personalize your content based on the language set within the user's web browser.
  • Contact list membership - show a contact in your HubSpot database certain content dependent on whether or not they're a member of one of your HubSpot lists.
  • Lifecycle stage - this will look at the lifecycle stage property of a contact in your HubSpot database and display the relevant content based on the value of this field.

Create a smart form on your website page or landing page

  • In your HubSpot account, navigate to website pages or landing pages
  • Hover over an existing page and click Edit or create a new page by clicking Create new website/landing page in the top right corner. 
create-or-edit-page 
  • In the content editor, click the form module.
  • In the sidebar editor that opens on the left, click the make smart icon
  • In the dialog box, select the radio button next to the criteria you want your smart content rules based on. 
  • Click Create.
  • Create your smart rules in the left sidebar editor under the Options tab. Click the Content dropdown menu to jump between your default content and the content your smart rules will be based on.  
  • Click Add rule to add smart content rules. Click Reorder rules to change the order of your smart rules, and click Delete all rules to remove your smart rules and convert the rich text module back to a traditional (non-smart) module.
HubSpot Help article screenshot
  • When you're finished editing your smart content rules, click Save and go to module list
  • Before you publish the page, you can preview how the smart text will display. Click the eye icon view ion the left sidebar menu to open the preview pane:
    • Click the Preview as a specific contact dropdown menu and select a contact name to preview the content this particular contact would see on your page.
    • Select the Preview page from a specific countryPreview page in a specific language, or Preview page from a specific traffic source checkbox to test the smart rule behavior for these anonymous rules. 
  • When you are done reviewing your page, click Publish in the top right corner to take your changes live.  

Create a smart form in your template

  • In your HubSpot Marketing Hub Basic, Professional, or Enterprise account, navigate to Marketing > Files and Templates > Design Tools.
  • In your design manager, click the name of the template with the form module you want to make smart. Click the form module and then click More > Make module smart in the sidebar editor on the right.

HubSpot Help article screenshot
 
  • In the dialog box, select the radio button next to the criteria you want to base your smart content rules on. 
  • Click Create.
  • Create your smart rules in the right sidebar editor in the Default Content section under the Edit tab. Use the Content dropdown menu to jump between your default content and the content your smart rules will be based on.  
  • Click Add rule to add smart content rules. Click Reorder rules to change the order of your smart rules, and click Delete all rules to remove your smart rules and convert the rich text module back to a traditional (non-smart) module.
HubSpot Help article screenshot
  • When you are done editing your smart content, click Publish changes in the top right corner. 

Was this article helpful?

If you still need help you can get answers from the , or to contact support.