Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como Configurar um "Botão de Ligação" Usando o Botão Nativo, Imagens, Textos ou Bullet Point na Rockty
Como Configurar um "Botão de Ligação" Usando o Botão Nativo, Imagens, Textos ou Bullet Point na Rockty

Aprenda como adicionar um botão de ligação nas suas páginas, utilizando o botão nativo, imagens, textos ou o bullet point

Sylas avatar
Escrito por Sylas
Atualizado há mais de um mês

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!

Respondeu à sua pergunta?