The iFrame component can be used to embed a website or 3rd party web service within your app.
To add the iFrame component, please click on the Build section of your Beezer dashboard and click on Pages section.
Create a new page by clicking the + sign next to Pages option.
Once you have added a new page, click on the + sign next to your page title. You will be shown all the existing components available for your Beezer subscription plan.
Under the Components tab, select iFrame Widget. Click Add iFrame Widget component button to add it to your selected page.
Copy the URL of the webpage which you want to embed inside your app and paste it into the CONTENT section of the Component with an optional title.
The URL must use SSL and therefore should start with https://
- For example - https://www.beezer.com
In the Design section, you have the ability to customise the height of the iFrame for both mobile and desktop devices. To do this, simply enter a value in the "Height of iFrame on Mobile" and "Height of iFrame on Desktop" fields.
For example, entering a value of 500 will make the iFrame 500 pixels tall on both devices.
You can check the preview of how the app will look on mobile and desktop by using the toggle button next to the Publish button on the top right-hand-side of your Beezer dashboard.
Publish your app once you have made the changes, so they get reflected on your mobile app successfully.
- iFrame component may not work with all 3rd party websites, as some website may have inbuilt security restrictions.
- Websites embedded within an iFrame should be mobile responsive.