Web Fallbacks display WordPress pages and custom post types within the mobile application. These pages load responsively with site headers and footers automatically hidden.
This document explains how to configure Web Fallbacks and understand their use cases compared to native App Pages.
Entendendo os fallbacks da Web
Os Web Fallbacks incorporam o conteúdo existente do WordPress na interface do aplicativo. As páginas são exibidas com o cabeçalho nativo do aplicativo, enquanto os cabeçalhos e rodapés do site permanecem ocultos. Os Web Fallbacks suportam construtores de páginas e conteúdo existente sem exigir desenvolvimento personalizado.
Comparação entre fallbacks da Web e páginas de aplicativos
Os fallbacks da Web e as páginas de aplicativos têm finalidades diferentes com vantagens distintas.
Características do Web Fallback
Integração de conteúdo existente permite que as páginas do WordPress sejam exibidas no aplicativo. O conteúdo criado com construtores de páginas ou com o editor padrão do WordPress funciona sem modificações.
É necessário ter conectividade com a Internet para carregamento do Web Fallback. As páginas obtêm conteúdo do servidor sempre que os membros as acessam.
Depende da velocidade do site O desempenho varia de acordo com a hospedagem e a otimização da página. Páginas complexas podem carregar mais lentamente do que as alternativas nativas.
Eficiência no desenvolvimento elimina a necessidade de desenvolvimento de aplicativos personalizados. As páginas da Web existentes se integram diretamente à navegação do aplicativo.
Características da página do aplicativo
Experiência de tela nativa oferece navegação suave com carregamento instantâneo. As App Pages criadas com App Blocks são carregadas a partir do cache local.
Disponibilidade off-line permite o acesso ao conteúdo sem uma conexão com a Internet. O conteúdo armazenado em cache permanece acessível durante períodos off-line.
Otimização do desempenho oferece carregamento mais rápido do que o conteúdo da Web. A renderização nativa elimina as solicitações de servidores externos.
É necessário trabalho personalizado para criar uma página de aplicativo usando blocos de aplicativos. As páginas devem ser criadas especificamente para a exibição do aplicativo.
Acesso à configuração do menu
Os Web Fallbacks são adicionados por meio de interfaces de configuração de menu.
- Navegue até Dashboard > MP AppKit > Menus.
- Selecione Menu da barra de guias ou Menu Mais telas.

- Clique no botão Salvar menu se as alterações anteriores precisarem ser salvas.
Adição de páginas Web Fallback à navegação
As páginas do Web Fallback são adicionadas como itens de menu com links para o conteúdo do WordPress.
- Navegue até Dashboard > MP AppKit > Menus.
- Selecione o menu que requer a adição do Web Fallback.
- Localize as páginas disponíveis em Páginas do WordPress ou MemberPress AppKit seções.

- Localize a página a ser exibida como Web Fallback.

- Clique em Adicionar ao menu ao lado do nome da página.
- Arraste o item de menu para a posição de navegação desejada.
- Clique no botão Salvar menu para finalizar as alterações.
Os usos comuns do Web Fallback incluem páginas de lojas, bibliotecas de recursos e arquivos de tipos de post personalizados.
Pré-visualização do conteúdo do Web Fallback
A verificação do Web Fallback garante a exibição adequada na interface do aplicativo.
- Open the MemberPress iOS/Android app em um dispositivo móvel.
- Navegue até o menu que contém o item do Web Fallback.
- Toque no item de menu Web Fallback para abrir a página.
- Verifique se a página é carregada sem o cabeçalho e o rodapé do site.
- Confirme a exibição do cabeçalho nativo do aplicativo acima do conteúdo.
- Toque nos links de conteúdo para navegar no Web Fallback.
- Use a seta para trás do aplicativo para retornar às telas anteriores.
As páginas do Web Fallback mantêm o design responsivo e a otimização móvel da página original do WordPress.
Entendendo o comportamento do Deep Linking
O deep linking conecta o conteúdo do Web Fallback a telas de aplicativos nativos, quando aplicável.
Detecção de tela nativa ocorre quando os links do Web Fallback correspondem aos URLs da tela do aplicativo. O aplicativo abre a tela nativa apropriada em vez de carregar o conteúdo da Web.
Transições perfeitas proporcionam uma navegação suave entre conteúdo nativo e da Web. Os membros têm uma interface consistente, independentemente da fonte de conteúdo.
Reconhecimento automático de URL identifica as telas nativas suportadas a partir de destinos de links. Nenhuma configuração adicional é necessária para a funcionalidade de deep link.
Comparação entre telas nativas e fallbacks da Web
| Recurso | Falhas na Web | Páginas de aplicativos nativos |
| Complexidade da configuração | Fácil - Use as páginas existentes | Avançado - requer API REST + codificação |
| Desempenho | Mais lento, dependente da Internet | Rápido e responsivo |
| Disponibilidade off-line | Não suportado | Totalmente suportado |
| Integração visual | Combina com o layout do aplicativo, mas não é perfeito | Totalmente integrado |
| Construtores de páginas | Suportado (Elementor, Gutenberg) | Não se aplica |