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.
Step 1: Create a new page by clicking the + sign next to Pages option.
Step 2: You will be shown all the existing components available for your Beezer subscription plan. Search for "Iframe" and click the "Add Iframe Widget Component" button at the bottom of the page.
Step 3: Copy the URL of the webpage that 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
Step 4: In the Design section, you can customize 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.
Please Note:
- iFrame component may not work with all 3rd party websites, as some website may have inbuilt security restrictions.
- Websites embedded within an iFrame should not use cookies.
- Websites embedded within an iFrame should be mobile responsive.