Olá, turma! Sejam muito bem-vindos à nossa Aula 24 do curso “Loja Shopify do Zero ao Avançado”! 👋

Nas últimas aulas, construímos as bases da nossa loja, criamos um cabeçalho funcional, páginas importantes e entendemos a estrutura básica de um tema. Agora, vamos dar atenção a uma seção que, apesar de estar no “rodapé”, é fundamental para a credibilidade, usabilidade e conformidade legal da sua loja: o Footer.

Muitos lojistas subestimam o poder do footer, mas ele é a última impressão que você deixa no visitante e um ponto de acesso crucial para informações importantes. Um footer bem-feito transmite profissionalismo e confiança.

Vamos lá, arregaçar as mangas e construir um footer de cair o queixo! 🚀

—

Aula 24 – Loja Shopify do Zero ao Avançado: Footer profissional com links importantes e credibilidade

📚 O que você vai aprender nesta aula

Ao final desta aula, você será capaz de:

• Entender a importância estratégica de um footer profissional para a sua loja Shopify.
• Configurar os elementos básicos do footer diretamente pelo painel administrativo da Shopify.
• Personalizar as seções do footer usando o Editor de Temas.
• Adicionar links essenciais (políticas, contato, sobre nós, etc.) de forma organizada.
• Incluir elementos de credibilidade como ícones de pagamento, links para redes sociais e avisos de direitos autorais.
• Aplicar boas práticas de design e SEO para otimizar o seu footer.
• Realizar pequenas customizações via código Liquid/HTML/CSS quando o Editor de Temas não for suficiente.

🔗 Conectando com aulas anteriores

Lembram quando falamos sobre a importância de criar as páginas de Políticas (Privacidade, Reembolso, Termos de Serviço) lá nas Aulas 15 e 16? E quando abordamos a criação de Páginas Estáticas como “Sobre Nós” e “Contato” na Aula 17? Pois bem, essas páginas são o “recheio” que vamos linkar no nosso footer!

Também revisamos a criação de Menus de Navegação na Aula 11. Essa habilidade será crucial, pois usaremos um menu específico para organizar os links do rodapé. Finalmente, a nossa compreensão da estrutura de temas e do Editor de Temas (que vimos desde a Aula 20) será aplicada diretamente aqui. O footer é a última peça do “esqueleto” visual básico da nossa loja, depois do Header e do corpo principal!

📖 Conteúdo Principal

1. A Importância Estratégica de um Footer Profissional

O footer (ou rodapé) não é apenas um “fim de página”. Ele é um ponto estratégico que cumpre diversas funções:

• Credibilidade e Confiança: Um footer completo com informações legais, de contato e selos de segurança demonstra profissionalismo.
• Navegação Secundária: Oferece um caminho rápido para páginas menos acessadas, mas importantes (políticas, FAQ, sobre a empresa).
• Conformidade Legal: É o local padrão para links obrigatórios por lei, como políticas de privacidade e termos de serviço.
• Atendimento ao Cliente: Facilita o acesso a formas de contato e perguntas frequentes.
• SEO: Links internos no footer ajudam os motores de busca a entender a estrutura do seu site e a importância das suas páginas.
• Marketing e Engajamento: Pode incluir formulários de newsletter, links para redes sociais e informações sobre a marca.

Pense no footer como o cartão de visitas da sua loja após o cliente ter explorado o conteúdo principal.

2. Configurando o Footer Pelo Painel Administrativo da Shopify

Antes de irmos para a customização visual, precisamos garantir que as “peças” que compõem o nosso footer estão prontas no painel da Shopify.

2.1. Criando um Menu de Navegação para o Footer

O Editor de Temas geralmente permite adicionar blocos de “Menu” ao footer. Para isso, precisamos de um menu já criado.

1. No seu admin Shopify, vá em Navegação (Navigation).

2. Clique em Adicionar menu (Add menu).

3. Dê um nome claro, como “Menu Rodapé Principal”, “Links Úteis” ou “Institucional”.

4. Comece a adicionar os links que você quer no seu footer (ex: Página de Contato, Sobre Nós, Blog).

5. Importante: Adicione também as páginas de Políticas (Política de Privacidade, Política de Reembolso, Termos de Serviço, Política de Frete) que configuramos nas aulas anteriores. Você pode encontrá-las facilmente selecionando “Páginas” ou “Políticas” ao adicionar o item de menu.

6. Salve o menu.

Você pode criar vários menus para o footer, por exemplo, um menu “Institucional” com Sobre Nós, Contato, Carreiras; e outro “Atendimento ao Cliente” com FAQ, Trocas e Devoluções, Políticas.

2.2. Verificando as Páginas de Políticas

Apenas para garantir, revise se suas páginas de políticas estão configuradas corretamente.

1. No seu admin Shopify, vá em Configurações (Settings).

2. Clique em Políticas (Policies).

3. Certifique-se de que todas as políticas obrigatórias estão preenchidas e salvas.

• Política de Reembolso
• Política de Privacidade
• Termos de Serviço
• Política de Frete
• Informações de Contato (opcional, mas recomendado)

3. Personalizando o Footer no Editor de Temas

Agora que temos nossos menus e políticas prontos, vamos integrá-los visualmente.

1. No seu admin Shopify, vá em Loja Virtual (Online Store) > Temas (Themes).

2. Encontre o seu tema ativo e clique em Personalizar (Customize).

3. No editor de temas, na barra lateral esquerda, role até o final para encontrar a seção Rodapé (Footer).

A seção do footer geralmente permite adicionar vários “blocos”. Os blocos mais comuns que você encontrará são:

• Menu: Para exibir um dos menus que você criou (ex: “Menu Rodapé Principal”).
• Texto: Um bloco de texto livre para avisos, uma pequena descrição da loja, ou informações de contato.
• Assinatura de Newsletter: Um formulário para capturar e-mails dos clientes.
• Ícones de Redes Sociais: Exibe os ícones das suas redes sociais configuradas nas “Configurações do Tema”.
• Ícones de Pagamento: Geralmente exibidos automaticamente pelo tema com base nos métodos de pagamento aceitos.

3.1. Adicionando e Organizando Blocos no Footer

Vamos criar um footer profissional passo a passo:

1. Adicionar um bloco de “Menu”:

• Clique em Adicionar bloco (Add block) dentro da seção “Rodapé”.
• Selecione Menu.
• No painel de configurações do bloco (à direita), em “Menu”, clique em Mudar menu (Change menu) e selecione o menu que você criou para o rodapé (ex: “Menu Rodapé Principal”).
• Você pode adicionar mais de um bloco de menu para criar colunas diferentes no seu footer, cada uma com um menu distinto (ex: “Institucional”, “Atendimento”).

2. Adicionar um bloco de “Texto” (para descrição/contato):

• Clique em Adicionar bloco (Add block).
• Selecione Texto.
• No campo de texto, você pode adicionar uma breve descrição da sua loja, seu CNPJ, endereço físico, ou um aviso importante.

Exemplo:

html

Minha Loja Inc.
Sua melhor opção em produtos de qualidade.
CNPJ: XX.XXX.XXX/XXXX-XX
Endereço: Rua Exemplo, 123, Cidade - UF

• Lembre-se que você pode usar HTML básico aqui para negrito (), links () e quebras de linha (
).

© {{ 'now' | date: "%Y" }} {{ shop.name }}. Todos os direitos reservados.
Termos de Serviço |
Política de Privacidade



Feito com ❤️ por [Seu Nome/Nome da Agência]

html

Nome da Sua Loja

Excelência em [seu nicho de mercado].

[email protected]

(XX) XXXX-XXXX

© {{ 'now' | date: "%Y" }} {{ shop.name }}. Todos os direitos reservados.