Criando um Botão do WhatsApp Personalizado
Você pode criar seu próprio botão do WhatsApp personalizado para incorporar em seus sites.
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252Fl7Pw6Oc5KyipVAUZLRCX%252Filustracao-do-conceito-de-caixa-de-entrada-movel_114360-4014.png%3Falt%3Dmedia%26token%3D43cd479d-80f0-4ae1-a320-eec78f35d329&width=768&dpr=4&quality=100&sign=6908a937&sv=1)
Para gerar seu Botão de WhatsApp siga o passo a passo:
Clique em Configurações e em seguida em Sistema;
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252F95l4AC9ixPOIF4jVNPCJ%252Fimage.png%3Falt%3Dmedia%26token%3Dc7cd2fda-0829-41f6-be1d-d34beda3982f&width=768&dpr=4&quality=100&sign=3ca83239&sv=1)
Em seguida clique em Configurações de Contas, escolha sua conta no WhatsApp Web, e clique em Gerar Botão.
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FexZGt1uUN1GskmHGeH26%252Fimage.png%3Falt%3Dmedia%26token%3D251170bb-c153-48ab-85f2-50ac625a6d97&width=768&dpr=4&quality=100&sign=5da3752e&sv=1)
Agora escolha a posição do seu botão, o tamanho e clique em Copiar; O código do botão do WhatsApp pode ser usado em Landing Pages na SprintHub ou em outras páginas, conforme sua preferência.
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FughauQD0PEF3dAmmh4Cs%252Fimage.png%3Falt%3Dmedia%26token%3D65b57c60-9bc9-4517-b4ce-dfee5f75f441&width=768&dpr=4&quality=100&sign=6c9fb89f&sv=1)
Para adicionar seu botão do WhatsApp em uma Landing Page na SprintHub, basta acessar o construtor de Landing Page e seguir estes passos: vá para 'Avançados' e selecione 'HTML' em seguida arraste o "HTML" para o centro da tela:
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252F2bmqiUrNBfTtcicgXg6F%252Fimage.png%3Falt%3Dmedia%26token%3D8025e16e-c389-445e-ad4f-19939c0a2c3c&width=768&dpr=4&quality=100&sign=9a01a27e&sv=1)
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FAPHbQw8iAdQWA3jbXkuG%252Fimage.png%3Falt%3Dmedia%26token%3D9dc8fd09-e0c7-41af-9bb1-2bee2bcf13df&width=768&dpr=4&quality=100&sign=5b3928c0&sv=1)
Em seguida cole o código que foi copiado:
Após ter colado seu código, seu botão personalizado já irá aparecer na sua landing page.
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FPIAxAsMFDJBtTko0YtFQ%252Fimage.png%3Falt%3Dmedia%26token%3D501a6dd3-0199-4769-9e03-bb06746be627&width=768&dpr=4&quality=100&sign=c960068d&sv=1)
Por fim, ao clicar no ícone do WhatsApp, você será automaticamente direcionado para a conversa no WhatsApp que você vinculou ao link.
![](https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FvPemKuzftNUw2S6ZfA5Y%252Fimage.png%3Falt%3Dmedia%26token%3D8c44e8fb-811f-4dff-a32d-2c57ff1151e4&width=768&dpr=4&quality=100&sign=4fc3d51d&sv=1)
Last updated