The WebView Plugin provides you with the ability to bring a website’s content into your app which is why it’s so versatile. If it’s on a website, it can be brought into the app with this amazing plugin! Let’s go over how to use it:

Step 1: Enter in the URL into the “URL” field

Simply copy the URL (or link) of the site that you want to bring into the app and paste it into the “URL” field.

Step 2: Validate Your URL

To make sure that you entered in a valid URL, click the “Validate” button.

Step 3: Adjust the WebView Setting if Needed

The WebView plugin has three settings:

Different URLs will display better in some settings than others due to their coding. Choose the best setting to display your site here.

Having worked with apps for years, we’ve learned a thing or two. So, to both help your app stand out and accomplish your primary goals, here are some tips you should consider.

Pro Tip 1: Play Around With the WebView’s Settings

Different URLs will display better in some settings than others due to their coding. Some sites, such as those that require you to log-in to an account, don’t allow themselves to be embedded in an iFrame. This means that the “Native in app” setting won’t work for these sites and you should try the “In app popup window” setting instead.

Pro Tip 2: You Can Use the WebView Plugin to Link to Files or Forms

You can also link to files such as pdfs or forms. This is perfect if you already have these files hosted on your website, or another service such as DropBox. If you’re using DropBox, I encourage you to check out the article that we’ve created on how to use this service which you can find here.

Pro Tip 3: Make Sure You Don’t Use Too Many WebView Plugins

When linking to websites we recommend that you use a maximum of 3 WebView plugins in your app in order to adhere to Apple’s current guidelines. 

Note: If you’re linking to a file (such as a pdf) you can use more than 3 WebView plugins

Pro Tip 4: For the Best User Experience, Make Sure Your Site is Mobile Friendly

Before linking to a website, make sure that it is designed to be mobile friendly. The easiest way to test this is by going to the website in your phone’s browser (Chrome for Android and Safari for iOS) which should give you an idea of how it will look in the WebView plugin.

Pro Tip 5: Set Sites Where you can Make a Purchase to “Device's default external browser”

If you are linking to an online store, taking payments through a web page, or are taking donations on a page, you must have the link open outside of the app by setting the WebView to “Device’s default external browser”. If you don’t do this the app will get rejected by Apple and Google in the submission review process. This is due to Apple and Google’s current app store policies.