Como criar um link de compartilhamento (share)do WhatsApp em seu site
O seguinte código permite que você compartilhe conteúdo com outras pessoas ativando o WhatsApp diretamente pelo seu app.
Veja como fazer utilizando as abas Lista Pro e Lista Texto Pro.
Note que este código contém várias partes.
1) A primeira parte é composta pelas tags de abertura e pela api do próprio whatsapp: "
https://api.whatsapp.com/send?text="
" style="width:80%;">"
Esta parte do código não será alterada, pois é ela que aciona o aplicativo do whatsapp para abrir na tela de seleção de contatos.
2) A segunda parte do código é o texto que será enviado: "Veja esta matéria:"
Perceba que aqui será colocado um texto simples, que apresentará o conteúdo para a pessoa que o recebe.
Caso o conteúdo que você queira compartilhar seja sucinto, você pode até mesmo escrevê-lo aqui diretamente.
3) A terceira parte é o link do conteúdo compartilhado: "https://suporte.fabricadeaplicativos.com.br/hc/pt-br/articles/115000099786-Lista-Pro"
Perceba que o conteúdo compartilhado, no caso, é um link de conteúdo já existente na web, que pode abranger um texto, uma imagem, um vídeo, um arquivo em pdf ou qualquer outra coisa que esteja publicada na web.
No caso, peguei uma imagem no próprio Google e usei o link dela para incorporá-la à minha tela.
![](https://suporte.fabricadeaplicativos.com.br/hc/user_images/MX9mSG2hILt-Q0pE_jBZXw.png)
5) Por fim, a última parte do código em questão traz as tags de fechamento "
"
Ao colocar o código no html da Lista Pro e salvar o item, obtém-se o seguinte resultado:
![](https://suporte.fabricadeaplicativos.com.br/hc/user_images/mR51IskcYS4qDdNQCMWP1w.png)
Ao clicar no botão, a reação será a seguinte:
![](https://suporte.fabricadeaplicativos.com.br/hc/user_images/B_m5PqXlGfxwUybzhi318w.png)
Perceba que ao clicar, você será direcionado diretamente para a tela de contatos do seu whatsapp, de maneira que poderá selecionar para qual(is) contato(s) você enviará a mensagem.
Dando sequência ao envio, vamos passar pelas seguintes telas:
![](https://suporte.fabricadeaplicativos.com.br/hc/user_images/G5gdogamwgzUjWcdom9qhQ.png)
![](https://suporte.fabricadeaplicativos.com.br/hc/user_images/pvkOu5c4Le4deSw6KXo5SA.png)
Dessa forma, você poderá compartilhar conteúdo ativando o whatsapp direto do seu app.
Fonte: Fabrica de Aplicativos
0 Comentários