Guia Completo do Sistema

Aprenda a usar todas as funcionalidades do sistema para criar landing pages profissionais para lojas de materiais de construção.

Visão Geral do Sistema

Este sistema foi desenvolvido para facilitar a criação de landing pages personalizadas para lojas de materiais de construção. Com ele, você pode:

  • Criar páginas profissionais sem conhecimento técnico
  • Gerar conteúdo automaticamente com Inteligência Artificial
  • Personalizar cores, textos e imagens
  • Visualizar preview em tempo real
  • Salvar modelos para uso futuro
  • Gerenciar banco de imagens
  • Exportar projeto completo em ZIP
  • Adicionar Google Tag Manager

Geração de Conteúdo com IA

Como funciona?

A funcionalidade de geração com IA utiliza a tecnologia GPT-4 para criar automaticamente todos os textos da sua landing page baseado nas informações da sua empresa.

Passo a passo:

  1. Clique no botão verde "Gerar com IA" no topo da página
  2. Preencha as informações solicitadas:
    • Nome da Empresa: Nome completo do seu negócio
    • Nicho: Ex: "materiais de construção", "acabamentos", "ferramentas"
    • Cidade e Bairro: Localização da loja
    • Tempo no mercado: Ex: "10 anos", "desde 2015"
    • Principais produtos: Liste os produtos que vende
    • Diferenciais: O que torna sua loja especial
    • Público-alvo: Quem são seus clientes
  3. Clique em "Gerar Conteúdo"
  4. Aguarde enquanto a IA processa (cerca de 10-15 segundos)
  5. Os campos do formulário serão preenchidos automaticamente com:
    • Slogan atrativo
    • Descrição da empresa
    • Títulos e subtítulos
    • Texto "Sobre a empresa"
    • Meta tags SEO otimizadas
💡 Dica: Quanto mais detalhes você fornecer, melhor será o conteúdo gerado. Seja específico sobre seus diferenciais e produtos.

IMPORTANTE: Implantação no Servidor

Processo de Implantação:

  1. Importação do arquivo ZIP no servidor:
    • O arquivo ZIP gerado contém todos os arquivos necessários
    • Emanuel ou Augusto farão o upload para o servidor de produção
    • A estrutura de pastas será configurada automaticamente
  2. Configuração do DNS:
    • O domínio do cliente será apontado para o IP do servidor
    • Utilize o mesmo modelo de configuração anterior
    • Aguarde a propagação do DNS (até 24 horas)
  3. Configuração do domínio no servidor:
    • O servidor será configurado para processar o domínio específico
    • Certificado SSL será instalado automaticamente
    • Redirecionamentos serão configurados (www para não-www)
⚠️ Atenção: Não tente fazer a implantação por conta própria. Emanuel e Augusto possuem as credenciais e conhecimento necessários para configurar corretamente o servidor.
📞 Contatos:
  • Emanuel - Responsável pela infraestrutura
  • Augusto - Responsável pelas configurações técnicas

Precisa de Ajuda?

Se você tiver dúvidas ou encontrar problemas durante o uso do sistema, nossa equipe de suporte está pronta para ajudar.

Acessar Central de Suporte

Suporte via Chamado (Ticket)

Abra um chamado detalhando sua dúvida ou problema. Nossa equipe técnica responderá o mais breve possível com a solução completa.

Tempo médio de resposta: 24 horas úteis

Banco de Imagens

Gerenciamento de imagens template

O banco de imagens permite salvar e reutilizar imagens em diferentes projetos.

Como usar:

  1. Acesse o "Banco de Imagens" pelo menu superior
  2. Clique em "Adicionar Imagens"
  3. Selecione a categoria (Hero, Galeria, Sobre)
  4. Faça upload das imagens e dê nomes descritivos
  5. Na página principal, clique no botão "Banco" ao lado dos campos de imagem
  6. Selecione a imagem desejada do banco
⚠️ Importante: Use imagens de alta qualidade, preferencialmente com proporção 16:9 para imagens hero e quadradas para galeria.

Sistema de Modelos

Salvando modelos

Salve configurações completas para reutilizar em projetos futuros.

Para salvar um modelo:

  1. Preencha todos os campos do formulário
  2. Clique em "Salvar Modelo" no topo da página
  3. Dê um nome descritivo ao modelo
  4. Adicione uma descrição (opcional)
  5. Escolha se deseja salvar as imagens junto
  6. Clique em "Salvar"

Para carregar um modelo:

  1. Acesse "Modelos Salvos" no menu
  2. Clique em "Editar" no modelo desejado
  3. Todos os campos serão preenchidos automaticamente
  4. Faça as alterações necessárias
  5. Gere uma nova landing page

Personalização Visual

Cores

  • Cor Primária: Cor principal da marca
  • Cor Primária Escura: Variação para hover/destaque
  • Cor Secundária: Cor de apoio/contraste

Clique no seletor de cor ou no campo hexadecimal para escolher.

Seções

Ative ou desative seções conforme necessário:

  • Sobre a Empresa
  • Galeria de Imagens

Use os switches no início do formulário.

Google Tag Manager

Configuração do GTM

Para adicionar o Google Tag Manager à sua landing page:

  1. Acesse sua conta do Google Tag Manager
  2. Crie um novo container ou use um existente
  3. Copie o ID do container (formato: GTM-XXXXXXX)
  4. Cole o ID no campo "Google Tag Manager ID" do formulário
  5. O código será inserido automaticamente na página gerada
Exemplo de ID: GTM-K7GB79LR

Dicas e Boas Práticas

Antes de gerar

  • Revise todos os textos
  • Verifique ortografia
  • Confirme horários de funcionamento
  • Teste o preview antes de gerar
  • Otimize as imagens (máx. 2MB cada)

SEO e Performance

  • Use palavras-chave relevantes
  • Mantenha títulos concisos (60 caracteres)
  • Descrições até 160 caracteres
  • Imagens em formato WebP quando possível
  • Nomes de arquivo descritivos