Bloco Faixa de chamada: botão para WhatsApp, contato ou link
Como usar a Faixa de chamada do Editor visual: título, texto, botão e destino (WhatsApp, contato ou outro endereço).
Neste artigo
A Faixa de chamada é uma faixa com um título, uma frase e um botão. O botão pode abrir o WhatsApp da imobiliária, a página de contato ou qualquer endereço. É a forma mais rápida de colocar "fale com um corretor agora" no meio da página.
- Só o administrador do site usa o Editor visual.
- Este é um bloco "livre": vale na Página inicial e na Página do imóvel e pode ser repetido quantas vezes quiser.
- Nada vai ao ar antes de você publicar.
Onde encontrar o bloco
- Abra o editor. No painel, vá em e escolha a página no seletor "Página" (Página inicial ou Página do imóvel).
- Clique na aba "+ Adicionar". Os blocos aparecem em grupos. Este está no grupo Captação, com o nome Faixa de chamada. Se preferir, digite "chamada" em "Buscar bloco…".
- Coloque na página. Arraste o bloco até o lugar desejado ou clique nele para ir ao fim da página.
- Abra as opções. Clique no bloco na prévia (ou na aba "Blocos"). A lateral mostra as abas Conteúdo e Estilo.
- Publique. O que você muda fica em rascunho até clicar em Publicar. Veja como.
12- 1Digite o nome do bloco para achar mais rápido.
- 2Arraste este bloco para a página ou clique para pôr no fim.
O que o bloco mostra no site
Título e frase à esquerda e o botão à direita (abaixo, no celular). Quando o destino é o WhatsApp, o botão fica verde com o ícone do WhatsApp; nos outros destinos, é o botão de destaque com uma seta.
123- 1Título da faixa.
- 2Frase de apoio.
- 3Botão (verde quando leva ao WhatsApp).
Campos da aba Conteúdo
- Título (até 120 letras). Padrão "Fale com um corretor agora".
- Texto (até 200 letras). Padrão "Tire dúvidas, agende uma visita ou peça uma avaliação." Se esvaziar, só sobram título e botão.
- Texto do botão (até 40 letras). Padrão "Chamar no WhatsApp".
- O botão leva para. Três opções: WhatsApp (padrão), Página de contato ou Outro endereço.
- Endereço (quando "Outro endereço"). Só é usado na terceira opção. Precisa começar com
https://,http://,/,#,mailto:outel:. Endereços que começam com http abrem numa nova aba.
12345- 1Título.
- 2Frase de apoio.
- 3Texto do botão.
- 4Para onde o botão leva.
- 5Endereço, só para "Outro endereço".
Como o WhatsApp é montado
O número vem do telefone Principal / WhatsApp em , e a mensagem que já vai escrita vem do campo de WhatsApp em . Se a imobiliária não tiver um telefone completo (com DDD), o botão não aparece no site.
Aba Estilo (igual em todos os blocos livres)
Ao lado de Conteúdo há a aba Estilo. Ela tem os mesmos campos em todo bloco livre:
- Fundo: Sem fundo, Cinza claro, Cor principal ou Cor de destaque (as cores do seu site). Em fundo escuro, os títulos ficam brancos. Saiba mais.
- Outra cor de fundo: qualquer cor sua, que vale no lugar do fundo pronto. Use o seletor ou digite um código como
#1b6a3a. - Cor do texto: muda a cor das letras do bloco. Vazio = automática.
- Alinhamento do texto: Padrão, À esquerda, Centralizado ou À direita.
- Espaço em cima e embaixo: Nenhum, Pequeno, Médio (padrão) ou Grande. No computador vale 0, 40, 76 ou 110 px; no celular o site reduz sozinho.
- Largura: Alinhada ao conteúdo (padrão, com margens laterais) ou Tela inteira (de ponta a ponta). Saiba mais.
- Mostrar em: Computador e celular, Só no computador ou Só no celular. Saiba mais.
- Espaçamento (px): Preenchimento (espaço por dentro) de 0 a 400 e Margem (espaço por fora) de -300 a 400, nos quatro lados. O cadeado muda os quatro lados juntos. Em branco = padrão. Saiba mais.
- No celular: Espaço em cima e embaixo, Alinhamento do texto, Preenchimento e Margem só para telas pequenas (padrão "Igual ao computador"). Use o botão de celular no alto do editor para conferir.
- Animação ao aparecer na tela: Nenhuma, Surgir, Subir, Aproximar ou Vir do lado. Saiba mais.
- CSS personalizado: para quem conhece CSS (até 5.000 caracteres; use
selectorpara falar do bloco). Saiba mais.
Escolha Cor de destaque ou Cor principal no fundo para a faixa ganhar cara de faixa. O botão verde do WhatsApp continua verde em qualquer fundo.
1234- 1Escolha um fundo pronto para destacar o bloco.
- 2Regule o espaço acima e abaixo.
- 3Conteúdo alinhado ou tela inteira.
- 4Mostre só no computador ou só no celular.
Exemplos de uso
- Convite à visita: título "Agende uma visita privativa", botão "Falar com um especialista", destino WhatsApp.
- Levar para a página de contato: destino "Página de contato" e botão "Enviar mensagem".
- Promoção: destino "Outro endereço" com
/imoveis?fin=4(lançamentos) e botão "Ver lançamentos".