Como permitir que os usuários salvem páginas como favoritas no seu app

Publicado em 24. fevereiro 2025 por Jan Bunk

Um robô humanoide colocando uma carta em uma caixa de correio com uma rua de cidade neon ao fundo, arte digital

Já quis facilitar para os teus usuários encontrarem as páginas que visitam com mais frequência? Com nossa funcionalidade de favoritos, os usuários podem marcar páginas como favoritas, organizá-las em listas e acessá-las rapidamente sempre que precisarem. É uma adição simples, mas poderosa, que melhora a navegação no app e mantém os usuários engajados.

Como Funciona a Funcionalidade de Favoritos

Uma vez ativada, os usuários verão um ícone de coração na barra do app. Ao tocar nele, eles podem salvar a página atual como favorita. Os usuários podem:

  • Salvar páginas nos favoritos

  • Criar suas próprias listas de favoritos

  • Ver todos os favoritos salvos

  • Importar e exportar favoritos para outros dispositivos

Ativando a Funcionalidade de Favoritos no Teu App

Ativar favoritos no teu app é fácil! Basta ativar a funcionalidade no painel de controle do webtoapp.design e os usuários terão acesso imediato a ela.

Categorizando Favoritos (Opcional)

Quer que os favoritos sejam organizados em categorias? Você pode definir um Script de Extração de Categoria de Favoritos. Esse script é executado na página que está sendo favoritada e determina o nome da categoria dinamicamente.

Por exemplo, se você quiser categorizar favoritos com base na primeira parte da URL, pode usar este script:

window.location.pathname.split("/")[1];

Se nenhum script for fornecido, os favoritos permanecerão sem categoria.

Adicionando Imagens aos Favoritos (Opcional)

Para tornar os favoritos ainda mais atraentes visualmente, você pode anexar imagens a eles. Isso é feito especificando um Script de Extração de Imagem de Favoritos. O script é executado na página que está sendo favoritada e deve retornar uma URL de imagem.

Por exemplo, para usar o og:image (que também é usado para pré-visualizações de links nas redes sociais), você pode usar este script:

document.querySelector('meta[property="og:image"]').content;

Se nenhum script for fornecido, os favoritos serão salvos sem uma imagem.

Um Olhar na Funcionalidade de Favoritos em Ação

Veja como a funcionalidade aparece no app:

Botão de Favorito na Barra do App

Os usuários podem tocar no ícone de coração para favoritar uma página instantaneamente.

Uma captura de tela mostrando o botão de favorito na barra do app.

Diálogo de Adição aos Favoritos

Os usuários podem escolher uma lista existente ou criar uma nova para armazenar o favorito.

Uma captura de tela do diálogo de seleção de lista de favoritos.

Favoritos no Menu Lateral

Um botão no menu do app permite que os usuários acessem rapidamente seus favoritos salvos.

Uma captura de tela mostrando o item de menu "Favoritos" no menu lateral.

Página de Visão Geral das Listas de Favoritos

Os usuários podem ver uma visão geral de todas as suas listas de favoritos.

Uma captura de tela mostrando duas listas de favoritos.

Página de Visão Geral de Categorias (Se Habilitado)

Se as categorias estiverem configuradas, os usuários podem navegar pelos favoritos com base nas categorias (apenas na lista de favoritos padrão, não em listas personalizadas).

Uma captura de tela mostrando duas categorias de exemplo.

Página Mostrando Favoritos Salvos

Veja como os favoritos são exibidos após selecionar uma lista.

Uma captura de tela mostrando todos os favoritos em uma lista.

Importar/Exportar Favoritos

Os usuários podem exportar seus favoritos através do diálogo de compartilhamento do sistema. Assim, eles podem salvar o arquivo de favoritos localmente ou na nuvem ou até mesmo compartilhar o arquivo diretamente por e-mail ou aplicativos de mensagens. Uma vez enviado para outro dispositivo, eles podem importar os favoritos selecionando o arquivo exportado em uma tela de seleção de arquivos.

Uma captura de tela mostrando o diálogo que permite importar e exportar favoritos.

Por Que Esta Funcionalidade é um Divisor de Águas

A funcionalidade de favoritos torna teu app mais intuitivo e fácil de usar. Os usuários podem marcar facilmente suas páginas mais visitadas, organizá-las da maneira que melhor lhes convier e transferir seus favoritos entre dispositivos. Com controle total sobre como os favoritos são categorizados e exibidos, você pode personalizar a experiência para se adequar perfeitamente às necessidades do teu app.

Com a funcionalidade de favoritos, teu app se torna mais fácil de usar, organizado e envolvente. Experimente hoje e deixe teus usuários experimentarem a conveniência em primeira mão!

Artigos Relacionados


Um robô humanoide colocando uma carta em uma caixa de correio com uma rua de cidade neon ao fundo, arte digital

Como Configurar as Configurações da Loja no Google Play Console

Aqui está como você pode escolher uma categoria de app e inserir um endereço de e-mail de contato para seu app no Google Play Console.

Um robô humanoide abrindo a porta para o chão de fábrica, arte digital

Como: Solicitar Acesso à Trilha de Produção

Para tornar seu app publicamente disponível na Google Play Store, você precisa de acesso à trilha de produção. Veja como você pode solicitá-lo.

Um robô humanoide preenchendo um formulário de inscrição em uma nave espacial, arte digital

Criando uma conta de desenvolvedor Apple para publicar seu aplicativo na App Store

As contas do Desenvolvedor Apple são necessárias para publicar seu aplicativo. Descubra como criar uma aqui.


Autor Jan Bunk
Escrito por
Jan Bunk

Oi, eu sou o Jan! Criei o webtoapp.design em 2019 enquanto estudava ciência da computação na universidade. Muita coisa mudou desde então - não só me formei, como também não sou mais só eu gerenciando o webtoapp.design. Crescemos para uma equipe global, totalmente remota e acumulamos muita experiência em desenvolvimento e publicação de apps. Criamos e publicamos centenas de apps nas lojas de aplicativos, onde foram baixados milhões de vezes.