Como preencher os dados, o logo e os contatos da loja

Em Configurações > Personalização ficam os dados básicos da loja: nome, descrição, slogan, logo, favicon, as mensagens da barra de promoções e os contatos. Eles aparecem em vários lugares, como o título da loja no Google, o checkout, os e-mails, o botão de WhatsApp e a página Sobre. O administrador e a equipe com perfil comercial podem usar esta tela.

As abas da tela

• Geral: Nome do site, Descrição do site e Slogan / Tagline.
• Imagens: Logo e Favicon, cada um com os botões Galeria e Upload.
• Barra de promoções: até 10 mensagens curtas da faixa do topo da loja, como frete grátis ou parcelamento.
• Contato e rodapé: Email de contato, Telefone, WhatsApp, Instagram, Facebook e o texto da página Sobre.

O logo, o favicon e a barra de promoções também podem vir do editor visual ou da tela SEO e compartilhamento. Por isso, nas abas Imagens e Barra de promoções aparece um aviso azul dizendo o que está valendo hoje na loja.

Passo a passo

1. 1

   Abra a tela

   No menu lateral, clique em Configurações e depois em Personalização. A tela abre na aba Geral.

2. 2

   Preencha a aba Geral

   Em Informações do site, preencha Nome do site, Descrição do site e Slogan / Tagline.

3. 3

   Envie o logo e o favicon

   Na aba Imagens, em Logo e em Favicon, clique em Upload para enviar do computador ou em Galeria para escolher uma imagem já enviada. O ideal é um logo de 400×100 px ou 100×100 px e um favicon de 48×48 px. Leia o aviso azul embaixo de cada campo.

4. 4

   Cadastre as mensagens da barra

   Na aba Barra de promoções, clique em Adicionar mensagem e escreva a frase. Repita até 10 mensagens; elas se alternam sozinhas na loja. A lixeira ao lado de cada uma remove a mensagem.

5. 5

   Preencha os contatos

   Na aba Contato e rodapé, em Contato da loja, preencha Email de contato, Telefone, WhatsApp, Instagram e Facebook. Em Página “Sobre”, preencha Texto sobre a empresa, que aparece na página /sobre da loja.

6. 6

   Salve

   Clique em Salvar tudo ou aperte Ctrl + S. O botão grava o que mudou em todas as abas de uma vez. Aparece Configurações salvas! e some o selo Não salvo. Se nada mudou, aparece Nada para salvar.

7. 7

   Confira na loja

   Clique em Ver loja para abrir a loja em outra aba, do jeito que ela está publicada. Salve antes, senão as mudanças ainda não aparecem.

Como preencher cada contato

• WhatsApp: só números, com DDI, DDD e número, por exemplo 5511999999999.
• Telefone: no formato (DDD) 99999-9999. A tela formata enquanto você digita.
• Instagram: com ou sem @. A loja exibe com @.
• Facebook: só o nome da página, sem facebook.com/.

Onde esses dados aparecem

• Nome do site e Slogan / Tagline formam o título da página inicial no Google quando você não define um título em SEO e compartilhamento.
• Descrição do site é a descrição padrão da loja nos buscadores.
• Logo: aparece no checkout, nas telas de pagamento e de pedido confirmado e no Google e no WhatsApp quando SEO e compartilhamento não tem imagem própria. No cabeçalho, no rodapé e nos e-mails ele só aparece se o editor visual não tiver um logo próprio.
• Favicon: é o ícone da aba do navegador e do app da loja no celular. O de SEO e compartilhamento vem primeiro, depois o Favicon do editor visual e só então este. Sem nenhum, a loja usa o Logo.
• Barra de promoções: as mensagens aparecem na faixa do topo quando o editor visual, em Cabeçalho > Barra de promoções, está usando Mensagens de Configurações › Personalização › Barra de promoções. Cores, fonte e animação da faixa ficam no editor.
• O WhatsApp é usado no botão do produto e do checkout e no ícone de atendimento do cabeçalho, quando ele não tem link próprio.
• Os contatos são o padrão do rodapé quando o rodapé não tem contato próprio no editor.

O rodapé em si é editado no editor da loja. Na aba Contato e rodapé, o botão Abrir editor do rodapé leva direto para lá. As abas Imagens e Barra de promoções têm o link Abrir editor da loja.

Restaurar padrões da aba

O botão Restaurar padrões da aba deixa em branco só os campos da aba que está aberta. Na aba Imagens, por exemplo, ele limpa só o Logo e o Favicon. A confirmação lista exatamente quais campos voltam ao padrão; clique em Restaurar estes campos para seguir.