Pular para o conteúdo principal

Como editar o tipo de capa do meu site

Ricardo dos Santos
Atualizado

 Como editar o tipo de capa do meu site

Visão geral

Este conteúdo detalha o processo de configuração e alteração do tipo de capa do site da sua imobiliária através do CRM Superlógica. O objetivo é fornecer um passo a passo prático para personalizar a página inicial nos formatos de imagem estática, carrossel de fotos ou vídeo, garantindo um visual atraente e responsivo para computadores e dispositivos móveis.

Quando usar este artigo

Utilize este guia sempre que precisar alterar o formato da capa do site, substituir imagens de topo, cadastrar um vídeo promocional em destaque ou quando surgirem dúvidas sobre a compatibilidade entre os templates (Starter e Essencial) e os tipos de capa disponíveis.

Sintoma ou cenário

  • O gestor comercial deseja atualizar a identidade visual ou publicar uma nova campanha na capa do site.

  • Necessidade de alternar o formato de exibição da capa entre imagem única, carrossel de fotos ou vídeo de apresentação.

  • Dúvidas sobre como adaptar imagens específicas para exibição em celulares (mobile) sem cortar informações da versão de computador (desktop).

Benefício para o usuário ou operação

  • Identidade Visual Atraente: Destaque imediato para a marca e para os principais diferenciais da imobiliária logo na entrada do site.

  • Exibição Responsiva: Garantia de enquadramento perfeito das imagens tanto em monitores quanto em telas de smartphones.

  • Interatividade com o Cliente: Possibilidade de incluir botões de ação com links diretos no centro da capa para direcionar o visitante para páginas estratégicas.

Onde acessar / contexto de uso

  •  No menu superior do CRM, acesse Marketing > Site > Templates.

Pré-requisitos (Antes de começar)

  • Perfil Exato: É necessário possuir permissão de perfil de nível "Gestor" ou "Diretor" com privilégios de escrita no módulo.

  • Compatibilidade de Template:

    • Para Capa Estática ou Vídeo: ter um template da linha Starter aplicado.

    • Para Capa em Carrossel: ter um template da linha Essencial (Essential) aplicado.

  • Insumos Técnicos: Imagens preparadas nas dimensões adequadas ou o link de incorporação (iframe/src) de um vídeo do YouTube em formato horizontal.

Causas prováveis

Atualização do enxoval de marketing da imobiliária, lançamento de campanhas sazonais ou transição de layout do site.

Como fazer ou corrigir

Acesse Marketing > Site > Personalizações > Aparência e marca d'água e clique em Personalizar. Na aba Capa, siga as orientações do formato escolhido:

 

1. Configurar Capa Estática (Imagem Única)

Pré-requisito: Ter um template do tipo capa única aplicado (Starter 1, Starter 2, Starter 3 ou Starter 4).

  1. Na aba Capa, envie a foto desejada no campo Foto de capa para desktop.

  2. Por padrão, essa imagem será aplicada automaticamente tanto para acessos via computador quanto via celular.

  3. (Opcional) Para exibir uma foto diferente no celular, faça o upload da imagem ajustada no campo Foto de capa para dispositivos móveis (mobile).

2. Configurar Capa em Carrossel (Múltiplas Fotos)

Pré-requisito: Ter um template do tipo carrossel aplicado (Essencial 1, Essencial 2, Essencial 3 ou Essencial 4).

  1. Na aba Capa, clique no botão + Novo registro para adicionar a primeira imagem.

  2. Defina a Ordem de exibição da foto no carrossel.

  3. Faça o upload no campo Imagem para desktop.

  4. (Opcional) Envie uma versão adaptada no campo Imagem para dispositivos móveis (mobile).

  5. (Opcional) Preencha os campos de Título, Subtítulo, Texto do botão e URL botão de ação.

  7. Ao preencher a URL do botão, o sistema exibirá um botão clicável no centro do banner direcionando o visitante para o link escolhido.

  8. Repita o processo para adicionar as demais imagens da sequência e clique em Salvar.

💡 Dica de Parceiro (Gabarito de Imagens): Para evitar que textos, botões ou rostos fiquem cortados no layout, disponibilizamos o Gabarito da Capa com as medidas exatas e áreas de respiro para download no painel do sistema. 

3. Configurar Capa com Vídeo

Pré-requisito: Ter um template do tipo capa única aplicado (Starter 1, Starter 2, Starter 3 ou Starter 4).

  1. Preparar o Vídeo no YouTube:

    • Envie o vídeo para o seu canal no YouTube (em formato horizontal/longo e com visibilidade Pública ou Não Listado).

    • Abra o vídeo no YouTube, clique em Compartilhar > Incorporar.

    • Copie apenas o endereço de URL localizado dentro de src="..."

  2. Aplicar no CRM:

    • No CRM, em Aparência do site > Capa, marque a opção SIM em Vídeo na capa do site.

    • Cole a URL copiada no campo URL de vídeo para a capa no site.

    • Clique em Salvar.

(Nota: O vídeo será exibido em reprodução contínua e sem áudio na capa, mantendo a experiência fluida tanto em desktop quanto em mobile).

Resultado esperado

Ao clicar em salvar, o CRM atualizará as diretrizes de capa do site. Ao abrir a página inicial da imobiliária, a nova capa (estática, carrossel ou vídeo) estará publicada e ajustada para todas as resoluções de tela.

Quando escalar

Se, após salvar, a imagem de capa não carregar, se o vídeo do YouTube exibir mensagem de erro de reprodução ("Vídeo indisponível"), ou se o botão de salvamento permanecer bloqueado mesmo com os campos obrigatórios preenchidos.

Informações que devem ser reunidas antes do escalonamento

Para que o nosso time técnico auxilie com agilidade, tenha em mãos:

  1. O endereço do site da imobiliária (URL).

  2. O link do vídeo ou o arquivo de imagem que está tentando publicar.

  3. Print da tela com o modelo de template ativo e a aba de configuração da capa.

  4. Data e hora do ocorrido.

Regras importantes / Observações

  • Incompatibilidade de Formato: Se você tentar configurar fotos em carrossel utilizando um template da linha Starter, o sistema não exibirá a opção de múltiplos registros. Certifique-se de escolher o template compatível (Essencial) em Aparência do site.

  • Sem Áudio no Vídeo: Vídeos em capa de site são reproduzidos nativamente no modo mudo por boas práticas de usabilidade e navegação web.

Problemas comuns e como resolver

  • Problema: A opção de adicionar mais fotos na capa não aparece.

    • Causa provável: O site está utilizando um template da linha Starter (capa única).

    • Ação recomendada: Altere o template do site para um modelo da linha Essencial (Essencial 1, 2, 3 ou 4) em Marketing > Site > Templates para habilitar a função de carrossel.

  • Problema: O vídeo da capa não aparece ou fica com tela preta.

    • Causa provável: Foi colado o código de incorporação inteiro do YouTube (<iframe...) ao invés de copiar apenas o link da URL contida no atributo src="...".

    • Ação recomendada: Revise o campo de URL no CRM e certifique-se de colar apenas o link que começa com [https://www.youtube.com/embed/](https://www.youtube.com/embed/)....

Dúvidas relacionadas

P: Como conferir se as alterações na capa do site foram validadas?

R: Abra o site da imobiliária em uma aba anônima do navegador e recarregue a página para visualizar a nova capa publicada em tempo real.

P: Se eu desativar a opção de vídeo, o site perde as fotos cadastradas anteriormente?

R: Não. Ao marcar NÃO no campo "Vídeo na capa do site", o CRM volta a exibir automaticamente a última foto de capa cadastrada no sistema.

Precisa de ajuda ou ficou com alguma dúvida?

Nossa equipe está super à disposição para te ajudar a deixar o site da imobiliária impecável! Se precisar de auxílio, é só chamar a gente no WhatsApp:

  • WhatsApp Suporte: (11) 91573-4091 🚀

  • Atendimento de segunda a sexta-feira, em horário comercial.

Palavras-chave de busca

Como editar o tipo de capa do meu site?, Site_Personalização_da_Capa, Site_Personalização, Templates_e_Personalização, capa_estatica, capa_carrossel, video_na_capa, suporte superlógica, ajuda, manual.