---
title: 👈  Clickable Assets
description: Make your world more engaging with website links, portals, teleporting, and embedded websites, images, or PDFs.
---

[Skip to content](https://resources.topia.io/clickable-assets#main-content)

[![Topia Logo](https://22253251.fs1.hubspotusercontent-na1.net/hub/22253251/hubfs/Topia%20Logo.png?width=150&height=82&name=Topia%20Logo.png)](https://topia.io/)

- [Resources Home](https://resources.topia.io/)

Open main navigation

Close main navigation

- [Resources Home](https://resources.topia.io/)
- [Contact Support](mailto:support@topia.io)

[Contact Support](mailto:support@topia.io)

 How can we help you?

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

1. [Topia Resources](https://resources.topia.io/?hsLang=en)
2. [Customize Your World](https://resources.topia.io/customize-your-world?hsLang=en)
3. [Make Your World Interactive](https://resources.topia.io/customize-your-world?hsLang=en#make-your-world-interactive)

# 👈  Clickable Assets

## Make your world more engaging with website links, portals, teleporting, and embedded websites, images, or PDFs.

![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)**[Create Clickable Assets in Your World](https://resources.topia.io/clickable-assets#Create-Clickable-Assets-in-Your-World)**

**![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)**

**[Display Text](https://resources.topia.io/clickable-assets#Display-Text)**

**![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)**

**[Display an Uploaded Image](https://resources.topia.io/clickable-assets#Display-an-Uploaded-Image)**

**![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)[Embed an External Website](https://resources.topia.io/clickable-assets#Embed-an-External-Website)**

**![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)[Embed YouTube, Vimeo, or Twitch as an iframe](https://resources.topia.io/clickable-assets#Embed-YouTube-Vimeo-or-Twitch-as-an-iframe)**

**![circleCheck](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/circleCheck.svg)[Embed an External Image, Document, or PDF](https://resources.topia.io/clickable-assets#Embed-an-External-Image-Document-or-PDF)**

 

---

 

### **Create Clickable Assets in Your World**

Make your world more engaging with website links, portals, teleports, and embedded websites, images, or text.

Every asset in your world can become clickable, making your Topia experience more immersive. Clicking on an asset can display [text](https://resources.topia.io/clickable-assets#Display-Text) or an [uploaded image](https://resources.topia.io/clickable-assets#Display-an-Uploaded-Image); open a [website](https://resources.topia.io/clickable-assets#Embed-an-External-Website) (embed or in a new tab), a [video](https://resources.topia.io/clickable-assets#Embed-YouTube-Vimeo-or-Twitch-as-an-iframe), a [web hosted image or pdf](https://resources.topia.io/clickable-assets#Embed-an-External-Image-Document-or-PDF); let you [portal to another Topia world](https://resources.topia.io/clickable-destinations?hsLang=en#Add-a-Portal-to-Another-Topia-World), or [teleport to another location within the same world](https://resources.topia.io/clickable-destinations?hsLang=en#Add-a-Teleport-Link).

 

---

 

### **Display Text**

With the flick of your Topi's wrist-arm-like appendage, you can display **custom text** when an asset is selected.

1. Make sure **Builder Mode** ![builder](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/builder.svg) is active
2. Click on the asset you would like to add display text to
3. The **Select** drawer will open on the right. Click on the **Configuration** tab, then select **Links**
4. On the **Links** page, select **Display Text** from the dropdown menu
5. Enter the **Title** and **Description** you would like to display

| ![](https://22253251.fs1.hubspotusercontent-na1.net/hub/22253251/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio496759917c6184f6342d48008cd050a94Display+Text.gif?width=600&height=271&name=downloads.intercomcdn.comio496759917c6184f6342d48008cd050a94Display+Text.gif) |
| --- |

 

---

 

### **Display An Uploaded Image**

Indeed, with but a second wrist flick, you are able to display an **uploaded image** when an asset is selected.

1. Make sure **Builder Mode** ![builder](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/builder.svg) is active
2. Click on the asset you would like to add an image to
3. The **Select** drawer will open on the right. Click on the **Configuration** tab, then select **Links**
4. On the **Links** page, select **Display an Uploaded Image**from the dropdown menu
5. Enter the **Image Title **and upload the image you want to display

 

---

 

### **Embed an External Website**

Add one or multiple website links to an asset to increase engagement. Depending on whether the website allows website embeds, you can customize the link to open in an embedded iframe within the world, inside the drawer, or in another browser tab.

##### **To Add a Clickable Link:**

1. Make sure **Builder Mode** ![builder](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/builder.svg) is active
2. Click on the asset you would like to add the embed to
3. The **Select** drawer will open on the right. Click on the **Configuration** tab, then select **Links**
4. On the Links page, select **Add a website, game, tool, or email**from the dropdown menu
5. Click the **plus ![plus](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/plus.svg) **button
6. Enter the website URL under the** Link** field
7. Enter a name in the **Title** field. If the website allows embedding, the title will appear at the top of the website embed frame.
8. Choose a **Link Behavior** option to customize how you want the website to appear (modal vs. drawer). A modal iframe will open the link in the center of the screen, while a drawer will open on the left side.
9. Click the **Add Link **button to save this link. Complete the previous steps again if you'd like to add additional links to this asset.

| ![Clickable Asset - Modal iFrame](https://22253251.fs1.hubspotusercontent-na1.net/hub/22253251/hubfs/Topia%20Resources%20-%20Knowledge%20Base%20Help%20Center/Clickable%20Asset%20-%20Modal%20iFrame.png?width=500&height=370&name=Clickable%20Asset%20-%20Modal%20iFrame.png) |
| --- |
| **Modal iFrame** |

| ![Clickable Asset - Drawer iFrame](https://22253251.fs1.hubspotusercontent-na1.net/hub/22253251/hubfs/Topia%20Resources%20-%20Knowledge%20Base%20Help%20Center/Clickable%20Asset%20-%20Drawer%20iFrame.png?width=500&height=485&name=Clickable%20Asset%20-%20Drawer%20iFrame.png) |
| --- |
| **Drawer iFrame** |

*💡 Tip: If you get a message that the link refuses to connect, the site you are trying to embed does not allow iframing, and you will need to open the link in a new tab instead.*

Check out a few of our favorite external games & embeds [here](https://resources.topia.io/customize-your-world?hsLang=en#external-add-on-widgets-embeds)!

 

---

 

### **Embed YouTube, Vimeo, or Twitch as an iframe**

Once an asset is placed in a world, you can easily make it a clickable object that opens a YouTube, Vimeo, or Twitch video by doing the following:

1. Make sure **Builder Mode** ![builder](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/builder.svg) is active
2. Click on the asset you would like to add the embed to
3. The **Select** drawer will open on the right. Click on the **Configuration** tab, then select **Links**
4. On the Links page, select **Add a website, game, tool, or email**from the dropdown menu
5. Click the **plus ![plus](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/plus.svg) **button
6. In the **Link** field, enter the one of the following urls and modify as described below:
   
   #### **YouTube**:
   
   *https://youtube.com/watch\_popup?v=**xxxxxxxxx ***
   
   #### **Vimeo**:
   
   https://player.vimeo.com/video/**xxxxxxxxx**
   
   #### **Vimeo showcase**:
   
   https://vimeo.com/album/**xxxxxxxxx**/embed/
   
   #### **Twitch**:
   
   https://player.twitch.tv/?channel=**xxxxxxxxx**&parent=topia.io
7. Replace the “**xxxxxxxxx**” with the unique code found at the very end of your video’s url or the name of the Twitch stream
8. Enter a name for the video under **Title**. This name will appear at the top of the video

Now, when a user in the world clicks on the object, an embedded iframe of the video will appear. If the video is live-streaming, it will be synced for all who are viewing it.

 

---

 

### **Embed an External Image, Document, or PDF**

PNGs, JPGs, JPEGs, and WEBP, oh yes! Any asset can open a **statically hosted** image, document, or PDF when clicked. This can be great for creating an interactive scavenger hunt or for displaying info throughout a world. Users who then click an asset with an embedded image can view the file in world.

In order to add an image, document, or PDF, the file must have a unique URL. This can be done by uploading the file to: a personal website, Google Drive, Dropbox, Imgur, AWS S3 Bucket, etc. Add the unique URL just as you would add a link to any website:

1. Make sure **Builder Mode** ![builder](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/builder.svg) is active
2. Click on the asset you would like add the embed to
3. The **Select** drawer will open on the right. Click on the **Configuration** tab, then select **Links**
4. On the Links page, select **Add a website, game, tool, or email**from the dropdown menu
5. Click the **plus ![plus](https://22253251.fs1.hubspotusercontent-na1.net/hubfs/22253251/Latest%20UI%20Icons%20-%202025/plus.svg) **button
6. Enter the website URL under the** Link** field. The link may need to be modified to ensure that it will embed:

**on Google Drive:**

- - Ensure share settings are set to Public. Double click on the file or click on **Preview** to open the file. (Do not use a direct share link, such as the link shown in your browser’s address bar or Google Drive share options.)
    - In the window that opens, click again on **More actions** in the top right-hand corner (three vertical dots icon) and choose **Open in a new window**
    - Copy the url that appears in this new window and use this url instead to make the clickable asset show the content in an iframe.
    - In the new window, click again on **More actions** in the top right-hand corner (three vertical dots icon) and choose **Embed item**...
    - Copy the url from within the embed script, shown between the **” ”** quotation marks

**on DropBox:**

- - Click **Share**. Create then copy the link.
    - Remove the "**dl=0**" at the very end of the link and replace it with "**raw=1**"

**Original URL:**

*[https://www.dropbox.com/s/4............h/example.png](https://www.dropbox.com/s/4............h/example.png)?**dl=0***

**Modified URL:**

*[https://www.dropbox.com/s/4............h/example.png](https://www.dropbox.com/s/4............h/example.png)?**raw=1***

**on Imgur (images only):**

- - Right click on the image and choose **Open Image in New Tab.**
    - Use the link from the new tab if it ends with "**.png**", if instead it ends in ".jpeg" or ".jpg", replace it with ".png".

 

- [Getting Started](https://resources.topia.io/getting-started?hsLang=en#main-content)

    - [Using Topia](https://resources.topia.io/getting-started?hsLang=en#using-topia)
    - [Socializing](https://resources.topia.io/getting-started?hsLang=en#socializing)
    - [Navigating the Toolbar](https://resources.topia.io/getting-started?hsLang=en#navigating-the-toolbar)
- [Customize Your World](https://resources.topia.io/customize-your-world?hsLang=en#main-content)

    - [Building Your World](https://resources.topia.io/customize-your-world?hsLang=en#building-your-world)
    - [Scenes & Scene Marketplace](https://resources.topia.io/customize-your-world?hsLang=en#scenes-scene-marketplace)
    - [Advanced Building Techniques](https://resources.topia.io/customize-your-world?hsLang=en#advanced-building-techniques)
    - [Make Your World Interactive](https://resources.topia.io/customize-your-world?hsLang=en#make-your-world-interactive)
    - [External Add On Widgets & Embeds](https://resources.topia.io/customize-your-world?hsLang=en#external-add-on-widgets-embeds)
- [World Settings](https://resources.topia.io/world-settings?hsLang=en#main-content)

    - [Customize World Layout & Location](https://resources.topia.io/world-settings?hsLang=en#customize-world-layout-location)
    - [Update Your World Settings](https://resources.topia.io/world-settings?hsLang=en#update-your-world-settings)
- [Troubleshooting](https://resources.topia.io/troubleshooting?hsLang=en)

[![Topia Logo](https://22253251.fs1.hubspotusercontent-na1.net/hub/22253251/hubfs/Topia%20Logo.png?width=150&height=82&name=Topia%20Logo.png "Topia Logo")](https://topia.io/)

Go to [topia.io](https://topia.io/)

[mailto:support@topia.io](mailto:support@topia.io) <https://www.linkedin.com/company/topia-io/posts/?feedView=all> <https://www.facebook.com/topia.io/>

Copyright © 2025, Topia Interactive, Inc.