Embed Tile

Follow

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.

Quick Links
How to Embed a PDF
How to Embed microapps in microapps
How to Embed Google Docs

⚠️ 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 ( Screen_Shot_2020-08-07_at_12.06.30_PM.png  ) from the Tile panel to the desired location on the page, where you can resize it to your specifications or needs.

Screen_Shot_2020-08-07_at_12.05.11_PM.png

Then, drop the link to the resource you want to embed.  

NOTE

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.

Screen_Shot_2022-09-26_at_10.27.52.png

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. 

Screen_Shot_2020-08-07_at_12.49.05_PM.png

The Embed item window opens.

Screen_Shot_2020-08-07_at_12.49.14_PM.png

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

 

 

 

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.