Finding the right place to put your roleplay on HubSpot can be tough; we’ll walk you through it below!
1

Insert a Rich Text Component

Open the HubSpot page where you want to put Replay and add a “Rich Text” Component
Adding a Rich Text component in HubSpot
2

Access Embed Options

Select the component, then click Insert, then “Embed”
Accessing embed options in HubSpot
3

Add Replay Code

Insert the embed code you copied from Replay
Adding Replay embed code to HubSpot
4

Set the component dimensions

After you insert the code, it will appear blank, but if you click on it, you should see an outline of where it will go.
Set the dimensions so that the height is at least 750px. The width is more up to what looks good for your website, but you can try ~1000px and see how it looks.
Setting component dimensions in HubSpot
5

View the Preview

Initially, the first preview page will show an error.
As long as you see the error, that means your page has successfully connected to Replay.
HubSpot uses a hidden URL for this preview page, so this page will always show an error.
Initial preview will show error
To preview and see Replay working:
  1. Click the Open in New Tab button at the top right
  2. Copy the URL from that page
  3. Paste it in the “Host URLs” page on Replay

Step 1

Copy the URL after clicking 'Open in New Tab'

Copy the URL after clicking ‘Open in New Tab’

Step 2

Insert the copied URL to the 'Host URLs' page on Replay

Insert the copied URL to the ‘Host URLs’ page on Replay

6

View the Working Page

After adding the “Host URLs”, you should see Replay appear on the preview -> open in new tab page!
Preview should now load Replay
7

Save changes and deploy your website

If your production website uses a different URL than the preview, you may see an error. To fix this, simply copy the URL of the production website and add it to the “Host URLs” page on Replay.