Pop-up forms in HubSpot are designed to streamline lead capture on your website—no extra plugins or third-party tools required. But here’s the real challenge: getting them to actually work the way you want. If a form shows up too late, doesn’t align with your brand, or sends data to nowhere useful, it’s not helping your pipeline. And if you’re unsure whether to use HubSpot’s modern pop-up forms or the older legacy version, you’re not alone.
The truth is, both systems live side by side in HubSpot, but they behave differently—especially when it comes to setup, styling, and how well they play with tools like the drag-and-drop form builder. This guide will help you cut through the confusion. You’ll find out exactly where each form type lives, how to use them correctly, and how to measure their impact—all without breaking your workflows or data tracking.
Understanding the Difference Between New and Legacy HubSpot Pop-Ups
Pop-up forms in HubSpot are on-page lead capture tools that appear based on visitor behavior. Whether it’s after 10 seconds on a page, scrolling halfway through a blog post, or just before exit, these forms give you a way to prompt action when it matters most. You can build them right from your HubSpot Marketing Hub by going to Marketing > Lead Capture > Forms and selecting the “Pop-up form” option.
Legacy pop-up forms are still around for good reason—they predate the integrated form builder but remain active for older assets or sites running earlier HubSpot scripts. You’ll see them labeled as “legacy” in the same Forms menu. They work similarly but lack some advanced editing features, making brand alignment or responsive design more challenging without custom CSS.
Both types exist to help you collect leads quickly without editing your HTML or rebuilding templates. Use the new version if you need a flexible design. Stick with legacy only if you’re supporting an older site structure or historical campaign.
How It Works Under the Hood
When you configure a HubSpot pop-up, there’s more going on behind the scenes than meets the eye. Each form relies on the HubSpot tracking code to decide when—and where—to appear.
Here’s what happens: when a visitor lands on a page that includes the tracking code, HubSpot checks for active forms tied to that URL or domain. If your trigger conditions are met (like scrolling 75% down the page), the script pushes the visual form to the browser.
What you need to set up:
- Specific form fields like name, email, or company
- The pages or subdomains where the form should display
- Trigger rules: scroll depth, time on page, exit intent, or page visit
- Display format: pop-up box, banner, or slide-in
- Follow-up action: redirect link, in-form thank-you, or automated workflow
What you get in return:
- Submissions tied to contact records in the CRM
- Conversion data in Form Reports
- Trigger-based workflows or internal alerts based on user actions
Legacy pop-up forms follow a similar flow on the front end, but the back-end organization differs. Older forms don’t support all the new targeting rules, and styling is less flexible without workarounds. If you’re using them, expect functionality—but within limits.
Main Uses Inside HubSpot
Pop-up forms aren’t one-size-fits-all. You’ll get the best performance when you align form behavior with what your visitor is already doing. Below are three targeted ways marketers are using HubSpot pop-up forms right now.
Capturing Newsletter Subscriptions
If your blog sees good traffic but your subscriber list is flat, it’s time to rethink how you ask for subscribers. A slide-in that appears once someone has scrolled through part of your article creates a helpful, not disruptive, touchpoint.
Example: You set a slide-in to appear at 50% scroll depth on high-traffic blog posts. The form says “Get weekly growth insights” and collects just name and email. It adds contacts to the “Newsletter Subscribers” list and kicks off a double-opt-in workflow for compliance.
Offering Downloadable Content
Some users aren’t ready for a meeting, but they are willing to engage with a valuable resource—if you catch them at the right time.
Example: You build a pop-up box that triggers after 20 seconds on a feature page. It offers a downloadable PDF titled “The Complete Success Checklist.” Submissions are tagged to a campaign so you can see attribution clearly in HubSpot’s Campaigns tool.
Driving Demo or Trial Requests
When someone’s nearly gone, a well-timed exit-intent form may be your last chance to prompt action.
Example: You create an exit-intent slide-in that appears when a visitor moves toward closing the tab on your pricing page. The call-to-action: “Book your 15-minute demo before you go.” Once submitted, the contact is routed to a sales queue via a workflow and assigned based on CRM fields.
These examples show that pop-up forms aren’t just about collecting emails—they’re about meeting visitors where they are in the journey, then routing them effectively through your CRM and automation system.
Common Setup Errors and Wrong Assumptions
Even well-planned campaigns can fall apart if the setup isn’t airtight. Here’s where users most often go wrong:
- Wrong placement of HubSpot tracking code
If you place the tracking code after scripts that block it—or leave it out of specific pages—the pop-up won’t load at all. Always install the tracking code just before the closing </body> tag. - Overlapping form triggers
Multiple forms trying to show on the same page at once will create a crowded, confusing experience. Use one form per trigger type per page—no more. - Ignoring cookie consent behavior
In regions covered by GDPR or similar laws, forms that pop up before cookie consent is accepted may expose you to compliance risk. Use HubSpot’s consent banner and set your pop-ups to trigger once consent is granted. - Deploying legacy forms on mobile-heavy pages
Legacy forms don’t always play nice with modern responsive design. If your page traffic skews heavily mobile, test thoroughly and be ready to replace with new-format pop-ups.
Clearing these up early will save you troubleshooting time and protect your user experience.
Step-by-Step Setup or Use Guide
Before you begin, confirm that your tracking code is installed site-wide and you have access to Marketing Hub Professional or higher.
Steps to create a HubSpot pop-up form:
Step 1: Open the Forms tool
Navigate to Marketing > Lead Capture > Forms in your HubSpot dashboard.
Step 2: Start a new form
Click Create Form, then select Pop-up Form to begin the wizard.
Step 3: Select layout
Choose from: pop-up box, drop-down banner, slide-in from left, or slide-in from right.
Step 4: Add your fields
Limit to 2–3 inputs for better conversion. Stick with essentials like name and email, but include business role or company size if needed for routing.
Step 5: Set display triggers
Decide how and when your form appears—be strategic. Shorter pages may work best with time-based triggers, while long-form content suits scroll triggers better.
Step 6: Style it
Match your form to your site’s branding. Edit headline and body copy, pick colors, and test button language that drives urgency or value.
Step 7: Define follow-up action
You can show a thank-you, redirect to a different page, or trigger a HubSpot workflow that kicks off lead nurturing or sales alerts.
Step 8: Assign targeting rules
Narrow down where your form shows using exact match or pattern-match URLs. Don’t forget to exclude utility pages like careers or privacy policies.
Step 9: Preview and publish
Use the built-in preview to test desktop and mobile versions before you go live.
To work with legacy pop-up forms:
Step 1: Find the form
In Marketing > Lead Capture > Forms, locate any that include the “legacy” label.
Step 2: Edit content and behavior
Legacy forms allow you to update messaging, configure a redirect or thank-you, and change which pages they appear on.
Step 3: Review how they’re loaded
These may rely on JavaScript snippets placed directly in your template headers or footers. Adjust placement if the form isn’t showing.
Step 4: Test responsiveness manually
Open on both desktop and mobile and check for readability, button alignment, and usability.
Step 5: Monitor results
Submissions still log under contact records and in Form Reports, just like the modern versions.
Measuring Results in HubSpot
A form is only as good as the insights you pull from it. Fortunately, HubSpot tracks everything automatically—from form views to goal completions.
In your HubSpot account, go to Marketing > Lead Capture > Forms, open any form and click the Performance tab. Here’s what to pay attention to:
- Views: Total recorded form loads
- Submission Rate: Submissions divided by views
- New Contacts: First-time submissions adding someone new to your CRM
- Existing Contacts: Known visitors who filled out the form
To bring this data into campaign-level insights, make sure your forms are tied to Campaigns under Marketing > Campaigns. This shows how pop-up engagement influences your pipeline, not just visits.
Want to get more specific? Use Reports > Dashboards to customize performance tracking:
- Filter by “Form Submission Name” to compare winners
- Add timeline or daily performance trends
- Break down results by traffic source or form type
Checklist to keep your data clean:
- Use clear, unique names for every form
- Associate each with a HubSpot Campaign
- Monitor submission rate weekly
- Flag drop-offs or performance dips early
- Track how many leads join key lists from each form
Short Example That Ties It Together
You’re trying to boost demo signups on your pricing page without cluttering the layout. You build a slide-in pop-up that appears from the right—but only when visitors show exit intent.
Your headline: “Need a tailored demo before you decide?”
Fields: Business email and first name.
After submission: Visitors see a custom thank-you page, and a workflow instantly assigns the record to the right sales rep and triggers a confirmation email.
In HubSpot, your form logs 1,200 views and a 5% conversion rate that week. In the associated campaign, you see demo meetings booked from 30% of those leads. That’s more than form fills—it’s a measurable, trackable step forward in your pipeline.
How INSIDEA Helps
You may already have forms live, but if they aren’t flowing cleanly into your CRM, aligning with reporting, or converting qualified leads, you’re leaving revenue on the table. That’s where INSIDEA comes in.
INSIDEA helps teams use HubSpot forms—not just create them. From proper installation to multi-step automation and reporting integration, we make sure every form contributes to the bigger picture.
Here’s what we offer:
- HubSpot onboarding: Get your tracking and form tools set up the right way, from day one
- Form management and maintenance: Keep submission data clean, workflows humming, and no duplicate contacts slipping through
- Automation support: Build smart follow-up journeys triggered by specific forms or field values
- Reporting alignment: Make sure every pop-up serves a purpose—and that purpose shows up on your dashboard
Need a second set of eyes on your existing forms, or planning a total lead capture overhaul? Connect with our automation experts, or check out INSIDEA’s HubSpot consulting services.
