Arcade Knowledge Base
Ask or search…
K
Comment on page

Hotspots and Callouts

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 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.)
When you're editing an Arcade, you can duplicate, merge, add, or delete steps.

How do I edit an Arcade?

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.

Can I duplicate steps?

You can! Just use ⌘C and ⌘V as you would elsewhere. You can use Shift + Click to select multiple steps for copying and pasting.

Can I merge two Arcades?

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.

Can I delete an Arcade?

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.

How do I replace a step in an Arcade?

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.

If I'm uploading new media, what dimensions should I use?

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.
You can read more about sizing in Arcade here.
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!

Hotspots

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.

How can I add more hotspots to the Arcade?

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.

How can I add text to hotspots?

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.

Is there a way to have steps skipped without someone clicking them?

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.

How do I add or edit a hotspot?

In addition to the hotspots automatically created during recording, you can always add more hotspots, delete hotspots, move them around the screen, etc.
You can create as many hotspots as you'd like on one page, and you can even branch your Arcade.
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.

Can I control the direction of the 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.

Why is my hotspot text changing direction?

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

What are callouts?

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.

When should I use callouts?

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!

Markdown

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>)