How to Record an HTML Capture on Hexus

Capture and preserve any web page's HTML structure for a realistic product tour

Hexus makes it super simple to capture HTML from any webpage while recording your interactions. This powerful feature lets you document web interfaces, preserve page states, and create editable HTML copies for all your GTM needs.

1. Recording a new HTML Flow

Open the Hexus Chrome extension and select the 'Capture HTML' option to start recording your web page

To get started with capturing your web application's HTML structure, first, you'll need to access the Hexus Chrome extension from your browser toolbar.

Click on the Hexus extension icon in your Chrome browser's toolbar
Look for and click the Capture HTML option from the available recording modes
The extension will initialize and prepare to start recording your web page

Once you've selected this option, Hexus is ready to begin capturing both your interactions and the underlying HTML structure of the pages you visit. You'll notice the extension icon changes to a step counter indicating that HTML capture mode is active.

2. Navigate Through Your Web Application While Recording

Navigate through your web application naturally while Hexus automatically records your interactions along with the page HTML

Now comes the fun part - simply use your web application as you normally would! Hexus works quietly in the background, automatically capturing everything you need.

During this recording phase:

Navigate naturally through your application - click buttons, fill forms, or browse different sections
Hexus automatically records each interaction you make with the page
The page HTML is captured alongside your actions, preserving the exact state of each element
No manual intervention needed - just focus on demonstrating the workflow you want to capture

This intelligent recording system ensures that every click, every form field, and every dynamic element on your page is properly documented along with its HTML structure. Whether you're capturing a simple static page or a complex web application with multiple interactive elements, Hexus handles it all seamlessly.

Stop the Recording When You're Done

After you've navigated through all the pages and elements you want to capture, it's time to stop the recording and save your work.

Screenshot 2025-09-17 at 5.35.07 PM.png

Return to the Hexus Chrome extension by clicking its icon again
Locate and click the stop button in the extension interface
The recording will automatically save to your Hexus account

The stop button is prominently displayed in the extension window, making it easy to end your recording session whenever you're ready. Don't worry about stopping at the perfect moment - you can always edit your capture later!

Review and Edit Your Captured HTML

Once you stop the recording, Hexus automatically opens your captured content for immediate review and editing.

Screenshot 2025-09-17 at 5.51.51 PM.png

What happens next:

A new browser window automatically opens with your recording
You'll see your captured HTML displayed exactly as it appeared during recording
The interface provides editing tools to modify and enhance your capture
All your interactions are preserved and can be replayed or edited as needed

Making the Most of Your HTML Capture

Your captured HTML is now ready for various uses:

Documentation - Create accurate documentation with real HTML examples for your customers
Personalized Sales Demo - You edit your HTML captures, replacing text, images and more components for personalized sales demos
Marketing - Embed on your landing pages to give users a real feel of your product
Training materials - Build interactive tutorials using actual page structures

FAQs

Can I use HTML demo on logged in or authenticated pages ?

Yes our HTML capture works on all environments, including logged in and sandbox environments

Can I replace text and images ?

Yes you can replace as well as hide text, images and more components on your flow in the edit mode