O data-moblet é um atributo que pode ser usado em tags html dentro da plataforma para fazer a navegação entre abas do app, ou seja, redirecionamento interno entre abas do app.

Como funciona

Este atributo faz com que o elemento passe a ser um link para outra aba dentro do aplicativo. Esse link é feito através do id do moblet, dessa maneira: data-moblet="2870511" ou caso seja um item de uma aba, ficaria assim, separado por uma barra data-moblet="2870511/15791995891883980"

Onde pegar o id do moblet

Tanto o id do moblet quanto do item ficam visíveis no endereço da página, acessando pelo pwa.

Veja como direcionar para uma aba específica:

Veja como direcionar para um item específico:

Exemplo de utilização

Aqui abaixo estão alguns exemplos que são garantidos de funcionar perfeitamente em todas as plataformas.

<a href="" data-moblet="2870503">Fazer pedido</a>

<button data-moblet="2870511">Fazer pedido</button>

<a href="" data-moblet="2870503"> <img src="https://i.imgur.com/vdeD6Tb.png" style="display: block;"></img> </a>`

Este atributo - teoricamente - pode ser utilizado em qualquer tag html.

Aviso

  • Porém, para que funcione no iOS é obrigatório a utilização das tags <a></a> ou <button></button>

  • Caso seja utilizado a tag <a></a>, o atributo href é obrigatório (mesmo que vazio).

__________________________________________________________________
Nosso objetivo é o seu sucesso. Por isso, em qualquer dificuldade ou necessidade, não hesite em nos contatar pelo messenger.

Até a próxima, equipe Fabapp.


Quer saber mais?

Como testar o app antes de publicar
App offline
Inserir Iframe no app


Encontrou sua resposta?