Landing Page
Home – Landing Page – Contato
Manual de Uso: CONTATO
A Dobra Contato é projetada para exibir informações de contato, detalhes importantes sobre localização, redes sociais e incluir um formulário de contato, caso necessário. Essa seção é altamente personalizável, com suporte a grupos de repetição para itens detalhados e links de redes sociais.
Campos e Funcionalidades
Tipo: Switcher (ativar/desativar).
Descrição: Ativa ou desativa a exibição da seção “FAQ”.
Dica de configuração: Ative esta seção apenas quando tiver perguntas e respostas configuradas.
Tipo: Seleção (dropdown).
Descrição: Permite escolher entre diferentes layouts para a seção de contato.
Opções disponíveis:
Dica de configuração: Escolha o modelo mais adequado para o número de informações que deseja exibir.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor de fundo principal da seção.
Formato de cor: Código hexadecimal.
Ferramenta recomendada: Utilize o Image Color Picker para gerar o código de cor desejado.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor do título principal da seção.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto descritivo da seção.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo adicional utilizada em elementos alternativos.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto em blocos alternativos.
Formato de cor: Código hexadecimal.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem que representa a seção de contato.
Dimensões sugeridas: 1920x1280px.
Formato recomendado: WEBP, JPG ou PNG.
Tipo: Campo de texto.
Descrição:
– Insira o endereço que será exibido no mapa.
– Caso você não tenha um local físico e não quer utilizar o mapa, basta deixar esse endereço em branco.
– Isso fará com que o mapa não seja exibido.
Exemplo de uso: “Av. Paulista, 1000 – São Paulo, SP”.
Tipo: Campo de texto.
Descrição: Insere o título principal da seção.
Exemplo de uso: “Entre em Contato”.
Tipo: Editor de texto.
Descrição: Adicione um texto complementar ao título, oferecendo mais contexto para a seção.
Exemplo de uso:
“Estamos disponíveis para esclarecer suas dúvidas ou ouvir suas sugestões. Entre em contato conosco!”
Os itens da listagem são configurados como um grupo de repetição, permitindo:
– Adicionar novos itens: Clique em “Adicionar” para incluir novos elementos.
– Copiar um item existente: Economize tempo copiando um item existente e editando suas informações.
– Reordenar itens: Arraste e solte os blocos para reorganizar a ordem dos itens na listagem.
A. Ícone
Tipo: Campo de texto.
Descrição: Insira o nome da classe do ícone a ser exibido junto aos detalhes.
Exemplo de uso:
– Para ícones do Font Awesome, insira o nome da classe (ex.: fa-check).
– A lista completa de ícones pode ser encontrada em: Font Awesome.
B. Título
Tipo: Campo de texto.
Descrição: Insira o título que representa o detalhe (ex.: “Localização”).
Exemplo de uso: “Telefone”, “Endereço”.
C. Descrição
Tipo: Editor de texto.
Descrição: Adicione uma descrição complementar ao detalhe configurado.
Exemplo de uso: “Av. Paulista, 1000 – São Paulo, SP”.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona o ícone ou imagem representativa de uma rede social.
Dimensões sugeridas: 100x100px.
Formato recomendado: WEBP, JPG ou PNG.
https://www.instagram.com/suaempresa/.
Facebook: https://www.facebook.com/suaempresa. Tipo: Switcher (ativar/desativar).
Descrição: Habilita ou desabilita a exibição do formulário na seção.
Dica de configuração: Ative apenas se desejar coletar informações dos visitantes diretamente pela página.
Tipo: Seleção (dropdown).
Descrição: Escolha entre diferentes modelos de formulário disponíveis.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor de fundo do formulário.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor do título do formulário.
Formato de cor: Código hexadecimal.
Tipo: Campo de texto.
Descrição: Insira o título principal do formulário.
Exemplo de uso: “Fale Conosco”.
Tipo: Campo de texto.
Descrição: Define o texto exibido no botão de envio do formulário.
Exemplo de uso: “Enviar Mensagem”.
Tipo: Campo de texto.
Descrição: Define o texto exibido no botão de ação da seção.
Exemplo de uso: “Fale Conosco”.
Tipo: Campo de texto (URL).
Descrição: Configura o link para onde o botão de ação redirecionará.
Formato esperado:
URL completa (ex.: https://www.suaempresa.com).
Âncoras internas (ex.: #contato).
Dicas de Configuração
Escolha do Modelo:
– Use modelos com mais colunas para exibir detalhes adicionais.
Cores e Estilo Visual:
– Certifique-se de que as cores do fundo e texto harmonizem com o restante da página.