Introdução#
Em páginas voltadas para Negócios Locais, ter um “Botão de Ligação” facilita a interação com clientes, oferecendo um atalho direto para que eles entrem em contato. A Rockty permite que você configure esse botão de maneira simples, usando o botão nativo ou elementos como imagens e bullet points.
Neste tutorial, você vai aprender como configurar o botão de ligação em dois formatos:
📌 Usando o Botão Nativo (válido também para Imagens e Textos)
📌 Usando o Elemento Bullet Point
Vamos lá?
1️⃣ Usando o Botão Nativo para Direcionar para uma Ligação#
Se você deseja facilitar que seus visitantes façam uma ligação diretamente da sua página, pode configurar um botão nativo no construtor da Rockty com a função de 'ligação telefônica'. A mesma configuração pode ser aplicada para imagens nativas e textos.
👉 Siga os passos abaixo:
1. Acesse o botão nativo: Adicione ou selecione o botão que deseja usar para a ação de ligação (ou, se preferir, use uma imagem ou texto).
2. Clique na engrenagem: No canto superior do botão, clique no ícone de engrenagem para acessar as configurações.
3. Defina um texto para o botão: Em 'Ajustes', no campo de texto, insira o que deseja que apareça no botão, como "Ligue Agora", "Fale Conosco”, “Entre em Contato", etc.
4. Configure a ação para abrir um link externo: Nas configurações do botão, selecione a opção de ação para 'Abrir Link Externo'.
5. Insira o código de ligação: No campo de link, insira o código a seguir, substituindo o número pelo telefone desejado: tel:+5511999999999
❗ Lembre-se de ajustar o número com o código de país, DDD e o telefone correto.
✅ Ao salvar essas configurações e publicar a página, o botão permitirá que os visitantes liguem diretamente para o número definido, especialmente quando acessarem a página por dispositivos móveis.
💡 Dica: Essas mesmas instruções podem ser usadas em imagens nativas ou textos. Basta seguir os mesmos passos e aplicar o link de telefone na imagem ou no texto.
Para mais detalhes sobre a configuração e estilização de botões, imagens ou textos, acesse nossos tutoriais completos nos links a seguir:
📌 Como funcionam Elementos de Texto na Rockty
📌 Como funciona o elemento Imagem na Rockty
📌 Como funciona o Elemento Botão na Rockty
2️⃣ Usando o Elemento Bullet Point com Ícone#
Você também pode adicionar um botão de ligação usando o elemento Bullet Point, que permite a combinação de ícones com texto.
👉 Siga os passos abaixo:
1. Adicione um elemento Bullet Point em sua página.
2. Insira o código de ligação na parte do texto do Bullet Point, substituindo pelo seu número de telefone e personalizando a mensagem conforme desejar:
**<a href="tel:+551199999999">Ligue Agora</a>
**
🎨 Escolha um ícone de telefone para acompanhar o texto:
✅ Acesse sites como Icons8 ou Flaticon para fazer o download de um ícone gratuito de telefone.
📁 Carregue o ícone no construtor da Rockty e insira na parte da imagem do Bullet Point.
🖌️ Ajuste a cor e o tamanho do ícone e do texto para se alinhar com o design da sua página.
✅ Publique e teste a página para verificar se tudo está funcionando corretamente.
💡 Dica: Para mais detalhes sobre o elemento Bullet Point na Rockty, leia o tutorial completo.
3️⃣ Testando o Botão de Ligação#
📱 Acesse a página publicada em um dispositivo móvel.
🖱️ Clique no botão de ligação e veja se ele redireciona corretamente para o aplicativo de chamadas.
✅ Verifique se o número de telefone inserido está correto.
Conclusão#
Inserir um botão de ligação em páginas de negócios locais é uma excelente prática para facilitar o contato com clientes. O uso do botão nativo é o mais prático, mas imagens e textos também oferecem flexibilidade. O uso do bullet point com ícones proporciona uma abordagem criativa e diferenciada para sua página.
Precisa de Ajuda? 🤔#
Se tiver dúvidas ou precisar de suporte adicional, não hesite em entrar em contato com nosso suporte. Nossa equipe está sempre pronta para ajudar você a aproveitar ao máximo a Rockty!