Web-view for WordPress

Where can I use the web-view feature for my WordPress & WooCommerce app and how?

AppMySite enables you to create native Android and iOS apps as these are the best when it comes to performance. However, you can also turn on the web view feature for certain sections or the entire app as well.

Follow this guide to know how and where you can add a web view for your WordPress app:

Web view for pages

• Go to Pages.

• Turn the toggle on against web view.

• Click on Save when done.

The app will mirror your website and all your pages will be shown in a web view interface.

Web view for products

• Go to Products.

• Turn the toggle on against Web view.

• Click on Save when done.

The app will mirror your website and all your product screens will now turn into a web view interface.

Web view for posts

• Go to Posts.

• Turn the toggle on against Web view.

• Click on Save when done.

The app will mirror your website and all your posts will turn into a web view interface.

Web view for specific pages on the bottom navigation menu

If you want to turn on web view for only specific pages, you can add them to the bottom navigation menu bar.

• Go to Navigation > Bottom bar > Add Item.

• Select your preferred item name.

• Upload an icon for your item and click on Done.

• Click on Item Type and select Web View from the pop up menu.

• Enter the webpage URL you wish to render.

• Click on Save when done.

A new item will get added to your bottom navigation bar which will direct users to the rendered web view. Similarly, add web views for other destinations on the bottom navigation bar.

Web-view for specific pages on the menu

If you want to turn on web view for only specific pages, you can also add them to the side menu.

• Go to Navigation > Menu > Add Item.

• Select your preferred item name.

• Upload an icon for your item and click on Done.

• Click on Item Type and select Web View from the pop up menu.

• Enter the webpage URL you wish to render.

• Click on Save when done.

Webview for the entire app

If you want to enable web view for your entire app, you can do it from the Homescreen. This will enable a web view interface for your entire app.

Follow the steps below:

• Navigate to Navigation > Home screen in your WordPress app.

• Turn on the Web-view toggle and enter the desired URL in the Page URL field.

• Hit Save.

• Your entire website will now appear in a web view interface. Manage the web-view settings from the Web View section in the side menu.

If your web view does not appear as expected in the app, we recommend turning off all other features on the Home Screen for a better browsing experience.

Follow this guide to customise how your web pages will appear in the app:

Advanced web-view settings

You can open the Preview section to see how your app looks and works on an emulator.