Adding a Hubspot form to a Reaction (Lead Capture)

A dynamic Hubspot form can be added to any Reaction that supports a CustomHTML content type. Follow these steps to add a Hubspot form to a Reaction:

Navigate to the Reaction Studio within the Reactful Application
Create/Edit a Reaction
Create and assign a Content Card to the Reaction, or edit the existing one
Set the CustomHTML toggle option to "on"
Add your Hubspot Portal ID & Form ID to the code block below and paste into it to the Content Card
Click "Update" and Save the Content Card
The Reaction will now dynamically load a Hubspot form into the Reaction

<script> hbspt.forms.create({ 
    portalId: '123456',
    formId: 'xxx-yyy-zzz'
  });
</script>

A common use case is create a "light-box" Reaction with a dynamic Hubspot form that triggers on "page exit". A dynamic form example is shown below:

Creating Personalized Experiences with Hubspot Data

Deliver realtime dynamic personalized experiences using Hubspot. There are to parts to this setup:

Setup the Hubspot/Reactul Integration
Build Reactions that are segmented with Hubspot Data

1.) Setting up the integration:

i. Go to Reactful Integrations within the Reactful Application

ii. Toggle Hubspot Integration "on"

iii. Enter your Hubspot details (Client ID, Client Secret & Refresh Token)

iv. Save your settings

v. The integration is complete

2.) Segment Reactions with Hubspot

i. Create/edit a Reaction

ii. Apply a Persona to the Reaction

iii. Add the Hubspot segment details to your Persona. A typical example is a Hubspot list id where a list id might be associated with a segment as seen below:

iv. Verify that a "vertical/segment" has been assigned to the Persona correctly.

v. Save the Persona & Reaction

vi. The Reaction will now only display for the assigned Hubspot segment.

Hubspot Integration Guide

Adding a Hubspot form to a Reaction (Lead Capture)

Creating Personalized Experiences with Hubspot Data

1.) Setting up the integration:

2.) Segment Reactions with Hubspot