Arcade Knowledge Base
  • Welcome! 👋
    • Quick Start
    • Your Feedback
  • Build
    • Record
    • Edit
      • Design
      • Branding & Theme
      • Hotspots & Callouts
      • Chapter, Form, & Embed
      • Audio
      • Video
      • Pan and Zoom
      • Branching
      • Variables
      • Cover & Fit
      • Translations
      • HTML Editing
      • AI & Avery
      • Misc.
    • Share
      • Embeds
      • Collections
      • Exports
      • Share Page
      • Mobile
  • Learn
    • Use Cases
    • Features
      • Insights
      • Leads
      • Audience Reveal
      • Integrations
    • Advanced Features
      • Event Propagation
      • Remote Control
      • REST API
      • Webhooks
  • Admin
    • Team Management
    • General Security
      • Single Sign-On (SSO) with SAML
      • GDPR Requirements
    • Billing and Subscription
    • Plans
Powered by GitBook
On this page
  • Steps
  • What are steps?
  • How do I edit an Arcade?
  • Can I import steps from one Arcade into another?
  • Can I delete an Arcade?
  • How do I replace a step in an Arcade?
  • What dimensions should I use when uploading new media?
  • How do I change the text in the browser search bar?
  • Hotspots
  • What are hotspots?
  • How can I add a hotspot to an Arcade?
  • How can I edit a hotspot?
  • How can I add text to a hotspot?
  • Can I control where hotspot text appears?
  • Can I control what happens when someone clicks a hotspot?
  • Can I make the Arcade progress automatically without clicking a hotspot?
  • Callouts
  • What are callouts?
  • When should I use callouts instead of hotspots?
  • How can I add a callout to an Arcade?
  • How can I edit a callout?
  • Can I add an arrow to a callout?
  • Can I toggle between a hotspot and a callout after creating one?
  • Text Formatting and Markdown
  • How can I add bold, italics, or links to hotspot or callout text?
  • Can I use CSS inside a hotspot or callout text?
  • Can I add hotspots and callouts to videos?

Was this helpful?

  1. Build
  2. Edit

Hotspots & Callouts

PreviousBranding & ThemeNextChapter, Form, & Embed

Last updated 15 days ago

Was this helpful?

Steps

Steps are the building blocks of Arcades.

When an Arcade is finished recording, each click will be broken out into a step. The steps are listed on the left-hand tab and are made up of either pictures, videos, or overlays. ( how Arcade chooses when to use still images and when to use video.)

When you're editing an Arcade, you can , , add, or delete steps.

What are steps?

Steps are the building blocks of Arcades. Each click you record is automatically broken out into a separate step. Steps can be made up of:

  • Pictures

  • Videos

  • Overlays

You can edit steps by duplicating, merging, adding, or deleting them.

How do I edit an Arcade?

When your recording is finished:

  1. You'll be taken to the upload page automatically.

  2. Once the upload is complete, go to the Edit tab to start editing.

In Edit mode, you can:

  • Change the Arcade title

  • Delete and duplicate steps

  • Move and add hotspots

  • Add hotspot text, images, videos, and overlays

  • Change the logo

  • And much more

Tip: Always add text to your hotspots to tell a story rather than just labeling clicks.

Can I duplicate steps?

Yes. To duplicate:

  • Use ⌘C and ⌘V (just like copy-paste elsewhere)

  • Use Shift + Click to select multiple steps at once

Can I import steps from one Arcade into another?

Yes. You can copy steps from one Arcade and paste them into another using the same ⌘C and ⌘V shortcuts.

Note: You can only copy steps between Arcades within the same account.

Can I delete an Arcade?

Yes. To delete:

  • On the My Arcades or Team page, check the Arcade you'd like to delete

  • Click Delete at the top of the page or

  • Click the Options Menu (three dots) on the Arcade preview and select Delete

If you accidentally delete an Arcade, reach out to us — we can help recover it.

How do I replace a step in an Arcade?

You have two options:

  • Delete the old step and drag in a new one

  • Go to the Media Library, hover over a step, and select Replace current step or Add to new step

What dimensions should I use when uploading new media?

  • Arcade will automatically crop all steps to match the dimensions of the first step.

  • To check the dimensions, hover over the Upload button.

How do I change the text in the browser search bar?

If your Arcade uses a wrapper:

  • The text shown in the fake browser bar is your Arcade's title.

  • To update it, simply click on the Arcade title in Edit mode and change it.


Hotspots

What are hotspots?

Hotspots are clickable areas created automatically during recording at every place you click. Viewers must click on a hotspot to move forward (unless autoplay is enabled).

How can I add a hotspot to an Arcade?

You can add a hotspot two ways:

  • Double-click anywhere on the Edit page

  • Click the Hotspot button from the top editing toolbar

A new hotspot will appear wherever you clicked.

How can I edit a hotspot?

When you select a hotspot, the editing options appear on the right-hand side. You can:

  • Add or edit the text

  • Align text (Left, Center, Right)

  • Choose whether text should open automatically

  • Choose a style: Hotspot (pulsating dot) or Callout (text box)

  • Change the Background color and Text color

  • Apply styling to all hotspots with one click

  • Adjust the Pointer position (left, right, top, or bottom of the hotspot)

  • Set the Destination (by default, it goes to the next step, but you can send users to any step in the Arcade)

  • Toggle Voiceover generation for the text

How can I add text to a hotspot?

To add text:

  1. Click on the hotspot.

  2. Edit the text in the right-hand side panel.

You can also:

  • Use plain text or emojis

  • Create line breaks by pressing Shift + Enter

Can I control where hotspot text appears?

Yes. When editing a hotspot, you can set whether the text appears to the left, right, top, or bottom of the hotspot.

Can I control what happens when someone clicks a hotspot?

Yes. In the Destination setting:

  • By default, the hotspot progresses to the next step.

  • You can change it to send users to any other step in your Arcade.

Can I make the Arcade progress automatically without clicking a hotspot?

Yes. Arcade supports autoplay in two ways:

Step-level autoplay:

  • Click the three dots (...) on a step

  • Select Progress without interaction or

  • Use the shortcut ⌘A

Arcade-level autoplay:

  • Click Design in the toolbar

  • Scroll to Autoplay and turn the toggle on

Notes:

  • Arcade-level autoplay will not work if your Arcade starts with a video (due to browser restrictions).

  • Engagement and completion rates will not be collected when autoplay is turned on.


Callouts

What are callouts?

Callouts are text boxes placed over your Arcade, similar to Arcades, but designed for text over drawing attention to a location (like a hotspot)

Hotspots look like pulsating, clickable dots. Callouts look like floating text boxes.

When should I use callouts instead of hotspots?

Callouts are best for:

  • Sharing extra information not tied to a click

  • Providing guidance, instructions, or tips

  • Highlighting key points without needing user interaction

If you want users to click, use a hotspot instead.

How can I add a callout to an Arcade?

You can add a callout two ways:

  • Double-click anywhere on the Edit page and then change the style to Callout

  • Click the Callout button from the top editing toolbar

How can I edit a callout?

When you select a callout, you can:

  • Add or edit the text

  • Align text (Left, Center, Right)

  • Change the Background color and Text color

  • Apply changes to all callouts with one click

  • Add an arrow pointing to a specific location

  • Choose whether or not to show a pulsating arrow button

  • Set the Destination (next step by default or another step)

  • Toggle Voiceover generation for the text

Can I add an arrow to a callout?

Yes. In the callout editing panel, use the Arrow location dropdown to add an arrow pointing to a specific part of the screen.

Can I toggle between a hotspot and a callout after creating one?

Yes. You can switch easily between Hotspot and Callout at any time within the editing panel.


Text Formatting and Markdown

How can I add bold, italics, or links to hotspot or callout text?

Arcade supports Markdown inside hotspots and callouts.

Markdown formatting:

  • Bold: **bold text**

  • Italic: *italic text*

  • Bold and italic: ***bold and italic text***

  • External link: [link text](https://<external_url>)

You can always reference this by clicking the ? icon in Arcade and selecting Text Formatting.

Can I use CSS inside a hotspot or callout text?

Yes. Arcade supports limited CSS inside text fields for styling.

Can I add hotspots and callouts to videos?

Absolutely. You can add hotspots and callouts to videos the same way you do with images. They will stay visible over the video, and clicking a hotspot will advance the Arcade to the next step.

duplicate
merge
Here's