AppMySite
Website
  • Introduction
  • Getting started
    • Create an app
    • Initial requirements
  • App
    • Design
      • App icon
      • Splash screen
        • Design Splash screen
        • Splash screen not appearing
      • Theme
        • Design theme
        • Upload icons
    • Access
      • Consent
        • Add consent screen
        • Control access to app
      • Login
        • Design login screen
        • Web-to-app login
        • Custom app login
        • Prompt user login
        • Apple login requirement
        • Login settings
        • WordPress
          • WordPress login
          • WordPress member login
          • WP Social login issue
          • User registration issue
          • Missing cart button
        • Social login configuration
          • Android build for social login
          • iOS build for social login
    • Connectivity
      • WordPress to app connectivity
      • Install WordPress plugin
      • WP Application-Password
      • WooCommerce REST API
      • Troubleshoot connectivity
      • How to track connectivity
      • Configure Solid Security
      • Whitelist IP Addresses
        • Whitelist in CloudFlare
        • Whitelist in All In One WP Security
        • Whitelist in Wordfence
        • Whitelist in Solid Security
        • Whitelist in Jetpack
      • Website-to-app sync
      • Website-to-app changes
      • Plugin conflict
    • Navigation
      • Home Screen
        • Design main banner
        • Mark blogs sticky
        • Mark products featured
      • Bottom bar
        • WordPress bottom bar
        • Web-to-app bottom bar
        • Custom app bottom bar
        • Bottom bar settings
      • Menu
        • WordPress menu
        • Custom app menu
        • Web to App menu
        • Menu settings
    • Web view
      • Advanced web-view settings
      • Web view checkout
      • Web-view for WordPress
      • Web-view for Custom app
      • Intercept web traffic
      • Internal URL Handling
    • Pages
      • Custom app
        • Custom app pages
        • Individual page settings
        • Bulk page settings
        • Page layout
        • Page Settings
      • WordPress
    • Posts
      • Custom app
        • Custom app posts
        • Individual post settings
        • Bulk post settings
        • Post settings
      • WordPress
        • WordPress posts settings
        • Custom post types
        • Forum plugins
    • Product
      • WordPress product settings
      • Remove product reviews
      • Payment gateway support
      • Shipping plugins support
    • Settings
      • General
        • Change app product
        • Change app name
        • Change domain
        • Offline mode
        • Delete App
      • Social
        • Connect social media
    • Preview
      • Preview app
      • Test APK on real device
      • Test IPA on real device
      • Screenshots from Preview
      • Preview not working
    • Download
      • iOS
        • Create Apple Developer Account
        • Generate iOS app
        • iPad support
        • App permissions
        • Certifications
          • Apple Team ID
          • App identifier
          • Certificate signing request
          • iPhone distribution certificate
          • iPhone provisioning profile
      • Android
        • Create Google Developer Account
        • Generate Android app
        • App publishing time
        • Android app visibility
      • Migrate live app
        • Migrate existing app
        • User impact after replacing app
        • Change bundle ID
    • Upload
      • iOS
        • Prepare for iOS submission
        • Upload iOS app
        • Submit new iOS version
        • Grant Apple developer access
        • Artwork for iOS app
        • Screenshot guidelines
        • iPad screenshots
        • Transfer iOS app
        • Distribution certificate error
      • Android
        • Prepare for Android submission
        • Upload Android app
        • Submit new Android version
        • Grant Google developer access
        • Artwork for Android app
        • Tablet screenshots
        • Transfer Android app
      • App Stores
        • Developer account ownership
        • Need for developer account
        • Support for app stores
        • Update notification
        • App store publishing policies
        • App Store compliance
        • Rejection due to Guideline 4.3(a)
        • Distribute app without publishing
        • Choosing Apple developer program
        • Minimum functionality rejection
        • Unpublish Android app
        • Remove app store listing
    • Publish
      • Prerequisites to publish
      • Publish app directly
      • Publish feature importance
    • Analytics
      • Access analytics data
      • Tracks events in GA4
    • Notifications
      • Advanced notifications
        • Create advanced notifications
        • Add images to notification
        • Audience segmentation
        • Users log
      • Basic Notifications
        • Create push notification
        • Schedule notifications
        • Push notifications issue
        • Create Firebase project
        • Add Firebase user
      • Notification configuration
        • iOS configuration for basic notifications
        • iOS configuration for advanced notifications
        • Android build configuration
        • Update Firebase Settings
        • Push Notification Permission
    • Chat
      • Integrate chat
      • Third-party chat integration
    • Merge Apps
      • Merge apps
    • Add-ons
      • App Store Artwork
      • Mobile App Design
      • Upload to app stores
      • Build & Upload
      • Dedicated server
      • Translate app
      • Languages support
    • Monetization
      • Advertisement
        • Configure AdMob
        • AdMob issue - Android
        • Ad options
      • In-App Purchases
        • Configure In-App Purchases
    • Performance
      • App speed
      • WordPress plugin effects
      • WordPress plugin support
    • Team
      • Manage team members
      • Team roles
  • Unlimited Workspace
    • Create workspace
    • Create app in workspace
    • Find apps under workspace
    • Invite team on workspace
    • Assign roles to team
    • Workspace benefits
    • Transfer app to Workspace
    • AppSumo - Unlimited Workspace
    • Delete workspace
  • Agency White- Label
    • Apps
      • Agency product overview
      • Create app in Agency
      • Find clients' apps
      • Add a DNS record
      • Migrate live apps agency
      • Client's app success
      • Personalize white-label
    • Subscriptions
      • Manage client's subscriptions
      • Monthly subscription for Agency
      • Manage customer’s subscription
      • Unlimited agency offerings
    • Customers
      • Access clients' information
      • Customer onboarding limit
      • Features for customers
      • Charge customers
    • Domain
      • Connect agency to website
      • Connect subdomain
    • Email
      • Connect email server
    • Authentication
    • Support
      • Support for agency’s customers
    • Team
      • Add team members
    • Settings
      • Delete agency
  • Account
    • Security
      • Activate 2FA
      • Deactivate 2FA
      • Secure account
      • Account compromised
      • Data security
      • Account hacked
      • Personal information security
    • Delete account
    • Change account email
    • Reset account password
    • Transfer account ownership
    • App ownership
    • Transfer subscription
    • Login history
    • Login disabled
    • Unknown login session
    • Account locked
    • Brute force attacks
    • Find my app
    • Source code
    • Transfer app from AppMySite
  • Billing
    • Subscriptions
      • Subscription fee
      • Apps per subscription
      • Upgrade subscription
      • Downgrade subscription
      • Charge after downgrade
      • Change subscription
      • Recurring subscription payment
      • Prorated credits
    • Invoices
      • Find invoices
      • Invoice details issue
    • Billing details
      • Change billing details
      • Pre-payment process
      • Cancellation policy
      • Automatic charge
      • Failed payment
      • Card details security
      • Refund policy
      • Change payment method
    • Deals
      • Activate AppSumo deal
      • AppSumo white-label
      • AppSumo features & addons
      • Apply deal license
      • Apply deal on preview app
      • Apply deal to workspace
  • General
    • Remove AppMySite branding
    • Support for file uploads
    • App creation time
    • WooCommerce vs WordPress
    • Why choose WordPress
    • Custom development services
    • Feature request
    • Affiliate program
    • Reseller program
    • Support for all websites
    • Android TV support
    • Web app support
    • Explain native app
    • Native vs hybrid app
    • GDPR compliance
    • GDPR importance
    • Distribute apps
    • Distribution License
    • Web-to-app for WordPress
    • Multimedia in custom app
    • Code snippets in custom app
  • Pricing
    • Pricing plan suitability
    • Free plan
    • Custom plan features
    • Free plan features
    • Reasons to buy premium plan
    • One-time payment
    • Payment failure
    • Hidden charges
    • Tax inclusions
    • Developer accounts cost
    • Access to extra features
  • Support
    • Support plans guide
    • Scope of assistance
    • Contact support
    • Support for issues
    • Critical issues
    • General vs. technical guidance
    • Community
    • Scam by impersonator
Powered by GitBook
On this page

Was this helpful?

  1. App
  2. Web view

Web-view for WordPress

PreviousWeb view checkoutNextWeb-view for Custom app

Last updated 3 months ago

Was this helpful?

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.

  • 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.

  • 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:

  • 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.

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

Go to > Add Item.

Go to > Add Item.

Navigate to in your WordPress app.

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

Navigation > Bottom bar
Navigation > Menu
Navigation > Home screen
Follow this guide
Advanced web-view settings