Gostaria de saber como inserir o link de um web app dentro de outro

Eu inseri o web app na pagina web normal. Porem quando entro na lista e clico no botao do telefone ou whatsapp sai do app e abre o web app no navegador do aparelho.

Bom dia, @mobiletech, não consegui entender o que você pretende.

pois se vc tiver um link do wahts, ele irá se comportar como a api funciona as vezes ele abre o link no navegador e se o cliente tiver o whats ele irá direcionar para o aplicativo, mas se vc fizer o teste no seu computador ele irá abrir pelo navegador mesmo que tenha o whats app desktop.

posta o link do seu app e o local onde está a página para que possamos testar.

obrigado

1 curtida

Bom dia a todos!

@mobiletech Quando você clica no botão do “whatsapp” ou “telefone”, você estaria sendo redirecionado para o navegador, porém o app do whatsapp, ou do telefone não é aberto?

Poderia me enviar o link do seu app? Vamos verificar o que pode ter acontecido.

1 curtida

Eu inseri um link de um aplicativo na página web de outro. E tá dando erro na página html quando clica em telefone, whatsapp, Instagram e etc.

Bom dia, poderia me enviar o link de seu webapp? Vou verificar quanto ao ocorrido.

1 curtida

Esse e o aplicativo que to testando.
Ta la em Pagina Web.
Todo botao que clico (Whatsapp, Telefone ou Instagram) Direciona ppro navegador do Aparelho.
Confere ai pra mim por favor

Amigo, retira o login obrigatório inicial ou aprova o @Marcos-Paulo caso ele já tenha criado uma conta no seu app verificar o problema.

Abraços

2 curtidas

Tinha esquecido. Aprovei aí. Pode entrar

1 curtida

Muito obrigado!

@mobiletech Acessando seu app, e seguindo este caminho:
“Página web” > “Taxi”> “Moto” > “Herbert Moto” > Botão ‘whatsapp’
Consegui testar normalmente. O whatsapp foi aberto!

Acredito que um dos links que não abriu, pode estar usando um código HTML antigo.
Neste caso sempre recomendamos que use o código “A href”, como este exemplo:

<p>
  <a href="https://api.whatsapp.com/phone=5500000000000">
    <img src="https://i.imgur.com/suCWxMs.png" style="width: 20%" />
  </a>
</p>

Este código deve funcionar corretamente, para redes sociais, sites, atalhos…

1 curtida

Não Funcionou. Clico na rede social e sai do app e vai pro navegador.
Vou te mandar um codigo html que uso pra ver se voce consegue atualizar ele ou deixar mais curto. Mas com as mesmas funções. E mesmo design. Ou conferir se o problema e nele
Pq não to conseguindo.
Segue o codigo abaixo:

* { box-sizing: border-box; font-family: "Roboto", sans-serif; } .container { height: 100%; margin: 30px; padding: 0.25em; font: 16px 'Roboto'; background-color: #ffffff; color: grey; margin-left: 4px; margin-right: 4px; } accordion { margin: 0 auto; max-width: 30em; } .toggle { display: none; } .option { position: relative; margin-bottom: -18; } .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.2s; } .title { background: #ffffff; padding: 1em; display: block; color: #000000; font-weight: bold; border-radius: 10px; font-family: 'Roboto', sans-serif; box-shadow: 3px 3px 6px #DCDCDC, -3px 3px 6px #DCDCDC; } .title:after, .title:before { content: ''; position: absolute; right: 1.25em; top: 1.25em; width: 2px; height: 0.75em; background-color: grey; transition: all 0.2s; } .content { max-height: 0; overflow: hidden; background-color: #ffffff; width: 95%; margin-left: 2.5%; border-radius: 2px 2px 10px 10px; } .content p { margin: 0; padding: 0.5em 1em 1em; font-size: 0.9em; line-height: 1.5; } .toggle:checked + .title, .toggle:checked + .title + .content { box-shadow: 3px 3px 6px #DCDCDC, -3px 3px 6px #DCDCDC; } .toggle:checked + .title + .content { max-height: 1000px; } .title:before { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .title:after { transform: rotate(150deg); right: 26px; } .toggle:checked + .title:after { -webkit-transform: rotate(210deg) !important; transform: rotate(210deg) !important; } .toggle:checked + .title:before { -webkit-transform: rotate(-30deg) !important; transform: rotate(-30deg) !important; } .main{ padding:15px; } .s { width: 100%; display: flex; justify-content: space-around; margin-top:30px; } .btn-img{ display: flex; justify-content: center; } .mp{ text-align: center; color: #fe950c; } h2{ color:#fe950c; font-size:18px; font-family: "Roboto", sans-serif; } p{ color:grey; margin-bottom:-20px; }

Horário de Funcionamento:

Segunda a Sexta - 07:00 as 18:00

Sábado - 07:00 as 12:00

Sobre Nós

Somos uma Empresas etc e tal.

    Cardápio Digital

https://meupedido.delivery/kicklanches’,

‘_system’, ‘location=yes’); return false;" style=“text-decoration: none;”>


 

Localização