3.1.10 - Rodapé
Last updated
Was this helpful?
Last updated
Was this helpful?
Como o Rodapé é uma seção grande, para facilitar o entendimento, dividimos a imagem a seguir em 3 PARTES: 1a parte - logo, descrição, texto extra 1, dados de contato, listas de links e widget do Facebook; 2a parte - bandeiras de Meio de Pagamento e Certificados de Segurança; 3a parte - texto extra 2 e ícones das mídias sociais.
Chegou a hora de inserir as informações e imagens no Rodapé do seu e-commerce!
Observe abaixo na caixa que existem 7 abas para que você navegue entre os itens da seção Rodapé.
Para inserir a LOGO DO RODAPÉ, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral para selecionar e editar;
Clique na Logo existente para editar e na sequência escolha a logo que deseja salvar.
OBS: O tamanho ideal para logo do rodapé é de 250px x 50px
Aqui você consegue editar o título, os nomes dos itens da lista e os links para onde o usuário será enviado.
Para inserir as LISTAS DE LINKS, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral para selecione editar;
Digite o Titulo da 1a lista no campo Título; Esse campo é destinado para o título da lista, por exemplo: Institucional
Digite o Texto do 1o item da lista no campo Texto; Esse campo é destinado para o 1o item da lista, sendo ele uma página interna ou externa, por exemplo: Quem Somos
Digite o Link do 1o item da lista no campo Link; Campo destinado para o Link do 1o item da lista. Se for uma página interna, você deve usar a url curta cadastrada no painel da Tray, mas se for uma página externa você deve colocar a url completa do destino. Exemplos: - página interna: Quem-somos - página externa: https://www.fabrikadeecommerce.com.br OBS: Caso você ainda não saiba sobre páginas internas e ocultas, não tem problema, pois preparamos um material para você sobre esse assunto na seção 4.2 desse manual.
Se você chegou até aqui é porque o título da 1a lista, o nome da 1a página e o link dela já estão cadastrados. Para cadastrar as outras páginas e/ou a 2a lista, basta seguir esses mesmos passos acima!
Aqui você consegue editar o Texto abaixo da logo e o Texto dos Direitos Reservados que fica no final do RODAPÉ.
Para inserir a TEXTO ABAIXO DA LOGO, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral para selecionar e editar;
Digite o Texto no campo Texto Abaixo da Logo; Esse campo é destinado para o texto que ficará logo abaixo da logo do rodapé. Geralmente é colocado um texto de boas vindas ou de apresentação da marca.
Para inserir a Direitos Reservados, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral para selecionar e editar;
Digite o Texto no campo Direitos Reservados Esse campo é destinado para o texto copyright que fica logo abaixo da Faixa Assine nossa NewsLetter. O exemplo que colocamos foi: © 2021 Template Fábrika de E-commerce - Flat MODA. Todos os direitos reservados.
Os Dados de Contato (Telefone, Whatsapp e E-mail), aparecerem no rodapé e na área de contato (Fale Conosco) da sua loja online.
Para inserir os Dados de Contato, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Contatos do Menu lateral para selecionar e editar;
Preencha com os campos Telefone, E-mail e Whatsapp que você quer que apareça para seus clientes;
Após realizar as alterações desejadas, clique em salvar no final da página.
OBS: o número colocado na caixinha “WhatsApp” é o que fará com que seu cliente seja direcionado ao clicar no ícone do WhatsApp Flutuante. Esse ícone será explicado melhor no item 3.1.9. Por isso, muita atenção ao número colocado nessa área.
Nessa região das Bandeiras de Pagamento e Certificados de Segurança, automaticamente estão inseridas as Bandeiras de Pagamento e Certificados de Segurança da Plataforma Tray. Porém, também é possível personalizar essas informações e/ou colocar algo especifico.
Para personalizar as Bandeiras de Pagamento, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral;
Desative o Usar Bandeiras Padrão do Tema;
Para Inserir as Bandeiras de Pagamento Personalizadas, clique na Imagem existente e na sequência escolha a imagem que deseja salvar;
Depois, digite o Titulo que irá aparecer nessa seção.
Após fazer as alterações desejadas nas BANDEIRAS DE PAGAMENTO, clique em salvar no final da página.
OBS: O tamanho ideal para Bandeira de Pagamento é de 605px x 92px
Para inserir as Bandeiras de Certificado de Segurança personalizadas, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral;
Desative o Usar Bandeiras Padrão do Tema;
Para Inserir a Imagem do Certificado de Segurança Personalizada, clique na Imagem existente e na sequência escolha a imagem que deseja salvar;
Depois, digite o Titulo que irá aparecer nessa seção.
Após fazer as alterações desejadas no CERTIFICADO / SEGURANÇA, clique em salvar no final da página
OBS: O tamanho ideal para Bandeira de Certificado e Segurança é de 605px x 92px
Os Ícones das Mídias Sociais aparecerem no rodapé e no cabeçalho da sua loja online.
Para inserir os Links nos Ícones das Mídias Sociais que aparecem no rodapé e no cabeçalho, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Redes Sociais do Menu lateral;
Escolha o Perfil da Mídia Social que sua empresa já possua uma conta e que você queira que apareça no seu e-commerce
Preencha o campo com a url correta.
A configuração do Widget do Facebook é explicada em detalhes na seção X.X.X - MÍDIAS SOCIAIS. Agora você aprenderá somente a inseri-lo no rodapé da sua loja online.
Para inserir o Widget do Facebook, siga os passos abaixo:
Com o Painel de Edição do seu Tema aberto;
Clique no item Rodapé do Menu lateral;
Role a página para baixo e em Facebook Widget, preencha os dados solicitados;
Preencha com o Título que você quer que apareça;
No campo Código do Widget, clique em
SAIBA MAIS, conforme tela abaixo para acessar a página FACEBOOK for Developers e criar o seu código;
Na página FACEBOOK for Developers conforme print, basta seguir os passos abaixo:
Coloque a url da sua página no Facebook;
Marque a opção: Usar cabeçalho pequeno;
Clique em obter código para abrir uma nova janela.
OBS.: os outros campos devem ficar vazios.
Nessa nova janela, conforme print abaixo, siga os passos:
Clique em IFRAME; para acessar os dados que devem ser copiados.
Depois que você clicou em IFRAME, você deverá estar vendo o print abaixo. Agora você precisa copiar os dados conforme sinalizado no print abaixo e retornar para o editor de seu tema.
Com os dados copiado e em seu editor de temas, agora você precisa substituir por todo o conteúdo que está no campo CÓDIGO DO WIDGET em seu tema e depois salvar para que os dados inseridos passem a funcionar em seu tema.
