Personalizando o layout da sua página do EdCommerce
Last updated: October 16, 2026
Explica como personalizar o layout da página de um site EdCommerce após a criação inicial do site, abrangendo três áreas: (1) Detalhes da página — edição das configurações básicas de identidade e configuração em Settings > Ecommerce > Detalhes do Ecommerce (cores usando a paleta padrão ou HEX personalizado, logo, fuso horário, datas de início e término da campanha, título do site, URL, descrição, política de privacidade, idioma padrão e moeda padrão, depois clicando em Salvar); (2) Templates e layout — alteração dos templates de layout sem código para a Pesquisa Principal (página inicial) em Settings > EdCommerce > Pesquisar, da página de resultados da pesquisa em Settings > EdCommerce > Resultados e das páginas de provedores em Settings > Provedores > ícone de três pontos > Personalizar Página do Provedor; e (3) Menu da barra de navegação — edição da barra de navegação em Settings > EdCommerce > Barra de navegação (que inclui Pesquisar, Propostas e Contato), incluindo ativar ou desativar itens, reordenar e aninhar itens com arrastar e soltar, adicionar novos itens por meio de 'Adicionar Nova Página' (URL externa ou página existente do EdCommerce) e definir um 'Redirecionamento do Logo' personalizado para o logo do site.
Durante o processo de criação do site, você já adicionou estas informações iniciais, como seu logo, tipo de fonte, esquema de cores, título, descrição, URL...
Este artigo explica como editar esses aspectos básicos do seu site, como personalizar seu layout com templates e como editar o menu de navegação.
Detalhes da página
Nesta seção, veremos como editar todos esses aspectos básicos do seu site (se você não quiser alterar nada, pode pular esta etapa).
- Navegue até Settings > Ecommerce > Detalhes do Ecommerce
Nesta seção, você poderá editar:
- Cores: você pode adicionar uma das cores padrão ou sua própria cor HEX (por exemplo, #FFFFFF)
- Seu logo
- Seu fuso horário
- A data de início e término da sua campanha de e-commerce.
- O título do seu site
- A URL
- A descrição do seu site
- Adicionar sua política de privacidade
- Definir seu idioma padrão
- Definir sua moeda padrão
Não se esqueça de salvar suas alterações antes de fechar a página! Você encontrará o botão 'salvar' na parte inferior da página.
Templates e layout
Como você já deve saber, o conteúdo das suas páginas do EdCommerce é totalmente personalizável.
Você não só pode escolher entre uma variedade de cores, fontes e outras configurações, como também pode controlar como esse conteúdo é exibido. Graças aos nossos templates fáceis de usar, você pode personalizar o layout das suas páginas sem precisar de conhecimentos de programação!
Templates para a Pesquisa Principal
Você pode escolher entre 2 estilos diferentes para sua página inicial e personalizar a experiência dos seus alunos ao pesquisar programas no seu site.
Basta acessar a página Configurações > EdCommerce > Pesquisar e selecionar seu estilo favorito.
Templates para a página de resultados da pesquisa
Assim que um aluno realizar uma pesquisa, ele será direcionado à página de resultados. Você também pode personalizar como esses resultados são exibidos escolhendo entre três estilos diferentes.
Basta navegar até a página de 'Configurações', selecionar 'EdCommerce', depois 'Resultados' e escolher o modelo que melhor atende às suas preferências.
Modelos de página do provedor
Esses temas ou modelos oferecem três estilos de layout diferentes para as páginas dos seus provedores. Esses estilos determinam como as informações dos educadores são apresentadas aos seus alunos.
Para selecionar um estilo, navegue até a página de configurações do EdCommerce, selecione 'Provedores', clique no ícone de três pontos ao lado do provedor que deseja personalizar e selecione 'Personalizar página do provedor'.
Menu da barra de navegação
A barra de navegação, geralmente chamada de navbar, funciona como o menu do seu site EdCommerce. Ela permite que os alunos acessem facilmente as várias seções do seu site.
Para editar o menu do seu site, navegue até a página de configurações > EdCommerce > Navbar.
Aqui, você encontrará as seguintes páginas por padrão:
- Pesquisar
- Propostas
- Contato
Como ocultar ou exibir itens no seu menu
Na seção 'Navbar' das configurações do seu EdCommerce, você encontrará uma lista de todos os elementos (ou páginas) disponíveis para a sua barra de navegação.
Você decide se esses elementos aparecerão no seu menu. Para exibi-los ou ocultá-los, basta ativá-los ou desativá-los. Essa ação adicionará ou removerá os itens do menu do seu site, respectivamente.
Como organizar os itens do seu menu
Organizar as páginas do seu menu é muito simples com o recurso de arrastar e soltar. Basta clicar nos itens (páginas) que deseja reorganizar e arrastá-los para a posição desejada no menu.
Além disso, você pode criar um menu mais organizado e fácil de usar agrupando páginas relacionadas. Isso é feito adicionando subelementos abaixo de um item principal do menu.
Para fazer isso, clique e arraste uma página que deseja agrupar e passe o cursor sobre o item principal do menu onde deseja que ela seja um subelemento. Solte o botão do mouse para colocá-la ali, agrupando-a efetivamente sob o item principal selecionado.
Lembre-se de que essas alterações serão refletidas na navegação do seu site, facilitando para os visitantes encontrarem o que procuram.
Como adicionar novos itens ao seu menu
Para adicionar um novo item ao seu menu, clique no botão 'Adicionar nova página.'
Em seguida, insira o título e especifique para qual página ele deve direcionar.
- Você tem a opção de incluir uma URL e criar um link para uma página da web externa.
- Como alternativa, você pode clicar em 'Páginas' para escolher entre as páginas existentes do seu site EdCommerce, listadas convenientemente para você.
Depois de fazer qualquer alteração na sua navbar, clique em "Salvar".
Como adicionar um link ao logotipo do seu site
No topo da página de navegação, você verá o botão 'Redirecionamento do logotipo.'
Ao clicar nele, você pode adicionar um link personalizado para quando as pessoas clicarem no logotipo do seu site EdCommerce.
Recomendamos que você o vincule à página inicial do seu site ou à página inicial do seu site EdCommerce.
Seguindo estas etapas simples, você pode criar facilmente um menu personalizado para o seu site, com opções suspensas para uma organização ideal das suas informações.
Para visualizar essas alterações, clique no logotipo do EdCommerce no canto superior esquerdo da tela e selecione 'Visualização do EdCommerce'.