How to Create a HubSpot Webinar Landing Page

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.

WPForms is the best WordPress Form Builder plugin. Get it for free!

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:

  1. Install WPForms
  2. Install Form Pages and HubSpot Addons
  3. Create a New Webinar Registration Form
  4. Customize the Webinar Registration Form
  5. Create a HubSpot Webinar Landing Page
  6. Connect Webinar Registration Page With HubSpot
  7. Map Form Fields to HubSpot FieldsWith Webinar Landing Page
  8. 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.

WPForms

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. 

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.

Form pages addon installation

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. 

add new form

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).

Form name webinar

When you scroll down, you’ll find a list of over 400 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.

use webinar registration form template

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.

Form 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.

Save form

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.

Use form pages to create a webinar landing page for your form in WordPress

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

Activate form landing page mode in WordPress

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

Form page settings

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.

Preview form page

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

Form page preview

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.

WPForms integrations

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

HubSpot addon 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.

HubSpot login form WPForms

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 Access Permissions for HubSpot

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.

HubSpot connected with WPForms

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.

Add HubSpot connection

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

WordPress connection nickname

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

Select action to perform for hubspot

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.

wpforms hubspot field mapping

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.

Embed form

Then, select Create New Page.

Embed in new page

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

New page name for webinar

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.

Publish form page

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!

Test entry for hubspot

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.

Create Your HubSpot Webinar Landing Page Now

Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.