Gated content is an article, white paper or video, that requires the user to fill some form, register, or overcome the paywall before viewing the full version. HubSpot Forms allows you to create "half-gated" or "semi-gated" pieces of content.
Adding the form
Follow these steps to create a "gated content" effect on your post:
1. Create a short version of your post. The last screen of the post will be hidden under the overlay.
2. Add a grid at the end of the post. This grid will be the overlay layer.
3. Add custom CSS to this grid. Here is the starting point. Feel free to adjust the code to better fit your website styles.
4. Add content to the overlay grid: heading and the embed component with the HubSpot form embed code in it.
5. If you want to redirect visitors to the full post after the form is submitted, add the redirectUrl parameter to the form initialization code with the redirect URL as a value.