Design da loja

1. Design da loja

   Personalize a aparência, conteúdo e marca da sua loja com uma pré-visualização ao vivo. O link Abrir loja mostra sua loja ao vivo em uma nova aba. Este tour o guiará por cada ferramenta do editor.

2. Desktop ou móvel

   Alterne a visualização entre uma largura de desktop e uma moldura de telefone. Escolher o telefone também abre a aba Móvel, onde você escolhe o estilo da barra inferior móvel.

3. Recarregar a visualização

   Recarrega a página de visualização. Suas alterações não salvas são enviadas novamente, então nada é perdido.

4. Desfazer último salvamento

   Após a sua confirmação, cores, fonte, raio de canto, design e layout retornam ao que eram antes do último salvamento. Seções e conteúdo não são afetados, e executá-lo novamente refaz a alteração.

5. Desfazer

   Volta através das suas edições não salvas, até 40 etapas. Ctrl+Z ou Cmd+Z faz o mesmo quando você não está digitando em um campo.

6. Salvar

   Publica tudo que você mudou em todas as abas de uma vez. Até você salvar, suas edições existem apenas neste editor e sua visualização.

7. Ocultar o painel de ferramentas

   Oculta o painel de configurações e a barra de ícones para uma visualização em tela cheia. Pressione novamente para trazê-los de volta.

8. Visualização ao vivo

   Sua loja real com o design não salvo. Clique em um texto para editá-lo no local, ou passe o mouse sobre uma seção para ferramentas para mover, ocultar, estilizar ou deletar, abrir suas configurações ou adicionar uma nova seção entre outras.

9. Painel de ferramentas

   Mostra os controles da aba que você escolhe na barra de ícones à direita. Quando você seleciona uma seção na visualização, um botão de configurações da Seção é adicionado à barra para essa seção.

10. Aba de Design

    A aparência da sua loja: temas de site prontos, Look Kit, temas de layout, modo de estrutura de página e templates, temas predefinidos, cores, fontes, cantos e botões, o sistema de cores claro e escuro, e conjuntos de design. Aplicar um tema de site ou um conjunto de design tem efeito imediato.

11. Aba de Conteúdo

    Substitua os textos prontos do tema pelos seus, como o herói, chamada para ação, faixa de confiança e cartões de recursos; campos vazios retornam ao padrão do tema. A lista de seções à esquerda seleciona uma seção, oculta-a com o olho e reorganiza seus grupos de serviços.

12. Cabeçalho e Rodapé

    Estilize o cabeçalho (layout, posição do logo, estilo do menu, cabeçalho fixo, botão do cabeçalho e seus próprios links de menu, dropdowns ou mega painéis), o rodapé (estilo, colunas, links sociais e texto de copyright) e a barra de anúncio.

13. Assistente

    Configure o assistente de ajuda na sua loja: ative-o, defina seu título, saudação e cor, adicione links rápidos e um vídeo de tour do produto, e mostre seus departamentos e equipe. O assistente de IA é configurado em sua própria página.

14. Móvel

    Escolha um dos 15 estilos para a barra inferior móvel e verifique na visualização do telefone. Um link abaixo leva às configurações completas do menu móvel.

15. Marca / PWA

    O nome e descrição da sua loja, se a loja está publicada, logos e favicons claros e escuros, as configurações do aplicativo adicionar à tela inicial (PWA), o tema do painel do cliente e, em planos elegíveis, ocultar o crédito da plataforma.