1. Form modal

Enable HubSpot form modal. Id example: 98c54d19-2cf1-412e-920e-5d8796b43ac2

name hf-form-id
value your-hubspot-form-id

Change individual modal animation. Use on element with hf-modal attribute.

name hf-animation
value(s) fade moveUp scaleUp bounceUp

Design a custom modal

2. Gated content

The content wrapper that you want to toggle the hf-gated class on.

name hf-gated
value wrapper

Elements (eg. the call-to-action) you want to hide after unlocking gated content.

name hf-gated
value hide

Change the initial display setting of element with hf-gated attribute before unlocking gated content.

name hf-gated-display
value(s) flex grid ...