# 3.1.10 - Rodapé
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é**.
{% tabs %}
{% tab title="Logo" %}
## Logo do Rodapé
> Para inserir a **LOGO DO RODAPÉ**, siga os passos abaixo:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral para selecionar e editar;
> 3. 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*
{% endtab %}
{% tab title="Lista de Links" %}
## Lista de Links
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral para selecione editar;
> 3. Digite o **Titulo da 1a lista** no campo Título;\
> Esse c*ampo é destinado para o título da lista, por exemplo: Institucional*
> 4. Digite o **Texto do 1o item da lista** no campo Texto;\
> Esse c*ampo é destinado para o 1o item da lista, sendo ele uma página interna ou externa, por exemplo: Quem Somos*
> 5. Digite o **Link do 1o item da lista** no campo Link;\
> \&#xNAN;*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: *\
> \
> \&#xNAN;***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.*
> 6. 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!
{% endtab %}
{% tab title="Outros textos" %}
## Outros Textos
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral para selecionar e editar;
> 3. Digite o **Texto** no campo **Texto Abaixo da Logo**;\
> Esse c*ampo é 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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral para selecionar e editar;
> 3. Digite o **Texto** no campo **Direitos Reservados**\
> Esse c*ampo é 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.*
{% endtab %}
{% tab title="Contatos" %}
## Contatos
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Contatos** do Menu lateral para selecionar e editar;
> 3. Preencha com os campos **Telefone, E-mail e Whatsapp** que você quer que apareça para seus clientes;
> 4. 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.
{% endtab %}
{% tab title="Bandeiras de Pagamento e ..." %}
## Bandeiras de Pagamento e Certificados de Segurança
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral;
> 3. Desative o **Usar Bandeiras Padrão do Tema**;
> 4. Para Inserir as **Bandeiras de Pagamento Personalizadas**, clique na **Imagem existente** e na sequência escolha a imagem que deseja salvar;
> 5. Depois, digite o **Titulo** que irá aparecer nessa seção.
> 6. 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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral;
> 3. Desative o **Usar Bandeiras Padrão do Tema**;
> 4. Para Inserir a **Imagem do Certificado de Segurança Personalizada**, clique na **Imagem existente** e na sequência escolha a imagem que deseja salvar;
> 5. Depois, digite o **Titulo** que irá aparecer nessa seção.
> 6. 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*
{% endtab %}
{% tab title="Mídias Sociais" %}
## Ícones das Mídias Sociais
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Redes Sociais** do Menu lateral;
> 3. 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
> 4. Preencha o campo com a **url** correta.
>
{% endtab %}
{% tab title="Widget Facebook" %}
## Widget do Facebook
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:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Rodapé** do Menu lateral;
> 3. Role a página para baixo e em **Facebook Widget**, preencha os dados solicitados;
> 4. Preencha com o **Título** que você quer que apareça;
> 5. 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:
>
> 1. Coloque a **url da sua página** no Facebook;
> 2. Marque a opção: **Usar cabeçalho pequeno**;
> 3. 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:
>
> 1. 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.
> {% endtab %}
> {% endtabs %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.1-edicao-da-estrutura-e-elementos/3.1.10-rodape.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.