As definições são por mercado
Todas as definições deste artigo são guardadas por mercado, e não uma só vez para a loja inteira. Cada mercado mantém as suas próprias cores, fontes, largura de página, fluxo de checkout e campos de formulário, para que possa ter um aspeto diferente e um formulário de encomenda diferente em cada país onde vende.
Abra o construtor, use o separador de mercado (ícone de bandeira do país) na barra lateral esquerda para escolher um mercado e depois abra o separador Definições (ícone de engrenagem). Tudo o que altera aplica-se ao mercado que está atualmente selecionado. Para dar definições diferentes a outro mercado, mude primeiro para ele e defina-as novamente. Dentro de um mercado, as definições são globais em todas as páginas: alterar um esquema de cores atualiza todas as páginas ao mesmo tempo. Nada chega aos compradores até que clique em Publicar.
Cores
Cada mercado tem uma paleta de até nove esquemas de cores. As secções, blocos e componentes referenciam um esquema pelo seu número, por isso editar um esquema recolore todas as partes da loja que o utilizam. Para a lista completa de papéis de cor dentro de um esquema e dicas para construir uma paleta forte, consulte o artigo sobre cores, fontes e identidade visual.
Tipografia
As definições de tipografia associam famílias de fontes a quatro papéis:
- Corpo: texto de parágrafo e texto geral.
- Título: títulos grandes de página e de secção.
- Subtítulo: títulos secundários e introduções.
- Realce: destaques, selos e pequenas etiquetas.
Escolha uma fonte para cada papel e todo o mercado a segue. As fontes latinas são emparelhadas automaticamente com uma fonte árabe correspondente, por isso os idiomas da direita para a esquerda continuam a ser apresentados de forma limpa.
Largura da página
A definição de disposição controla a largura máxima do seu conteúdo. Uma largura mais estreita mantém o texto e os produtos centrados, com margens em ecrãs grandes; uma largura maior preenche mais da área visível. As secções definidas com largura total ignoram isto e estendem-se de extremo a extremo.
Recursos de identidade visual
As definições de identidade visual contêm o seu logótipo, o seu favicon (o pequeno ícone no separador do navegador) e uma imagem de fundo do corpo opcional. Defina-os por mercado quando quiser que cada mercado tenha um aspeto distinto, ou reutilize os mesmos ficheiros em todo o lado.
Fluxo de checkout
As definições de checkout decidem como um comprador passa de um produto para uma encomenda concluída.
Método de checkout
- Adicionar ao carrinho: os compradores juntam artigos numa gaveta de carrinho e finalizam a compra a partir daí. Melhor quando os compradores costumam encomendar mais do que um artigo.
- Checkout rápido: o carrinho é ignorado e o comprador vai diretamente para o formulário de encomenda. Melhor para lojas de produto único ou de pagamento à cobrança, onde a rapidez importa.
Método secundário
Pode ativar o outro método como opção secundária, para que uma loja construída em torno do checkout rápido possa ainda mostrar um botão de adicionar ao carrinho ao seu lado, e vice-versa.
Campos do formulário de checkout
Os campos do formulário controlam exatamente o que recolhe no formulário de encomenda. Os campos disponíveis incluem nome completo, primeiro e último nome, empresa, género, data de nascimento, morada, número de identificação nacional, bairro, apartamento, andar, código postal, nota da encomenda, opção de presente, e-mail, telefone e número de WhatsApp. Para cada campo, controla três aspetos:
- Estado: Obrigatório (o comprador tem de o preencher), Opcional (apresentado mas não obrigatório) ou Oculto (removido do formulário).
- Etiqueta: o nome visível do campo que o comprador lê.
- Texto de exemplo: o texto de sugestão apresentado dentro do campo vazio.
Também pode reordenar os campos para definir a sequência que os compradores veem. Como o formulário é por mercado, pode exigir um número de identificação nacional num mercado e removê-lo por completo noutro.
Estilo dos campos de formulário
As definições dos campos de formulário controlam o aspeto de cada campo na loja: a disposição do campo, o esquema de cores que os campos usam e se os ícones dos campos são apresentados.
Ícones da interface
As definições de ícones determinam o peso (espessura do traço) dos ícones da interface usados em toda a loja, e se determinados ícones são apresentados de todo.
Animações
Os interruptores de animação ativam ou desativam os efeitos de movimento da loja. Desative-os quando preferir uma loja estática e com uma sensação mais rápida, ou quando quiser respeitar as preferências de movimento reduzido dos visitantes.
Automações
As definições de automação controlam comportamentos autónomos da loja, tais como a forma como a média é tratada e outras ações que correm por si só, sem um passo manual.
Proteção de conteúdo
As definições de proteção restringem certas interações do navegador, como o clique com o botão direito e a seleção de texto, para dificultar a cópia casual das suas imagens e textos. Para uma proteção mais forte contra concorrentes e bots, consulte o artigo sobre proteção de conteúdo com o Spy Blocker.
Modo de manutenção
O modo de manutenção esconde a sua loja por trás de uma página de espera temporária durante atualizações ou períodos de indisponibilidade. Pode definir a mensagem que os visitantes veem e o esquema de cores dessa página. Desative-o para colocar a loja novamente online.
CSS e JavaScript personalizados
Para personalização avançada, a definição de CSS injeta os seus próprios estilos em todas as páginas, e a definição de JavaScript injeta scripts personalizados, como rastreio de terceiros. Use-os apenas se estiver à vontade com código, porque um erro aqui pode afetar toda a loja.