Design e configurações do editor
17 artigos
- O que são os separadores de Configurações do construtor e como os uso? Uma visão geral de cada separador de Configurações do construtor: Branding, Cores, Tipos de letra, Disposição, Animações, Automatizações, Campos de entrada, Ícones, Proibições, Finalizar, Formulário de checkout, Página de manutenção, CSS e Javascript personalizados, por mercado.
- Como adiciono um favicon, uma imagem de fundo e o meu logótipo à loja? O separador Branding do construtor: defina o favicon (o ícone do separador do navegador) e uma imagem de fundo do corpo com Tamanho (Cobrir, Conter) e Repetir. Onde definir o logótipo no cabeçalho e no rodapé, e onde estão as cores e os tipos de letra.
- Como funcionam os esquemas de cores e como altero as cores da minha loja? Crie e edite esquemas de cores no separador Cores do construtor: fundo, texto, links, selos, bordas, sombra, botões primário e secundário e campos de formulário. Saiba como as secções escolhem um esquema, o esquema do elemento pai, o limite de 9 esquemas e porque reordenar muda as cores.
- Como altero os tipos de letra e a espessura do texto da minha loja? Altere os tipos de letra da loja no separador Tipos de letra do construtor: tipos de letra do Corpo, Título, Subtítulo e Acento, tipos de letra do sistema e não-sistema, a pesquisa de tipos de letra, o texto em árabe e a Espessura do texto (Normal, Médio, Negrito).
- Como altero a largura das páginas da minha loja? Defina a largura máxima das páginas da loja no separador Disposição do construtor (900 a 1400 px), como funciona nos telemóveis e nos ecrãs grandes, e como as secções de largura total vão de ponta a ponta.
- Como adiciono ou desativo as animações ao deslocar e o zoom nas imagens da loja? Use o separador Animações do construtor: Mostrar ao deslizar (Nenhum, Esmaecer, Deslizar para cima, Deslizar para dentro, Zoom) para animar as secções quando os clientes deslocam a página, e Efeito de zoom das imagens. Porque as animações não aparecem no construtor.
- Como faço com que os vídeos se reproduzam sozinhos na minha loja? Ative a Reprodução automática de vídeos no separador Automatizações do construtor para os vídeos começarem quando os clientes chegam até eles. Abrange vídeos carregados e vídeos incorporados do YouTube, Vimeo, TikTok e Dailymotion, porque começam sem som e a pausa fora do ecrã.
- Como altero o estilo dos campos dos formulários da minha loja? Use o separador Campos de entrada do construtor para estilizar todos os campos de formulário da loja (checkout, contacto, newsletter, avaliação): Tipo de etiqueta (Recolher ou Expandir), ícones dos campos (Nenhum, Predefinido, Etiqueta) e Posição do ícone (Início ou Fim).
- Como torno os ícones da minha loja mais grossos? Use o separador Ícones do construtor para definir o Traço de todos os ícones da loja, Predefinido ou Pesado: os ícones do carrinho e da pesquisa no cabeçalho, as setas dos menus, os ícones dos campos dos formulários e os ícones das secções.
- Como impeço os visitantes de copiar os meus textos e imagens ou de clicar com o botão direito na minha loja? Use o separador Proibições do construtor: impeça copiar, selecionar textos e imagens, o menu de contexto do botão direito e inspecionar a página com as ferramentas de programador, e impeça o logótipo do cabeçalho de levar à página inicial. O que estas proteções conseguem e não conseguem fazer.
- Como escolho entre Adicionar ao carrinho e Checkout rápido? Use o separador Finalizar do construtor para definir o Método de checkout (Adicionar ao carrinho, com carrinho, ou Checkout rápido, diretamente na página de produto) e o Método secundário, que acrescenta o outro botão. O que muda nas páginas e nos cartões de produto e no carrinho.
- Como adiciono, oculto, torno obrigatórios, mudo o nome ou reordeno os campos do formulário de checkout? Edite o formulário de checkout no separador Formulário de checkout: cada campo (nome, telefone, e-mail, morada, cidade, região, código postal, nota, envio, pagamento, código de desconto), Desativado, Ativado ou Obrigatório, etiquetas, textos de exemplo, listas, zonas de entrega e ordem.
- Como ponho a minha loja em modo de manutenção ou mostro uma página "em breve"? Ative o modo de manutenção no separador Página de manutenção do construtor para esconder a loja atrás de uma mensagem enquanto a prepara. Defina o título, a mensagem e o esquema de cores, e saiba como funciona por mercado e como voltar a abrir a loja.
- Como crio menus de navegação e os adiciono ao cabeçalho e ao rodapé? Crie menus de navegação com até três níveis de links (listas suspensas e mega menus), com links para produtos, coleções, páginas e políticas, e depois ligue um menu ao cabeçalho ou ao rodapé da loja no construtor.
- Posso adicionar código personalizado, scripts ou meta tags à minha loja (HTML, CSS, JavaScript, secção head)? Onde pode adicionar o seu próprio HTML, CSS e JavaScript no construtor (secção Código personalizado, CSS personalizado, Javascript personalizado), porque não pode colar código na secção head, e que app usar em vez disso para a verificação do Google Search Console, o Google Tag Manager e os pixels.
- Como adiciono CSS personalizado a toda a loja ou a uma secção? Adicione o seu próprio CSS no construtor: o separador de configurações CSS personalizado para toda a loja e o separador CSS personalizado de uma secção, que só estiliza essa secção. Como o CSS da secção é limitado, o seletor &, as media queries e dicas quando o CSS não funciona.
- Como adiciono JavaScript personalizado a toda a minha loja? Adicione o seu próprio JavaScript a todas as páginas da loja com o separador Javascript personalizado do construtor. Quando o código é executado, porque não volta a ser executado em cada página, os erros, e porque as tags de acompanhamento e os códigos de verificação devem ir para apps.