Learn how to use Aceframe
Everything you need to create, customize, and share interactive product demos.
Getting Started
Set up your account and create your first demo.
Creating your first interactive demo
Install the Aceframe Chrome extension from the Chrome Web Store. Navigate to the web page you want to demo and click the...
Installing the Chrome extension
Search "Aceframe" in the Chrome Web Store or visit aceframe.ai/extension. Click "Add to Chrome" and confirm the permissi...
Understanding your dashboard
The dashboard shows all your demos organized by folders. Each demo card displays the title, step count, view count, and ...
Demo Editor
Customize your demos with annotations, hotspots, and branding.
Editing demo steps
Open any demo from your dashboard to enter the editor. Each step shows the captured screenshot with a clickable annotati...
Adding annotations and hotspots
Annotations are the text callouts that guide viewers through your demo. AI generates these automatically when you captur...
Custom branding
On Pro plans and above, you can customize your demo's branding. Go to Settings and set your brand color - this changes t...
Lead capture gates
Add an email gate to capture leads mid-demo. In the editor, click any step and select "Add Lead Gate." The gate appears ...
Sharing and Embedding
Share demos via link or embed them on your website.
Sharing a demo link
Click the "Share" button on any demo to get a shareable link. The link works for anyone - no login required. Viewers see...
Embedding demos on your website
Click "Embed" on any demo to get an embed code. Copy the iframe snippet and paste it into your website's HTML. The embed...
Workspace viewer access
For private demos, you can restrict access to specific viewers. Go to Workspaces, select your workspace, and invite view...
Analytics
Track views, engagement, and leads.
Demo analytics overview
Each demo has its own analytics page showing total views, unique sessions, completion rate, and step-by-step dropoff. Se...
Heatmap tracking
Heatmaps show exactly where viewers click on each step of your demo. This helps you understand what elements catch atten...
Lead management
All captured leads appear on the Leads page. Each lead shows the email, name (if collected), company (auto-detected from...
Integrations
Connect Aceframe to your existing tools.
HubSpot integration
Connect HubSpot in Settings to automatically sync captured leads as contacts. When a viewer submits their email in a lea...
Google Tag Manager
Add your GTM container ID in Settings to fire custom events when viewers interact with your demos. Events include: acefr...
Webhooks
Set up a webhook URL in Settings to receive real-time notifications when demos are viewed and leads are captured. Acefra...
Guides
Create rich text guides linked to your demos.
Creator Studio
Create branded video intros for your demos.
Account and Billing
Manage your account, plan, and team.
Still have questions?
Chat with our AI assistant or email us at hello@aceframe.ai