O que é o construtor
O construtor de vitrine é um editor visual que permite criar cada página da sua loja sem escrever nenhum código. As alterações feitas são visualizadas ao vivo no lado direito da tela. Nada fica visível para os compradores até que você clique em Publicar.
O layout do construtor
O construtor é dividido em três áreas:
- Barra lateral esquerda: abas para alternar entre mercados, páginas, seções e configurações globais. O assistente de IA fica na parte inferior da barra lateral.
- Painel de controle: aparece quando você seleciona uma seção ou bloco, mostrando todas as suas configurações.
- Painel de visualização: uma visualização ao vivo da sua loja exatamente como os compradores a verão.
Alternando entre páginas e mercados
Use a aba Páginas (ícone de páginas) na barra lateral esquerda para alternar entre as páginas que você pode editar (Início, Produto, Carrinho e assim por diante). Use a primeira aba (ícone de bandeira do país) para alternar entre seus mercados ativos. Cada combinação de mercado e página tem seu próprio modelo e seu próprio histórico de desfazer.
Visualizando em diferentes dispositivos
A barra superior contém botões de alternância de viewport: Celular, Desktop, Tela cheia e um ícone de expansão que abre uma janela de visualização isolada. Use-os para verificar como sua loja parece em diferentes tamanhos de tela antes de publicar.
Adicionando uma seção
- Na barra lateral esquerda, encontre a lista de Seções para a página atual.
- Clique no botão + Adicionar seção que aparece entre as seções, ou abra o menu de três pontos em uma seção existente e escolha Adicionar antes ou Adicionar depois.
- Um seletor se abre mostrando todos os tipos de seção disponíveis para a página atual. Clique em um tipo de seção para adicioná-lo.
Dica: Cada tipo de seção tem um número máximo de instâncias por página. Quando você atingir o limite, o botão de adicionar mostra a contagem e uma dica de ferramenta explicando que o máximo foi atingido.
Adicionando um bloco dentro de uma seção
Selecione uma seção e, dentro do painel de controle, clique em + Adicionar bloco. Os blocos são as peças construtivas dentro de uma seção: texto, imagens, botões, grupos de layout, divisores e muito mais. Os tipos de blocos disponíveis e quantos você pode adicionar variam por seção.
Reordenando seções e blocos
Na lista de seções, arraste qualquer linha de seção para cima ou para baixo para alterar sua posição na página. A visualização é atualizada imediatamente. Os blocos dentro de uma seção podem ser reordenados da mesma forma dentro do painel de controle.
Ocultando e excluindo seções
Cada linha de seção na barra lateral tem um ícone de olho para alternar a visibilidade e um ícone de lixeira para excluí-la permanentemente. O menu de três pontos (⋯) também expõe Ocultar/Mostrar e Excluir. As seções ocultas permanecem no seu modelo, mas não são mostradas aos compradores.
Duplicando uma seção
Abra o menu de três pontos na linha da seção na barra lateral esquerda e clique em Duplicar. Uma cópia aparece imediatamente abaixo do original apenas na página atual.
Copiando o conteúdo ou estilo de uma seção para outra
Abra o menu de três pontos na seção de origem e clique em Copiar. Em seguida, abra o menu de três pontos na seção de destino e clique em Colar para substituir todo o conteúdo e estilo, ou Colar apenas estilo para copiar apenas o estilo visual sem tocar no conteúdo.
Aplicando uma seção de nível superior a todas as páginas
O Cabeçalho, o Rodapé e a Barra de anúncios aparecem em todas as páginas. Se você editar o cabeçalho na página Início e quiser que todas as outras páginas usem a mesma versão, abra o menu de três pontos na seção do cabeçalho e escolha Aplicar a todas as páginas. Isso sobrescreve aquela seção em todas as outras páginas, então a ação não pode ser desfeita. Certifique-se de que está satisfeito com o resultado primeiro.
Modo Inspetor
Clique no botão Inspetor (ícone de cursor) na barra superior para ativar o modo Inspetor. Quando ativo, clicar em qualquer elemento na visualização ao vivo imediatamente destaca e abre aquela seção ou bloco no painel de controle. Esta é a maneira mais rápida de ir para uma seção específica sem percorrer a barra lateral. Clique no botão Inspetor novamente para desativá-lo.
Desfazer e refazer
A barra superior contém botões Desfazer (ícone de seta de retorno) e Refazer. O histórico de desfazer e refazer é limitado por mercado e página, então desfazer na página Início não afeta as alterações feitas na página do Produto.
Salvando e publicando
Clique no botão Publicar (canto superior direito da barra) para enviar suas alterações atuais ao vivo. O botão é desativado quando não há alterações não salvas. A publicação é por mercado e por página, então publicar a página Início não publica automaticamente as alterações na página do Produto.
O que verificar antes de publicar
- Mude para a visualização de Celular e percorra a página inteira, pois a maioria dos compradores está no celular.
- Verifique o contraste de texto em relação à cor de fundo de cada seção.
- Certifique-se de que cada bloco de imagem tem um arquivo de mídia selecionado, pois os espaços reservados de imagem vazia aparecem como espaço em branco na loja ao vivo.
- Confirme se os links nos botões e menus apontam para os destinos corretos.