Todos os artigos
Tutorial

Personalizar a loja no construtor visual

Ajuste seções, cores e conteúdo no construtor e revise a visualização antes de publicar.

Atualizado em 20/07/2026

Objetivo: ajustar o visual da loja usando a prévia do C Controle. Resultado esperado: cores, seções e modelo ficam legíveis no computador e no celular antes de serem aplicados à loja.

Antes de começar

Perfil ou permissão: Usuário com permissão na rota Aparência da Loja.

Caminho: Ecommerce > Aparência da Loja

  • Loja configurada com identidade básica.
  • Cores, logotipo e conteúdo aprovados pela empresa.
  • Banners e imagens preparados em boa resolução.
  • Tempo reservado para revisar desktop e celular.

1. Trabalhe com a prévia ao vivo

  1. Abra Ecommerce > Aparência da Loja.
  2. Escolha o modelo e faça os ajustes de cor, tipografia, cantos e seções disponíveis.
  3. Alterne entre Início, Produto e Carrinho.
  4. Use Tela cheia para revisar detalhes sem perder a barra de navegação da prévia.
Barra do construtor visual com modos Computador e Celular e páginas Início, Produto e Carrinho
Aparência da Loja — alterne viewport e página para revisar todo o percurso de compra.

2. Valide e salve o modelo

  1. Compare Computador e Celular em todas as páginas da prévia.
  2. Confira contraste de textos e botões, recorte de imagens e leitura dos preços.
  3. Dê um nome ao modelo e clique em Salvar meu modelo.
  4. Use Aplicar somente no modelo revisado; Restaurar retorna às definições padrão do modelo base.
Controles de visualização do construtor com Prévia ao vivo
A prévia permite conferir a página inicial, o produto e o carrinho em dois tamanhos de tela.
Abas de configuração da loja incluindo Aparência
Configuração e construtor se complementam: identidade e aparência precisam usar a mesma linguagem.
Atenção: aplicar ou restaurar altera o visual usado pela loja. Salve uma versão identificada e revise a prévia antes de substituir o modelo em produção.

Problemas frequentes

  • Prévia não carrega: atualize a página e confira se a loja e o navegador permitem o carregamento interno.
  • Imagem corta no celular: ajuste o arquivo ou a seção e teste novamente no modo Celular.
  • Alteração não apareceu: confirme se o modelo foi salvo e aplicado, não apenas visualizado.

Como confirmar

Abra Ver Site em uma nova guia e compare início, produto e carrinho com a prévia salva, em desktop e celular.

Próximo passo

Cadastre banners e publique produtos com imagens adequadas ao modelo escolhido.

Revisado em: 20/07/2026.

Esse artigo foi útil?

Obrigado pelo retorno!

Sem problemas — fale direto com o nosso suporte que a gente resolve com você:

(32) 3721-6702