[RESOLVIDO] Webapp incompatível com Iphone

Preciso tirar dúvidas e ter suporte
,
1

Olá, estou com um problema muito estranho… Os códigos html (retirados do campo Ajuda da Fabapp) whatsapp e ligações no modo webapp não funciona nos iPhone.

No Android a pessoa toca na imagem e abre o whatsapp e consegue fazer ligação.

No iphone não acontece nada!

2

Bom dia Robson, tudo bem??

Poderia me enviar o link do artigo que você está usando?

Poderia fazer um teste com este código abaixo?
Este deve funcionar corretamente.

<p>
 <a href="tel:11999999999">
  <img src="https://i.imgur.com/SmGIKJk.png" style="width:10%;">
 </a>
</p>

Você pode alterar o telefone após “tel:” e o link da imagem se quiser.

Este código, é o que está no artigo de personalização com HTML:

3

@Marcos-Paulo o link do artigo é o mesmo ( [Personalização com HTML)

Este é o código que estou usando. :point_down: :point_down:



O código que vc me enviou não surtiu efeito. Continua o mesmo problema.
Há alguma alternativa?

Captura de tela 2023-01-03 104752

4

Robson, eu tentei verificar seu código, mas vi que apenas a imagem estava disponível.

Poderia me enviar o link, igual este exemplo? Usando o editor da comunidade para mostrar o “código”?

5 
<!--Whatsapp--> 
<a class="padding" href="#" onclick="window.open('https://api.whatsapp.com/send?phone=+5544998889988 &amp;text=Olá, consegui seu contato ! Pode me ajudar?', 
    '_system', 'location=yes'); return false;" style="text-decoration: none;"> <img src="https://i.imgur.com/zUG46ci.png" style="width:40%;" /> </a></p>
<span style="color:#2980b9;"></span><br />
6

Obrigado! Entendi melhor o que ocorreu.

O navegador da Apple está bloqueando o código no formato

onclick="window.open('https://api.whatsapp.com/')

E como seu código usa este formato, ele não funcionaria de qualquer forma:

<a class="padding" href="#" onclick="window.open('https://api.whatsapp.com/send?phone=+5544998889988 &amp;text=Olá, consegui seu contato ! Pode me ajudar?', 
    '_system', 'location=yes'); return false;" style="text-decoration: none;"> <img src="https://i.imgur.com/zUG46ci.png" style="width:40%;" /> </a></p>
<span style="color:#2980b9;"></span><br />

Neste caso, a melhor maneira de adicionar este código no seu app, é usando o formato <a href="https://api.whatsapp.com/"> deste modo não seria bloqueado.

Você poderia testar este outro link? Acredito que funcionará corretamente:

<p>
 <a href="https://wa.me/5511987654321>
  <img src="https://i.imgur.com/suCWxMs.png" style="width: 20%" />
 </a>
</p>
1 curtida
7

@Marcos-Paulo vou colocar em prática e ver se dará certo.
vlw :+1:

8

Imagina Robson, qualquer dúvida, é só chamar!

9

Fala @ROBSON_DIAS Deu certo os teste com o novo código que o @Marcos-Paulo passou? Se sim nos avisa aqui para fechar esse tópico e deixar a comunidade organizada.

Um forte abraço

1 curtida
10

Ola @cristiansilva … obrigado pela msg!
SIM…SUPER CERTO!Feliz d+
Agradeço o @Marcos-Paulo pelo rápido apoio!

Abraçosss

1 curtida
12

Massa! Qualquer outra dúvida conte com a comunidade!

Abraços

2 curtidas