HubSpot forms + personalization

Introduction

Looking to show the right HubSpot form to each visitor?

This template connects your HubSpot forms to Croct so you can personalize the form each visitor sees, without touching code or integrating other analytics tools.

The form ID lives in a slot, so a personalized experience changes the slot's return value and your page renders the matching form automatically.

Using Croct, you get:

• Form personalization based on location, behavior, or custom rules
• Built-in analytics and Bayesian analysis for every experience
• Support for both legacy and new HubSpot forms

What's included

Besides the integration itself, this template creates a personalized experience that shows an alternative HubSpot form to returning visitors, while everyone else keeps seeing the default form.

Usage

Run the following command in your project to apply this template:

npx croct@latest use croct://integration/hubspot-personalization

Once installed, fetch the slot and embed the returned form ID. The HubSpot forms tutorial walks through embedding the form and tracking submissions.