Master Arcade with our step-by-step tutorial, detailed feature walkthrough, and expert tips.
Explore the key features that make Arcade powerful for interactive demo workflows.
Arcade uses a Chrome extension that records your screen as you click through your product. Each click creates a new step in the demo, capturing a screenshot of the current state. After recording, you can edit each step by adding tooltips, callouts, hotspots, and annotations in the no-code editor. This approach means you don't need to set up staging environments or involve developers — anyone on the team can record a demo in minutes by simply using the product as they normally would.
Yes, Arcade provides multiple embedding options for placing demos on your website. You can embed demos inline within a page, display them in a lightbox overlay triggered by a button click, or share them as standalone links. The embeddable player appearance is customizable on paid plans, allowing you to match your brand colors and remove Arcade branding. Demos are responsive and work across desktop and mobile browsers, making them suitable for marketing landing pages, help centers, and product documentation.
Arcade tracks several engagement metrics including demo completion rates, step-by-step drop-off points, total views, unique viewers, and average time spent per step. On Growth and Enterprise plans, these analytics integrate with CRM platforms like HubSpot and Salesforce, so you can see which prospects engaged with which demos and for how long. This data helps sales teams prioritize follow-ups based on engagement depth and helps marketing teams optimize demos by identifying where viewers lose interest.
Arcade takes a screenshot-based capture approach, which is significantly faster to set up and doesn't require maintaining separate demo environments or masking sensitive data. However, live-environment tools like Walnut allow prospects to interact with actual UI elements — typing into fields, selecting dropdown options — which creates a more realistic product experience. Arcade is better suited for teams that need to produce many demos quickly for marketing and top-of-funnel use cases, while live-environment tools may be preferred for deep, bottom-of-funnel sales demos where interactivity is critical.
Yes, Arcade supports branching logic that lets you create multiple paths within a single demo. You can add decision points where viewers choose which feature or workflow to explore next, effectively creating a choose-your-own-adventure experience. This is particularly useful for sales teams who want to build a single demo that adapts to different buyer personas or use cases. Branching is available on the Growth plan and above, so teams on the Pro plan would need to create separate demos for different audiences instead.
Now that you know how to use Arcade, it's time to put this knowledge into practice.
Sign up and follow the tutorial steps
Check pros, cons, and user feedback
See how it stacks against alternatives
Follow our tutorial and master this powerful interactive demo tool in minutes.
Tutorial updated March 2026