Comment on page
Hotspots and Callouts
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 lefthand tab and are made up of either pictures, videos, or overlays. (Here's how Arcade chooses when to use still images and when to use video.)
Once an Arcade is done recording, you'll be automatically taken to an upload page. When the upload is complete, you'll be able to start editing — just make sure you're on the
Edit
tab. From there, you can change the Arcade title, delete and duplicate steps, move and add hotspots, add hotspot text, other images, videos, overlays, change the logo, and way more.
Tip: We always recommend adding text to hotspots.
Rather than just writing what the user would be clicking on, use the hotspots as a change to tell the user a story about this feature or product.
You can! Just use
⌘C
and ⌘V
as you would elsewhere. You can use Shift
+ Click
to select multiple steps for copying and pasting. Yes! Using the copy and paste above, you can copy steps from any one Arcade into another Arcade.
FYI, this won't work if you are copying steps from one Arcade account and pasting them in an Arcade in another account.
Of course! On the My Arcades or Team page, check the Arcade you'd like to delete and click
Delete
on the top of the page. You can also click Delete
from the Options Menu (three dots) on the preview for each Arcade. If you accidentally delete an Arcade and need to recover it, reach out! We can help.
To replace steps in an Arcade, delete the old step and drag and drop in a new one. Alternatively, you can go to the Media Library, hover over any step, and select
Replace current step
or Add to new step
. Arcade will automatically crop all steps to match the dimensions of the first step. You can find the dimensions of the first step by hovering your mouse over the upload button.
Any Arcade with a wrapper will show the name of the Arcade in the pretend browser bar above the Arcade. To change the text here, you just need to change the title of the Arcade. In
Edit
mode, you'll be able to click on the title and change it! Every time you click on page, Arcade creates a pulsating hotspot in that place.
In order to progress though an Arcade, viewers click on the hotspot.
Just double click anywhere on the edit page and a hotspot will appear where you've clicked. You can always delete spare hotspots later within the hotspot editor.
To add text to a hotspot, click on the hotspot so the hotspot editing modal appears. From there, you can add text, choose the hotspot and text colors, select whether the hotspot text should open automatically or not, and more.

At the moment, the viewer must click on the hotspot in order to progress through the Arcade.
If you want to have the Arcade progress without a viewer interacting with it, we recommend you download your Arcade as a GIF or video.
We've been getting a lot of requests around this. If you want your Arcade to progress without hotspots, feel free to submit a feature request in our Your Feedback section.
In addition to the hotspots automatically created during recording, you can always add more hotspots, delete hotspots, move them around the screen, etc.
Add a hotspot by double-clicking anywhere on the Edit page. When you do, a new hotspot will show up.
You can add text to a hotspot, set if it should open automatically, change the color, set a target, and more. Hotspots support plain text and emojis. When you're editing, you can use
Shift + Enter
to create a line break in your hotspot text. For sure! You can adjust this within the hotspot settings. The hotspot will stay in the direction you chose unless it's too close to the edge of the frame.
Hotspots can't be outside of the frame. If you chose a location too close to the frame, we may need to revert it to the original location. If your text box is touching the edge of the frame, Arcade will automatically readjust it.
To keep this from happening, make sure to keep the hotspot textbox from touching the edge of the frame.
Callouts are another way to add text to your Arcade, in a different style than hotspots. Where hotspots look like a pulsating dot for someone to click on, callouts look more like a traditional text box.
Many people use callouts to share information that isn't related to a specific click. When something is related to a click, they'll use a hotspot to indicate to the end user that they would click there. You can use them however you see fit!
Yes! Arcade supports Markdown, so you can add bold, italics, or links directly into any Arcade hotspot or callout. To format the text, use the characters shown below. You can always see this within Arcade by clicking on the little
?
on the bottom right and then selecting Text Formatting
. Bold: **bold text**
Italic: *italic text*
Bold and Italic: ***bold and italic text***
External URLs: [link_text](https://<external_url>)
Last modified 10d ago