---
title: Hotspot Tile
description: The Hotspot Tile is foundation of building interactivity into your microapp. In the Tiled Builder, you can easily create hotspots on your microapp pages that allow you to link other microapp pages, ov
---

[Skip to content](https://support.tiled.co/hotspot-tile#main-content)

English

Show submenu for translations

[Submit a request](https://support.tiled.co/kb-tickets/new)

![logo-horizontal_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a request](https://support.tiled.co/kb-tickets/new)

 Hi, how can we help you?

- There are no suggestions because the search field is empty.

1. [Support](https://support.tiled.co/)
2. [Tiled Builder](https://support.tiled.co/tiled-builder)
3. [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles)

# Hotspot Tile

The Hotspot Tile is foundation of building interactivity into your microapp. In the Tiled Builder, you can easily create hotspots on your microapp pages that allow you to link other microapp pages, overlays, page states, external websites, external files, phone numbers, or email addresses.

### Create a Hotspot

1. From the Microapp Builder, navigate to the desired page or overlay. Be sure the desired design element (for example, a company logo or navigation icons) to be associated with the hotspot has been included in the design of the page.

2. Click and drag the Hotspot Tile from the tile panel to the desired location on the page. 

3. The Hotspot Tile appears as a colored square in editing mode that is not visible to recipients when the microapp is shared. Once placed, you can move and resize the Tile as needed.

4. Once you have placed the Hotspot Tile, you can then specify its desired target. Click the hotspot to open the Hotspot menu, and click the **Select a target **dropdown list. 

![Target](https://support.tiled.co/hs-fs/hubfs/Target.png?width=197&height=443&name=Target.png)

You can specify the following types of targets:

| Target | Description |
| --- | --- |
| Microapp pages or Overlays | Tiled lists all the available microapp pages, overlays, and page states to link to by name in sequential order. Select the desired screen to link it. |
| External Page / File | You can link to an external web page or an external file that you want opened (like a PDF) or downloaded. Select External page/file from the dropdown list. Paste the link to the webpage or file in the URL field. When selected, Tiled opens the location in a web browser. |
| Phone Number | Tiled allows you to link the Hotspot to a phone number. Select Phone Number from the dropdown list, and enter the desired number. When selected, the viewer’s device attempts to call the telephone number using the configured default application.  |
| Email | Tiled allows you to link the Hotspot to an email address. Select **Email** from the dropdown list, and enter the desired email address. When selected, the viewer’s device attempts to create an email message using the default email application, with the specified address in the **TO** field. |

**HINT: Target drop-downs have a search ahead feature to allow users to search for their desired target quickly and easily.**

![shortcut](https://support.tiled.co/hs-fs/hubfs/shortcut.png?width=224&height=385&name=shortcut.png)

### Create a Multi-Hotspot

1. If you design a microapp page where you want to link multiple elements that are grouped together side-by-side or on top of each other, you can create a multi-hotspot.
2. Place the hotspot as normal, creating the initial link, and then adjust it so that it covers all of the elements you want linked.
3. Ensure that the hotspot is selected, and repeatedly click the button on the **Hotspot** menu until you equal the number of desired links. The Tiled Editor divides the hotspot into equal partitions. Specify destinations for each partition as desired.
4. By default, the Tiled Builder divides the hotspot into vertical partitions. Click **Horizontal** to change them to horizontal partitions. 

To delete a partition, hover over the partition name and select **Delete**. 

### Create a Transition

If you want a transition for your link, such as a fade, click the **Transition** dropdown list and select the desired transition. *No Transition* is selected by default.  

### Hotspot as a Completion event

You can configure the hotspot as a completion event, so that when the viewer selects the link, Tiled records it as a completion event for the microapp. To set the hotspot as a completion event, move the **Completion** slider to the right.

Completion events are associated with the entire hotspot. If Completion is selected for a multi-hotspot, then all links activate the completion event. 

- [Getting Started](https://support.tiled.co/getting-started#main-content)
  
  
  
  
  
    - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled)
    - [Tiled Library](https://support.tiled.co/getting-started#tiled-library)
- [Tiled Builder](https://support.tiled.co/tiled-builder#main-content)
  
  
  
  
  
    - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder)
    - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles)
    - [Personalization](https://support.tiled.co/tiled-builder#personalization)
    - [Asset Library](https://support.tiled.co/tiled-builder#asset-library)
    - [Best Practices](https://support.tiled.co/tiled-builder#best-practices)
- [Tiled Tiles](https://support.tiled.co/tiled-tiles)
- [Settings](https://support.tiled.co/settings#main-content)
  
  
  
  
  
    - [Account Settings](https://support.tiled.co/settings#account-settings)
    - [Library Settings](https://support.tiled.co/settings#library-settings)
    - [Microapp Settings](https://support.tiled.co/settings#microapp-settings)
- [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content)
  
  
  
  
  
    - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics)
    - [Personalization](https://support.tiled.co/sharing-analytics#personalization)
    - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps)
- [Useful Resources](https://support.tiled.co/useful-resources#main-content)
  
  
  
  
  
    - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides)
    - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools)
    - [Accessibility](https://support.tiled.co/useful-resources#accessibility)
    - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app)
    - [Seismic](https://support.tiled.co/useful-resources#seismic)
    - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security)
- [Builder 2.0](https://support.tiled.co/builder-2-0#main-content)
  
  
  
  
  
    - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0)
    - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0)
    - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0)
    - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0)
    - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0)
    - [FAQ](https://support.tiled.co/builder-2-0#faq)
- [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content)
  
  
  
  
  
    - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin)
    - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin)
    - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin)
- [Integrations](https://support.tiled.co/integrations#main-content)
  
  
  
  
  
    - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation)
    - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management)
    - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication)
- [New Releases](https://support.tiled.co/new-releases#main-content)
  
  
  
  
  
    - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0)
    - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0)
    - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0)
    - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1)
    - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0)
    - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0)
    - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0)
    - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0)
    - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0)
    - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1)
    - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0)
    - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0)
    - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0)
    - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0)
    - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0)

[![logo-horizontal_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co)

Copyright © 2026, Tiled