Sometimes, you may want to bring outside assets into your microapp. Tiled allows you to embed websites, forms, other microapps, publicly shared PDF's, and most other assets that have iframe capabilities.
⚠️ Important Note
Embed Tiles are not supported for offline microapp activity.
How to add an Embed Tile
To use the Embed Tile, just drag the Embed Tile ( ) from the Tile panel to the desired location on the page, where you can resize it to your specifications or needs.
Then, drop the link to the resource you want to embed.
All embeds are subject to the CORS policy of that particular site you are embedding.
Not all websites will load within Tiled. Some URLs block cross domain requests.
Delete an Embed Tile
To delete an Embed Tile, ensure that the tile is selected and press the DELETE key.
How to embed a PDF
Sometimes you may want to link to a PDF from within your microapp. Using the Hotspot Tile you can externally link to your PDF, however, if you would like to display the PDF within the microapp we recommend the following steps using Google Drive.
1. Open PDF in a New Window
To embed a PDF from Google Drive, you must get an embedded link with a direct URL to the document. From Google Drive, first open the PDF and then select Open in a New Window from the More Actions dropdown list.
2. Generate an Embed Link
The PDF is opened in a new tab in your web browser. From the new tab, select Embed item from the More Actions dropdown list.
The Embed item window opens.
3. Copy the URL from the <div> container
Copy only the link information in the HTML code, indicated in the bolded text below:
<iframe src="https://drive.google.com/file/d/exampleId/preview" width="640" height="480" allow="autoplay"></iframe>
How to embed a microapp in another microapp
Tiled allows you to embed a published microapp within another microapp through the Embed Tile. This provides flexibility in the design and content of microapps, as well as keeping microapps to a manageable size. Viewers are able to have access to a wider range of microapps without having to navigate away from the microapp they were originally shared.
Embedded microapps function just like the microapp it is embedded in and captures viewer engagement and analytics.
1. Generate a Public Link.
First you must create a Standard Public link for the source microapp you want to embed, which you can create on the Public tab of the Share window for the microapp. Alternatively, you can generate a direct share link for a specific individual.
2. Paste Public Link in the Embed Tile
Paste the newly generated share link into the embed tile