How to Connect HubSpot to WordPress

Key Takeaways

• HubSpot integrates with WordPress to track visitors and capture leads

• Setup takes 10 minutes and no coding required

• Your WordPress forms can automatically create HubSpot contacts

• You get visitor tracking even if they don't fill out forms

• WordPress integration works with both free WordPress.com and self-hosted WordPress

Why Connect HubSpot to WordPress

WordPress powers over 40% of the internet. If your website runs on WordPress, connecting HubSpot transforms your website into a lead-generation machine.

With this integration, HubSpot tracks everyone who visits your WordPress site. When someone fills out a WordPress form, they automatically become a HubSpot contact. No manual data entry. You'll know who visited your pricing page, what blog posts they read, and when they're ready to talk to sales.

Prerequisites

• Active HubSpot account (Free or paid)

• WordPress site (WordPress.com, self-hosted, or another host)

• Admin access to both HubSpot and WordPress

• Note: Some hosting providers restrict plugin installation. Check with your host if self-hosted.

Step-by-Step: Connect HubSpot to WordPress

Step 1: Find and Install the HubSpot Plugin

1. Log into your WordPress admin dashboard

2. Click "Plugins" in the left menu

3. Click "Add New"

4. Search for "HubSpot" in the search bar

5. Look for the official "HubSpot" plugin by HubSpot, Inc.

6. Click "Install Now"

7. After installation, click "Activate"

Step 2: Connect Your HubSpot Account

1. After activating, a "HubSpot" menu appears on the left

2. Click "HubSpot" → "Settings"

3. Click "Connect your HubSpot account"

4. You'll be redirected to HubSpot

5. Select the HubSpot account to connect

6. HubSpot will ask for permission (click "Allow" or "Authorize")

7. You'll be redirected back to WordPress with a success message

Step 3: Enable Visitor Tracking

This is crucial - it tracks everyone who visits your site:

1. In WordPress, go to "HubSpot" → "Settings"

2. Look for "Tracking" or "Lead Tracking" section

3. Toggle "Enable lead tracking" to ON

4. This adds HubSpot tracking code to your entire website

5. Click "Save"

Verification: Visit your website in an incognito/private browser. After a few minutes, you should see your visit in HubSpot's "Contacts" > "Website activity" as an "Unidentified visitor."

Step 4: Connect Your WordPress Forms to HubSpot

If you use a form plugin, connect it:

For Gravity Forms:

1. Install Gravity Forms plugin if not already installed

2. Go to "Forms" → "Settings"

3. Click "Integrations"

4. Find "HubSpot" and click "Activate"

5. Authorize the connection

6. Map your form fields to HubSpot contact properties

For Contact Form 7:

1. Install Contact Form 7

2. Go to "Contact" → "Integration"

3. Click "Add Integration"

4. Select "HubSpot"

5. Click "Authorize"

6. Map form fields to HubSpot properties

For WPForms:

1. Install WPForms

2. Create a form

3. Go to "Settings" → "Integrations"

4. Add "HubSpot" integration

5. Authorize and map fields

Step 5: Create Your First HubSpot Form (Optional)

HubSpot offers native forms built in their system:

1. In WordPress, go to "HubSpot" → "Forms"

2. Click "Create form"

3. This opens HubSpot's form builder

4. Design your form (email, name, phone, message, etc.)

5. Click "Publish"

6. Copy the embed code

7. Return to WordPress and embed the form on a page using the code

Step 6: Test Your Integration

1. Fill out a form on your WordPress site with test data

2. Wait 5 minutes for the data to sync

3. Log into HubSpot

4. Go to "Contacts"

5. Search for the test email address

6. Verify the contact was created with the form data

7. You should also see the form submission in the contact's timeline

Step 7: Monitor and Optimize

Once live:

1. Check your HubSpot dashboard for new contacts from WordPress

2. Review website visitor data in HubSpot's "Contacts" section

3. See which pages generate the most leads

4. Update your WordPress content based on performance

WordPress + HubSpot Best Practices

Install HubSpot First: Connect HubSpot before adding forms. This ensures tracking starts immediately.

Use Clear Form Labels: Make sure form field labels are clear. "What's your biggest challenge?" converts better than "Question."

Keep Forms Short: WordPress forms with 3 fields convert 2x better than 8-field forms.

Track Internal Searches: If your WordPress site has a search feature, you can see what visitors search for in HubSpot analytics.

Use HubSpot CTAs: The HubSpot plugin allows you to insert HubSpot CTAs (buttons that open forms) directly in WordPress posts and pages. These integrate seamlessly.

Monitor Form Performance: Check which forms get the most submissions. Optimize underperforming forms by shortening them or changing headlines.

Troubleshooting Common Issues

Problem: Forms aren't creating HubSpot contacts

Solution: Verify the form plugin is properly integrated with HubSpot. Re-authorize the connection in HubSpot settings.

Problem: Visitor tracking isn't working

Solution: Check that "Enable lead tracking" is toggled ON in HubSpot settings. Clear your WordPress cache if using a caching plugin.

Problem: Wrong data is mapping to HubSpot

Solution: In the form integration settings, verify field mappings are correct. A form field labeled "Company" should map to the HubSpot property "Company."

Problem: Integration broke after a WordPress update

Solution: Update the HubSpot plugin to the latest version. Deactivate and reactivate if issues persist.

Conclusion