Passar para o conteúdo principal
Todas as coleçõesIntegraçõesWhatsapp
Como Configurar Botões ou Imagens Nativas da Rockty para Redirecionar para o WhatsApp
Como Configurar Botões ou Imagens Nativas da Rockty para Redirecionar para o WhatsApp

Aprenda a configurar botões ou imagens nativas da Rockty para redirecionar para uma conversa no WhatsApp

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

Introdução

Deseja facilitar o contato com seus visitantes através do WhatsApp? Aprenda a configurar botões ou imagens nativas da Rockty para redirecionar usuários diretamente para uma conversa no WhatsApp com apenas alguns cliques.


Passo a Passo

  1. Adicione o Botão ou Imagem
    Insira o botão ou imagem que deseja usar como link para o WhatsApp. Esses elementos são nativos da Rockty e estão disponíveis na lista de elementos do construtor de páginas.

    💡 Dica: Caso tenha dúvidas sobre como adicionar elementos na sua página, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.

  2. Acesse Configurações
    Clique na engrenagem do elemento (botão ou imagem) ou com o botão direito do mouse sobre o elemento (botão ou imagem) e selecione 'Ajustes'.

  3. Configurar Ação de Redirecionamento
    Em 'Configurar Ação', selecione a opção 'Abrir link externo'.

  4. Inserir URL do WhatsApp
    No campo de URL, insira o seguinte formato de URL para o WhatsApp:

    https://api.whatsapp.com/send?phone=TELEFONE&text=MENSAGEM

    • TELEFONE: Substitua pelo número de telefone internacional, incluindo o código do país. Por exemplo, para um número no Brasil, use algo como 5511999999999.

    • MENSAGEM: Substitua pelo texto da mensagem que deseja enviar. Certifique-se de usar a codificação URL adequada para espaços e caracteres especiais (por exemplo, um espaço deve ser substituído por %20).

Exemplo:

https://api.whatsapp.com/send?phone=5511999999999&text=Olá,%20preciso%20de%20ajuda%20com%20o%20seu%20produto.


5. Salvar e Publicar

Salve as configurações e publique a página para que o botão ou imagem esteja ativo e redirecione corretamente para o WhatsApp.

📌 Nota: A imagem acima exemplifica a configuração de redirecionamento em um botão, mas o mesmo procedimento se aplica para imagens nativas da Rockty


Conclusão

Agora, seu botão ou imagem na Rockty está configurado para redirecionar os visitantes diretamente para o WhatsApp, facilitando a comunicação e aumentando a interação com seus usuários.


Dicas Adicionais

  • Personalização com Imagens: Se desejar usar um ícone do WhatsApp ou outra imagem personalizada em vez do texto no botão, considere usar o "Elemento Imagem" da Rockty. Para isso, você pode subir uma imagem com o ícone do WhatsApp e configurá-la para redirecionar para o link do WhatsApp. Essa abordagem é útil para personalizar ainda mais a aparência do seu botão de contato.

  • Configuração de URL: Ao configurar o botão ou imagem, lembre-se de substituir o texto no código com o número de telefone e a mensagem que deseja enviar, utilizando a codificação URL adequada para garantir que espaços e caracteres especiais sejam processados corretamente.

  • Testar o redirecionamento: Teste o botão ou imagem na página publicada para garantir que o redirecionamento funcione corretamente.

  • Tutoriais Relevantes: Para mais informações sobre a configuração dos elementos 'Botão' e 'Imagem', veja os tutoriais abaixo:

  • Botão Flutuante de WhatsApp: Prefere adicionar um botão flutuante de WhatsApp em suas páginas? Aprenda como configurá-lo seguindo este tutorial sobre como colocar um botão flutuante de WhatsApp.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, nossa equipe de suporte está à disposição para ajudar você!

Respondeu à sua pergunta?