🔵 HubSpot Marketing Practical Textbook — 2026 Edition
Chapter 3

lead acquisition
via form popup chat
Convert visitors to contacts

Converting the visitors you attract into "contacts" is the first hurdle in HubSpot marketing. Completely build a lead acquisition infrastructure that eliminates missed leads, including form design, progressive profiling, UTM acquisition, pop-up timing design, and automatic acquisition using Breeze Customer Agent.

📖 Estimated reading time: 35 minutes
🎯 Target audience: Marketing staff, web staff, HubSpot administrators
📅 March 2026 edition

📋 Contents of this chapter

  1. 3-1Types of forms (embedded, pop-up, collection forms) and how to use them properly
  2. 3-2Form field design and progressive profiling
  3. 3-3Complete setup for hidden fields, UTM retrieval, and conversion tracking
  4. 3-4Popup/slide-in timing and targeting settings
  5. 3-5Automatic lead acquisition with chat/chatbot (live chat + Breeze Customer Agent)
  6. 3-6Design and place CTAs — segment content with smart CTAs
Section 3-1

Types of forms and how to use them

HubSpot forms can be broadly categorized into three types. The choice of which one to use depends on the purpose of the page, the temperature of the visitor, and the height of the conversion barrier. If you mix up the types, it will cause your form submission rate to drop significantly.

📋
embedded form
A form that appears inline within an LP or article. Since it is assumed that the visitor will actively interact with it, it is used in situations where the desire to convert is high.
LP/material DL/inquiry/webinar application
📱
Collection form (Non-HubSpot)
Import data from external tools (Typeform, Google Forms, etc.) into HubSpot. Compatible with external data sources such as cases where existing forms cannot be changed or reception on the day of the event.
External form linkage/event reception/offline

Where to access and create forms

Marketing → Forms You can list and create new forms from here. The form editor supports drag and drop of fields, conditional branching (dependent fields), and post-submission action settings.

Setting itemsContentpoint
form type Choose Embed/Popup/Standalone Choose carefully as you cannot change it later.
Post-send action Display thank you message / Redirect to another URL Redirect to thank you page recommended. You can set the next action
Display to known contacts Whether to show the form to already known contacts When using progressive profiling, set to "Show"
GDPR options Display consent checkbox/privacy policy link Set according to EU and personal information handling requirements. Don't forget to comply with the Specified Electronic Commercial Transaction Law
💡 The form's "post-submission action" should always redirect to the thank you page

If you display a "thank you message", it is difficult to measure the completion of sending as a conversion, and it is not possible to set up the next action (related materials, webinar information, sales contact notice).Make sure to create a dedicated thank you page and redirectLet's be thorough in our design. The URL of the thank you page is used for conversion measurement without UTM.

Section 3-2

Form field design and progressive profiling

Form field design is a trade-off between lead generation and data quality. The more fields there are, the richer the data, but the lower the sending rate. The solution to this problem is progressive profiling--A method that completes the profile by asking slightly different questions each time a visitor converts multiple times.

Relationship between number of fields and sending rate

Number of fieldsSending rate as a guidelineRecommended scene
1-2 items 50〜70% Email newsletter registration/pop-up (email address only)
3-5 items 25〜45% Download materials/webinar application (name, email, company name, title)
6-9 items 10〜20% Inquiry/Demo application (above + issues, budget, timing)
10 items or more less than 5% Not recommended in principle. Split into multiple steps if necessary

How progressive profiling works

HubSpot forms have a “smart field” feature.Do not display information already registered in HubSpot as fieldsYou can set it to only listen to information that has not yet been obtained. This allows you to enrich your profile with each contact, without having to ask the same questions over and over again.

📈 Progressive profiling — complete profile after 3 touches
1st conversion
Material download
  • full name
  • email address
  • Company Name
📥 3 new items acquired
2nd conversion
Webinar application
  • Name (obtained)
  • Email (obtained)
  • post
  • Number of employees
📥 Get 2 additional items
3rd conversion
Demo application
  • Name (obtained)
  • Company name (obtained)
  • Current challenges
  • Consideration period
  • sense of budget
📥 Get 3 additional items

How to set up progressive profiling

  1. Mark a field as a "smart field" in the form editor: Turn on "Make this field a smart field" on the settings screen for each field.
  2. Specify "alternative field": Set the field to display instead if a known contact skips this field (e.g., if the company name has already been retrieved, then display "Title")
  3. Set the minimum number of fields in a form: Set the minimum number of fields to display when a known contact opens the form (recommended: 2-3)
  4. Check the operation with a preview: Use the "Preview as Known Contact" feature to preview which fields will be displayed for each contact.
⚡ Profiling priority: First, design “information necessary for MQL judgment”

“Job title,” “number of employees,” “issues,” and “time for consideration”—these are pieces of information that are directly linked to lead scoring and the decision to hand over leads to sales. When prioritizing form fields,Identify the "items required for MQL definition" first, and then design a progressive sequence to obtain them by working backwards.is a best practice (MQL definition is detailed in Chapter 6).

Section 3-3

Complete setup for hidden fields, UTM retrieval, and conversion tracking

The information collected through forms is not just information entered by visitors.Where did they come from (UTM)? What page did they convert on? Where was the first page?——By automatically retrieving these as hidden fields, the accuracy of later attribution analysis will be dramatically improved.

Information that should be automatically retrieved in hidden fields

hidden field namevalue to getHubSpot properties
utm_source Inflow source (google / linkedin / newsletter, etc.) hs_latest_source_data_1(Auto)/Custom properties
utm_medium Media type (cpc / email / organic, etc.) Custom properties recommended
utm_campaign Campaign name (naming convention designed in Chapter 1) Custom properties recommended
utm_content Creative distinction (A/B testing, etc.) Custom properties recommended
Page URL URL of the page where the conversion occurred hs_analytics_last_url(automatic)

How to set hidden fields

  1. Add fields in form editor: Select the target property from "Add field" and change the field type to "hidden field"
  2. Set the acquisition destination to "default value": To get UTM parameters, you need to set up to read URL parameters with JavaScript (see code below)
  3. Check HubSpot's auto-retrieve propertieshs_analytics_source(Source of inflow)・hs_analytics_last_url(Final URL) etc. will be automatically acquired and updated by HubSpot. By utilizing these, you can minimize the settings of custom hidden fields.
// JavaScript to automatically set UTM parameters to hidden fields
// Add to your page's <script> tag or place in a custom HTML module in HubSpot
window.addEventListener('load', function() {
  var params = new URLSearchParams(window.location.search);
  ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content'].forEach(function(param) {
    var val = params.get(param);
    if (val) {
      var field = document.querySelector('input[name="' + param + '"]');
      if (field) field.value = val;
    }
  });
});
// * Place to run after HubSpot's tracking code is loaded

How to check conversion tracking

Conversion tracking confirmation flow
Execute test send
in contact details
Check UTM
with form analysis
Check the number sent
campaign report
Confirm that it is reflected in
⚠️ Notes on cookie consent banner and UTM acquisition

HubSpot plans to automatically migrate the old cookie consent banner (v1) to v2 from May 2026 (HubSpot Developer Changelog announced in March 2026). In v2, if a visitor rejects cookies,Some tracking data cannot be obtained. Data loss can be minimized by implementing both ``Cookie-dependent'' and ``Direct URL parameter acquisition (JS above)'' as UTM acquisition methods.

Section 3-4

Popup/slide-in timing and targeting settings

The pop-up isThe moment you are perceived as a nuisance, your brand image will be damaged.It's a double-edged sword. A high conversion rate can be achieved only when the right timing, the right audience, and the right offer are all in place.

Types and usage of pop-up display timing

Targeting settings: narrow down who to display

HubSpot pop-ups includeDisplay conditions (targeting rules)can be set. Improve conversion rates and UX by targeting the right audience instead of just showing it to everyone.

Targeting conditionsSetting exampleUsage scene
Display page Specific URL / URL pattern / Blog category Display MA ebook pop-up only to people reading "MA tool comparison article"
Number of visits First visit only / 2 or more times First-time visitors will receive an introductory guide; repeat visitors will receive a demo request.
contact status Unknown visitors only / Exclude known contacts Do not show pop-ups to people who have already been contacted (UX-focused)
device PC only / mobile excluded Exit Intent doesn't work on mobile, so make it PC-only
Inflow source Specific UTM source / Ad inflow only Show specific offers to visitors coming from Google Ads (consistent with ads)
✅ Make sure to set pop-up suppression settings

Showing the same pop-up to the same visitor over and over again destroys the UX.“Once displayed, it will not be displayed again for X days” “It will not be displayed to people who have already submitted the form”Be sure to set these two suppression rules. You can manage this with the "Do not show again" option in HubSpot's popup settings screen.

Section 3-5

Automatic lead acquisition with chat/chatbot

HubSpot's chat function consists of two types: "live chat (human interaction)" and "chatbot (automatic response)." From 2025 to 2026 Breeze Customer Agent has been strengthened, and it is now possible to automate lead acquisition, qualification confirmation, and business meeting reservations as a "front office AI" that goes beyond simple Q&A responses.

Live Chat vs Chatbot vs Breeze Customer Agent

kindsFeaturesOptimal sceneplan
live chat Person in charge responds in real time. Ideal for leads with high temperature sensitivity Demo inquiries and high-priced products during business hours All plans
Chatbot (flow type) Automatic response with preset branching flow. Available 24 hours Directions to FAQ, document information, and forms Starter〜
Breeze Customer Agent AI learns websites, blogs, and knowledge bases and responds autonomously. Access to CRM data 24-hour lead support, qualification confirmation, meeting reservations Professional〜

Lead capture flow with Breeze Customer Agent

🤖 Breeze Customer Agent — Automated lead generation interaction example
🤖
Hello! Have questions about implementing HubSpot? We can also help guide you through materials and discuss your requirements.
👤
I want to know about marketing automation features
🤖
thank you. HubSpot Marketing Hub offers workflow automation, lead scoring, email delivery, and AI-powered personalized optimization. We can also send you more detailed information. Could you tell me your name and email address?
↓ Automatically create contacts in CRM ↓
👤
This is Taro Yamada, yamada@example.com
🤖
Thank you, Mr. Yamada. What MA tools are you currently using, or are there any particular issues you would like to solve? Please confirm so that the person in charge can make a more accurate proposal.
↓ Automatically execute lead qualification confirmation (Qualify) ↓
🤖
I've got it! We can arrange a free 30-minute online consultation with a dedicated representative. Please choose a date and time that is convenient for you.
↓ Automatically display HubSpot meeting links and automatically create deals in CRM ↓

Breeze Customer Agent configuration steps

  1. Prepare your knowledge base: Register content such as FAQs, product descriptions, pricing pages, etc. to HubSpot. The Agent learns this and uses it as the basis for its answer.
  2. Activate the agentMarketing → Chat → Customer Agent to the settings screen. Setting the Agent name, icon, and supported languages
  3. Set guardrails (answer range): Set rules for areas that the agent will not answer (competitive comparisons, legal judgments, price negotiations, etc.), and set that questions outside of this scope will be escalated to the person in charge.
  4. Check CRM integration: Check that the information collected in chat (name, email, issue) is automatically reflected in contact properties.
  5. Quality control with coaching dashboard: Classify the agent's response history into "Top Performers (high resolution rate)" and "Requires improvement (incorrect answers)" and regularly check and tune them.
🆕 2026: Breeze Customer Agent voice support and WhatsApp integration

From 2025 to 2026, Breeze Customer Agent is being expanded to support voice conversations (voice chat) and messaging channels such as WhatsApp and SMS.Answer voice questions in the same CRM context as text chatTherefore, it has become possible to use it to automate telephone inquiries.

Section 3-6

Design and place CTAs — segment content with smart CTAs

The call to action (CTA) is the final trigger for getting leads. Conversion rates vary greatly depending on where on the page, what wording, and for whom it is placed. At HubSpot Smart CTAs By using , you can automatically switch the displayed content depending on the visitor's attributes, lifecycle stage, and device.

Types of CTAs

🔘
Button CTA
The most versatile. You can freely set the text, color, and size. Ideal for A/B testing of placement, wording, and colors.
Can be used on all pages
🖼️
Image CTAs
Placed in the form of a banner in the sidebar or at the end of the article. Suitable for "visually appealing offers" such as materials and seminar information.
Blog content page
📝
Text link CTA
Embed it in the article body in a natural way. CTA that follows the context of the content tends to have a high click-through rate.
Blog articles/knowledge

Leverage smart CTAs

Smart CTAs are co-located andAutomatically display different CTAs depending on visitor attributesIt is a function to do. It can be switched based on conditions such as known/unknown, life cycle stage, list membership, and device.

🎯 Example of setting up a smart CTA — distribution on the same page
unknown visitor
“Start for free” “Download materials” (awareness/acquisition purpose)
Known contacts (lead stage)
“View case studies” “Participate in webinars” (for nurturing purposes)
MQL/Contacts during business negotiations
“Reserve a demo” “Apply for a free consultation” (to accelerate closing)
Existing customers
"View higher plans" "Contact support" (for expansion/maintenance purposes)

CTA performance improvement checklist

✏️ Wording design

  • Is the wording expressing a benefit rather than “send” or “click” (such as “receive materials for free”)?
  • Is the expression similar to the first person (“receive my materials” can be effective)
  • Are you using too many words that convey urgency or rarity? (Excessive use will damage trust.)
  • Does the content match the context (headline/body text) before the CTA?

🎨 Design/layout

  • Are you using a color that stands out and distinguishes it from the main color of the page?
  • Is there enough space around the button so that it is recognized as "pushable"?
  • Is there at least one CTA in the first view?
  • Is the size easy to tap on mobile (at least 44px x 44px)?
  • If there are three or more CTAs on the entire page, are the priorities expressed in the design?

📌 Chapter 3 Summary

How to use form types

Select three types based on your purpose: embedding (active conversion), pop-up (passive contact), and collection form (external collaboration).

progressive profiling

Information is acquired little by little through multiple contacts. Design the acquisition order by counting backwards from the items required for MQL judgment.

Get UTM in hidden field

Automatically capturing UTM when submitting a form dramatically improves attribution accuracy. Don't forget to install JS.

Pop-ups occur when three conditions are met

High CVR is achieved only when the right timing, the right audience, and the right offer come together. Suppression settings are also required.

Breeze Customer Agent Automated Lead Capture

24-hour AI support automates everything from contact creation, qualification confirmation, and meeting reservations. Enriching the knowledge base is the key to quality.

Share with smart CTAs

Display different CTAs for unknown visitors, leads, MQLs, and existing customers. Automatically switch between different offers in the same location.

Next Chapter: Chapter 4 Segments and Personalization — Leaving “Same for Everyone”

A complete explanation of 2026 audience design, including the transition from static lists to dynamic segments, integrated targeting of known contacts and anonymous visitors, and real-time distribution of web, email, and CTAs using personalization apps.

Chapter 4 →