{"id":10488,"date":"2025-09-22T20:07:46","date_gmt":"2025-09-23T00:07:46","guid":{"rendered":"https:\/\/learndash.com\/support\/?post_type=docs&p=10488"},"modified":"2025-09-27T17:48:55","modified_gmt":"2025-09-27T21:48:55","password":"","slug":"how-to-use-web-fallbacks","status":"publish","type":"docs","link":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/how-to-use-web-fallbacks\/","title":{"rendered":"How to Use Web Fallbacks"},"content":{"rendered":"\n

Introduction<\/strong><\/h2>\n\n\n\n


<\/strong>Web Fallbacks let you display any WordPress page or custom post type inside your LearnDash App. These pages load responsively and automatically remove your site’s header and footer, offering a native-like experience.
<\/p>\n\n\n\n

This guide explains how to configure Web Fallbacks, when to use them, and how they compare to native App Pages.<\/p>\n\n\n\n

What Are Web Fallbacks?<\/strong><\/h2>\n\n\n\n

Web Fallbacks allow your existing WordPress content such as WooCommerce shops or custom archives to be embedded within the app. The content is displayed with the app\u2019s native header and navigation, while your website\u2019s header and footer are hidden.<\/p>\n\n\n\n

Benefits of Web Fallbacks<\/strong><\/h2>\n\n\n\n
    \n
  • Seamless Integration<\/strong> \u2013 Web content blends in with the app’s native UI.
    <\/li>\n\n\n\n
  • Cost & Time Efficient<\/strong> \u2013 Use existing web content without needing custom React Native development.
    <\/li>\n\n\n\n
  • Supports Page Builders<\/strong> \u2013 Continue designing with Gutenberg, Elementor, and other tools.
    <\/li>\n<\/ul>\n\n\n\n

    Limitations of Web Fallbacks<\/strong><\/h2>\n\n\n\n
      \n
    • Requires Internet<\/strong> \u2013 These pages load over WiFi or mobile data and are unavailable offline.
      <\/li>\n\n\n\n
    • Dependent on Site Speed<\/strong> \u2013 May load slower than native App Pages.
      <\/li>\n<\/ul>\n\n\n\n

      Accessing Web Fallback Settings<\/strong><\/h2>\n\n\n\n
        \n
      1. In your WordPress Dashboard, go to LearnDash App > Menus<\/strong>.
        <\/li>\n\n\n\n
      2. Choose either Tab Bar Menu<\/strong> or More Screen Menu<\/strong>.<\/li>\n<\/ol>\n\n\n
        \n
        \"Screenshot<\/figure><\/div>\n\n\n
          \n
        1. Click Save Menu<\/strong> if you\u2019ve made any previous changes.
          <\/li>\n<\/ol>\n\n\n\n

          Adding Web Fallback Pages<\/strong><\/h2>\n\n\n\n
            \n
          1. Under App Core<\/strong> or WordPress Pages<\/strong>, select a page (e.g., Shop<\/strong> or Movies<\/strong>) and click Add to Menu<\/strong>.
            <\/li>\n<\/ol>\n\n\n
            \n
            \"screenshot<\/figure><\/div>\n\n\n
              \n
            1. Drag the new menu item into position.
              <\/li>\n\n\n\n
            2. Click Save Menu<\/strong>.
              <\/li>\n<\/ol>\n\n\n\n

              Previewing Web Fallback Content<\/strong><\/h2>\n\n\n\n
                \n
              1. Open the LearnDash App on your device.
                <\/li>\n\n\n\n
              2. Tap the new tab (e.g., Shop<\/strong>).
                <\/li>\n\n\n\n
              3. Your website page loads without the site\u2019s header\/footer. Only the native app header is shown.
                <\/li>\n\n\n\n
              4. Tap content like a product or article to view it.
                <\/li>\n\n\n\n
              5. Use the app\u2019s Back<\/strong> arrow to return.
                <\/li>\n<\/ol>\n\n\n\n

                Leveraging Deep Linking to Native Screens<\/strong><\/h2>\n\n\n\n
                  \n
                1. Inside a fallback page, tap a link that leads to a native screen.
                  <\/li>\n\n\n\n
                2. The app detects the URL and opens the appropriate native screen.
                  <\/li>\n\n\n\n
                3. Tap Back<\/strong> to return to the web fallback view.
                  <\/li>\n<\/ol>\n\n\n\n

                  What Are App Pages?<\/strong><\/h2>\n\n\n\n

                  App Pages are fully native screens built using App Blocks. Unlike web fallbacks, they load instantly, work offline, and offer better performance.<\/p>\n\n\n\n

                  Benefits of App Pages<\/strong><\/h2>\n\n\n\n
                    \n
                  • Native Experience<\/strong> \u2013 Smooth navigation with faster loading.
                    <\/li>\n\n\n\n
                  • Offline Availability<\/strong> \u2013 Content is cached for offline access.
                    <\/li>\n\n\n\n
                  • Better Performance<\/strong> \u2013 No external requests; served natively in-app.
                    <\/li>\n<\/ul>\n\n\n\n

                    Accessing App Pages<\/strong><\/h2>\n\n\n\n
                      \n
                    1. In your Dashboard, go to LearnDash App > App Pages<\/strong>.<\/li>\n<\/ol>\n\n\n\n
                        \n
                      1. Create or edit App Pages using App Blocks (denoted with a phone icon).
                        <\/li>\n<\/ol>\n\n\n
                        \n
                        \"Screenshot<\/figure><\/div>\n\n\n

                        Comparing Native Screens and Web Fallbacks<\/strong><\/h2>\n\n\n\n
                        Feature<\/strong><\/td>Web Fallbacks<\/strong><\/td>        Native App Pages<\/strong><\/td><\/tr>
                        Setup Complexity<\/td>Easy \u2013 Use existing pages<\/td>Advanced \u2013 Requires REST API + coding<\/td><\/tr>
                        Performance<\/td>Slower, internet dependent<\/td>Fast and responsive<\/td><\/tr>
                        Offline Availability<\/td>Not supported<\/td>Fully supported<\/td><\/tr>
                        Visual Integration<\/td>Matches app layout, not perfect<\/td>Fully integrated<\/td><\/tr>
                        Page Builders<\/td>Supported (Elementor, Gutenberg)<\/td>Not applicable<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

                        Troubleshooting and FAQs<\/strong><\/h2>\n\n\n\n

                        Q: Why aren\u2019t my web fallback pages showing in the app?<\/strong>
                        <\/strong> A: Make sure you clicked Save Menu<\/strong>, then force-close and reopen the app.<\/p>\n\n\n\n

                        Q: Why is the content loading slowly?<\/strong>
                        <\/strong> A: Performance depends on your website\u2019s speed and server resources. Use caching and optimization plugins where possible.<\/p>\n","protected":false},"excerpt":{"rendered":"

                        Introduction Web Fallbacks let you display any WordPress page or custom post type inside your LearnDash App. These pages load responsively and automatically remove your site’s header and footer, offering a native-like experience. This guide explains how to configure Web Fallbacks, when to use them, and how they compare to native App Pages. What Are…<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"doc_category":[288],"doc_tag":[],"knowledge_base":[283],"class_list":["post-10488","docs","type-docs","status-publish","hentry","doc_category-managing-content-for-learndash-app","knowledge_base-learndash-app"],"year_month":"2026-04","word_count":496,"total_views":"769","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Stephanie Liy","author_link":"https:\/\/learndash.com\/support\/author\/stephaniei\/"},"doc_category_info":[{"term_name":"Managing Content for LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/"}],"doc_tag_info":[],"taxonomy_info":{"doc_category":[{"value":288,"label":"Managing Content for LearnDash App"}],"knowledge_base":[{"value":283,"label":"LearnDash App"}]},"featured_image_src_large":false,"comment_info":0,"knowledge_base_info":[{"term_name":"LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/","term_slug":"learndash-app"}],"knowledge_base_slug":["learndash-app"],"_links":{"self":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/comments?post=10488"}],"version-history":[{"count":2,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10488\/revisions"}],"predecessor-version":[{"id":10857,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10488\/revisions\/10857"}],"wp:attachment":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/media?parent=10488"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_category?post=10488"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_tag?post=10488"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/knowledge_base?post=10488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}