How to Create a HubSpot Webinar Landing Page (Step-by-Step)

Do you want to create a HubSpot webinar landing page to invite attendees?

It’s a good idea to add a registration form to your webinar landing page and send the list of your attendees to your HubSpot CRM.

This allows you to easily manage your list of interested participants while also providing opportunities for lead nurturing using HubSpot tools.

In this article, we’ll show you the simplest way for WordPress sites to create a HubSpot webinar landing page.

Create Your HubSpot Webinar Landing Page Now

What Should a Webinar Landing Page Include?

The goal of a webinar landing page is to promote your webinar event, attract more attendees, and make it easy for attendees to sign up.

This means that your landing page should at least include a small description or background of the event and a simple registration form.

Plus, adding some design elements like a customized webinar-themed header image featuring your brand logo can give your page a professional touch for better engagement and conversions.

Though not essential, it also helps to connect your webinar registration form to a CRM like HubSpot. This way, all entries from your form are automatically sent to your HubSpot CRM. You can then easily manage your attendees and even nurture these new leads with targeted campaigns in the future.

If you’re not already using a CRM, here are some CRM trends and forecasts that highlight just how beneficial it can be to adopt one for your organization.

How to Create a HubSpot Webinar Landing Page Using WPForms

To begin creating your webinar landing page and get more people to join your event, follow the steps below:

Install WPForms
Install Form Pages and HubSpot Addons
Create a New Webinar Registration Form
Customize the Webinar Registration Form
Create a HubSpot Webinar Landing Page
Connect Webinar Registration Page With HubSpot
Map Form Fields to HubSpot FieldsWith Webinar Landing Page
Test and Publish the HubSpot Webinar Landing Page

Let’s dive right into it.

1. Install WPForms

We recommend using WPForms (you’ll need the Elite plan to enable HubSpot integration) to build a webinar landing page with a registration form embedded in it. WPForms is the top-rated form builder plugin for WordPress.

Normally, you require two separate processes to create a landing page first and then add a form to it. But with WPForms, you can create a form that’s automatically added to a distraction-free landing page. And you don’t even need to create the landing page separately first!

What’s more, WPForms lets you integrate your forms with CRMs like HubSpot and Salesforce.

You can see this doc for help with installing WPForms on your site. In the next step, we’ll install a few addons to enable the form pages functionality and HubSpot integration.

2. Install Form Pages and HubSpot Addons

When you’ve installed WPForms on your site, we’ll then be installing a couple of extremely useful WPForms addons. This will allow us to create a webinar landing page using only WPForms and send form data to your HubSpot account.

From your WPForms dashboard, click on WPForms » Addons.

This will take you to the WPForms addons page, where you’ll find tons of available addons. You can use use the search feature on the top-right to find the Form Pages addon.

Next, click on the Install Addon button, and it should activate within a few seconds.

Repeat the same process to install the HubSpot addon. When both of these addons are activated, move on to the next step to start creating a webinar registration form.

3. Create a New Webinar Registration Form

It’s time to start building our webinar registration form. To do this, navigate to WPForms » Add New.

You’ll now see the WPForms form builder interface. Start by giving your form a name (you’re free to give any name that you’d like to be displayed on the top of the form).

When you scroll down, you’ll find a list of over 600 form templates to choose from. The really cool thing is that WPForms has a pre-built webinar registration form template.

You can use the search bar under Select a Template to look for the webinar registration form template. Then, click on Use Template to start customizing it.

You now see the WPForms form builder interface screen where you can customize the template any way you like!

4. Customize the Webinar Registration Form

Using the simple WPForms drag and drop builder, it’s easy to add new fields or change the settings of existing fields in the webinar registration form template. To open the settings menu for any field, simply click on it to see Field Options.

Or if you’re happy with the template as-is, you don’t have to change anything. Either way, make sure to click the Save button on the top-right before proceeding to the next step.

5. Create a HubSpot Webinar Landing Page

The Form Pages addon provides a really quick way to create a WordPress landing page for webinar registrations.

To enable the Form Pages mode, click on the Settings tab on the bar on your left. Then, click on Form Pages.

Then, click on the checkbox next to Enable Form Page Mode.

This will expand settings and options for your form-based landing page.

Here, you can customize the following elements for your landing page:

Page title
Message
Header image
Page URL or permalink
Color scheme
Page layout style.

These are very useful landing page settings that you can use to add an informative message and customize the header with your site’s logo, among other things.

To see how your HubSpot webinar landing page will look when it’s live, first Save the form and then click on the blue Preview Form Page button on the top-right.

This is what the webinar landing form page looks like for us:

We’re done with creating the webinar landing form page. Next, we’re going to see how to integrate the form with HubSpot, so new registrants are automatically added to your CRM.

6. Connect Webinar Registration Page With HubSpot

Make sure that you’ve saved all changes in your form before performing these steps.

Go back to your WordPress admin area and then click WPForms » Settings. Now, select the Integrations tab on the horizontal bar.

You should see HubSpot listed on this page. Click on it to expand the menu, then click on Add New Account.

This will open the HubSpot sign-in page.

If you already have an account, choose a login option to sign in to your HubSpot account. If you don’t have a HubSpot account, you can click the Sign up link and follow the instructions to create your account.

After logging in, HubSpot will ask you to confirm if you’d like to allow WPForms the necessary permissions to connect with your HubSpot account. Click on the Connect app button to confirm the integration.

WPForms will instantly display a confirmation message as soon as the connection is established with HubSpot. You’ll also see a green Connected status label next to HubSpot on the Integrations page.

If you need more help, check out our documentation on how to install and use the WPForms HubSpot addon.

In the next step, we’ll configure a HubSpot connection with the webinar registration landing page you just created.

7. Map Form Fields to HubSpot FieldsWith Webinar Landing Page

Let’s return to our webinar registration form and connect with HubSpot now. Click on WPForms » All Forms. On this screen, you can find the form with the name that you saved it with. Click on it to access the edit interface again.

From the WPForms interface, click on the Marketing tab and then select HubSpot. On the right-hand pane, press the Add New Connection button.

Provide a connection nickname when prompted (you can choose any name). Then, click on OK.

Now, use the dropdown menu under Select Account to choose your HubSpot account. In the Action To Perform dropdown, select Create/Update Contact.

As soon as you select items from the above dropdowns, WPForms will display the field mapping settings. These settings allow you to select the form field values that should correspond to your HubSpot CRM fields.

Click on Save when you’re done with field mapping.

8. Test and Publish the HubSpot Webinar Landing Page

You’re all set to publish your webinar registration page with HubSpot integration. Click on the Embed button next to Save on the top-right corner of the form.

Then, select Create New Page.

Enter a name for your page and then select Let’s Go.

You will now see the WordPress editor screen, with your webinar form embedded in the page.

The form you’re seeing on your screen may not look like the preview you saw earlier from WPForms’ interface. But don’t worry. As soon as you hit Publish, your form will turn into the complete landing page format as displayed in the preview.

When the page has gone live on your site, open it and fill out the form yourself with random information to create a test entry. Then, log into your HubSpot account and look for this entry in the Contacts tab.

You should see a new contact created in your HubSpot database having the same details you submitted through the webinar landing page. And this means that your webinar registration page is working as intended and ready to accept real attendees!

Once people start signing up for your webinar event, you can then send them an invitation email with a link to the webinar using HubSpot.

And that’s it! You now know how to create a HubSpot webinar landing page using WPForms.

Next, Level Up Event Management With Calendar Plugins

Looking for an easy way to manage events and accept appointments through your WordPress site? Check out our list of best WordPress calendar plugins for our recommended options.

Also, if you want to learn about password-protected page customization, see this article on how to customize a password-protected WordPress page.