Embed component

What is the embed component?

The embed component enables you to add an iframe without using HTML to your app. 
This component can be used to embed a variety of options such as an HTML page, a PDF page, another website, online videos from Youtube or Vimeo, etc., or, online forms to your app, inside a window. 

Why use the embed component?

This component is useful to embed external components into your app by simply using a URL or embed code. 

This component will save you from having to use code to add an iframe to your app screen.

Get Started

The embed component is available via the marketing template. You will need to follow the steps below:

1. Add the embed component screen template
2. Configure the embed component 
3. Test your embed component 

Step 1 – Add the embed component screen template

1. Add the embed screen template using the “Add screens” button.

Step 2 – Configure the embed component

To configure the embed component you have two options: 

Iframe

1. Select the embed component on the app preview screen
2. On the right hand side settings menu, choose iframe
   
3. Add the URL or embed code you want to embed
   Ensure the link can be loaded inside an iframe. Not all links are compatible
4. Click save and close

Code

1. Select the embed component on the app preview screen
2. On the right hand side settings menu, choose code
   
3. Add the full embed code
   Note – inherited heights and widths from the embed code are not applied to this component.
   
4. Click save and close

Step 3 – Test your embed component

1. Swtich to preview mode
2. Ensure the URL is supported and is displaying correctly.