Branded App: Adding a WebView to Your App

5 min read
Embed web content in your branded app with the WebView element to enable seamless viewing without the need for an external browser. You can add content from your own site or an external source, making the content feel like an integral part of the app. By adding the WebView element, users don't need to open an external browser to view the content. 

You can customize the size of the embedded content and control the display of embedded website headers and footers within the WebView element.
Note:
This element is only available for the Branded app, make sure to purchase a Branded App plan.
A screenshot showing the Branded App with an external site embedded onto the app

To add a WebView element to your branded app:

Dashboard
Wix app
Wix Studio app
  1. Go to the Branded Mobile App tab in your site's dashboard.
  2. Click Edit Mobile App
  3. Click the Screen drop-down at the top and choose the screen you want to edit. 
  4. Click Elements on the left. 
  5. Click Embed and select the WebView element. 
  6. Customize the following in the panel on the right: 
    • Content: Enter the page URL of the site you want to embed. 
    • Layout: Choose a height for your WebView:
      • Dynamic: The height of the WebView auto-adjusts with the screen.
      • Fixed: Set the height of the WebView in pixels.
    • Display: Enable the toggles to show the website header and footer. A screenshot showing how to customize your webview element on your desktop.
    • Margins: Drag the Margins sliders to adjust the padding around the WebView.
      Note: Click the Edit individually icon to separately adjust the margins. 
    • General Settings: Click General Settings and choose which device to show this element on: AllAndroid, or iOS.
      Note: You can show or hide elements of your site depending on what operating system your members are using on their mobile devices. Your elements are visible on all operating systems by default, but you can decide what to show on iOS, Android, or both.   
  7. Click Save.

Did this help?

|