Before you read this article make sure you have installed Rivia's chrome extension and have logged into the dashboard. If you need help with this, please refer to this article.
Open your product inside Google Chrome for which you want to create the demo for. For the purpose of this guide, we'll use HubSpot.
Click on the Rivia.AI Chrome extension
Give your demo a name and click on "Create New Demo"
Click on "Add Capture" and wait for the extension to display a success message. This step usually takes 5-10 seconds to complete.
Repeat the above step for all the product screens that you want to include in your demo. For example - if your product has 7 different screens, you will repeat the "Add Capture" step for each of those screens.
Once you are done, click on "Complete Demo".
Few Points to keep in mind:
Once you click on "Add Capture", the extension will capture the entire HTML of the page including CSS, fonts, animations, etc.
If your product has lazy loading enabled, make sure to scroll till the bottom of the page before clicking on "Add Capture"
After clicking on "Add Capture", don't do anything until the extension shows the success message.