Modelos de rodapé Elementor: 34 designs prontos

Um modelo de rodapé Elementor é a seção inferior de um site salvo como um design pronto Ele contém o logotipo, os links da página principal, detalhes de contato, links sociais e a linha de direitos autorais, e um construtor de temas mostra isso em todas as páginas.

Abaixo estão os modelos de rodapé do 34 Elementor na biblioteca Master Addons, agrupados pelo tipo de site que eles se adequam Cada um tem uma captura de tela e uma demonstração ao vivo que abre em uma nova guia Você os insere na guia Rooters do Biblioteca de modelos Master Addons. O construtor de rodapés no Construtor de temas Master Addons é gratuito e uma importação coloca o rodapé em cada página sem o Elementor Pro.

Procurando o topo da página? Nosso Modelos de cabeçalho do elementor post tem 43 cabeçalhos, e muitos dos rodapés aqui vêm dos mesmos kits.

Salte para o que você veio buscar:

• 34 modelos de rodapé por tipo de site: SaaS, CTA, negócios locais, loja e mínimo
• O que colocar em um rodapé do site: uma lista de verificação de sete itens
• Dicas de design de rodapé do site: o que funciona, erros comuns e rodapés móveis
• Como adicionar um modelo de rodapé Elementor: cinco etapas com o Construtor de Temas
• Perguntas frequentes

34 Modelos de rodapé do elementor por tipo de site

Os 34 rodapés se dividem em cinco grupos Escolha o mais próximo do seu site e abra duas ou três demos lado a lado antes de decidir.

Modelos de rodapé SaaS e inicialização Elementor

Rodapés dos kits SaaS e tech A maioria segue um padrão: o logotipo e uma introdução de uma linha à esquerda e três ou quatro colunas de links à direita Finix e Optivue adicionam um prompt de teste acima dos links.

1. Craftova: Elementor compacto SaaS rodapé modelo

Um rodapé curto: introdução da marca à esquerda, links Empresa, Produto e Recursos à direita Use-o quando as páginas acima já forem longas.

2. finix: Elementor escuro SaaS rodapé modelo

Uma faixa roxa inclinada lendo “try finix para free” cruza a borda superior Sob ela, o rodapé preto segura o logotipo, uma introdução curta e quatro colunas de link Essa banda é a última chamada à ação na página.

3. Klyro: Modelo de rodapé do boletim informativo técnico Elementor

Um botão Solicitar Demonstração Gratuita, links rápidos, links de suporte e um campo de boletim informativo compartilham um rodapé Ele se encaixa em software que vende através de chamadas de demonstração e também quer uma lista de discussão.

Elevador de chumbo 4.: modelo de rodapé Elementor SaaS

Páginas, recursos e colunas da empresa na parte superior e, em seguida, uma barra inferior que repete alguns links rápidos ao lado da linha de direitos autorais.

5. Nexis: Elementor leve modelo de rodapé SaaS

Um rodapé branco com uma introdução de marca curta, três colunas de link e ícones sociais, fechado por uma barra de direitos autorais O layout é simples, por isso se adapta à maioria das marcas.

6. Optivue: modelo de rodapé de teste Elementor SaaS

A linha superior diz “Vamos começar por 14 dias” ao lado de um botão de teste amarelo Abaixo dele estão uma introdução de produto de uma linha e colunas Empresa e Social em preto.

7. Sempla: Elementor modelo de rodapé SaaS de quatro colunas

Páginas, Utilitários, Recursos e Ajuda obter uma coluna cada, eo logotipo e direitos autorais mover para baixo em uma barra inferior Ele detém o maior número de links do grupo SaaS.

8. zaplyte: modelo de rodapé Elementor SaaS

Os ícones sociais ficam sob o logotipo e as colunas Empresa, Ajuda e Recursos preenchem o lado direito de um layout branco limpo.

Modelos de rodapé com um CTA ou newsletter

Estes rodapés abrem com um apelo à ação: um grande cartão de manchete, um formulário de avaliação ou um bar de newsletter Eles dão aos visitantes que rolaram até o fundo algo para fazer além de sair.

Agência da caixa 9. CTA: modelo do rodapé da caixa de contato da agência do elementor

Uma caixa Contact Us delineada fica acima de quatro colunas escuras: uma introdução, serviços, estudos de caso e uma inscrição no boletim informativo.

10. Barra de boletins informativos: modelo de rodapé do boletim informativo Elementor

Uma barra de newsletter com um campo de e-mail e botão Assinar é executada na parte superior Abaixo dela estão colunas Produtos, Empresa e Suporte e uma coluna de contato.

11. Techbyte: Modelo de rodapé CTA da agência elementar

Um cartão escuro arredondado pergunta “Have an Awesome Project?” com um botão Get Started ao lado dele Sob uma linha fina estão o nome Techbyte, uma introdução de duas linhas e links sociais de texto.

12. Clowdify: modelo de rodapé de cartão CTA Elementor

O rodapé abre com um cartão roxo arredondado, uma grande manchete e um botão Try Cloud for Free Os links vêm depois dele.

13. Sabrion: modelo de rodapé de inscrição experimental Elementor

No roxo, um campo de e-mail inicia um teste de 14 dias, e as colunas abaixo contêm links da empresa, mais links e detalhes de contato. O formulário faz o trabalho que um botão faz em outros rodapés.

14. shiftflow: modelo de rodapé da placa de trabalho do elementor

Links de categoria de trabalho de um lado e uma inscrição de alerta de emprego com um botão Notificar-me do outro Os visitantes que não encontraram emprego hoje podem pedir para ouvir sobre o próximo.

Modelos de rodapé de negócios e serviços locais

Rodapés para empresas de limpeza, dentistas, encanadores, uma clínica de terapia, um restaurante, uma agência imobiliária e uma empresa de TI A maioria coloca o número de telefone, endereço e horário de funcionamento onde um cliente os espera.

15. HomeEixo: Modelo de rodapé imobiliário Elementor

Telefone, e-mail e localização do escritório ficam ao lado de links de navegação e recursos Um comprador em qualquer página de listagem pode entrar em contato com um agente a partir daqui.

16. Tecpart: modelo de rodapé da empresa Elementor IT

Uma lista de duas colunas de cada página, além de links Follow Us, encaixotados na mesma largura do cabeçalho Tecpart.

17. Balanciq: Modelo de rodapé da clínica de terapia com elementor

Uma linha de menu corre em toda a parte superior, com detalhes de contato e a localização da clínica abaixo dela na marinha Ele mantém o espaçamento calmo do kit Balanciq.

18. limpador: modelo de rodapé do serviço de limpeza do elementor

Um rodapé branco com uma lista de serviços, links rápidos e linhas de telefone, e-mail e endereço rotuladas.

19. Cleanery: Elementor limpeza empresa rodapé modelo

Um rodapé azul profundo com um slogan de uma linha e colunas Empresa, Serviços e Sociais Ele usa o mesmo azul que o cabeçalho Cleanery.

20. Culinária: modelo de rodapé do restaurante Elementor

Os links da página ficam ao lado de uma grade de quatro fotos do Instagram Para um restaurante, as fotos de comida no rodapé fazem mais do que outra coluna de links.

21. dentário: modelo de rodapé da clínica odontológica do elementor

Serviços, horário de funcionamento, endereço da clínica, telefone e e-mail na marinha Os pacientes podem verificar seu horário em qualquer página.

22. Grip: Modelo de rodapé da agência Elementor

Um logotipo muito grande e um slogan levam a metade superior em um fundo verde-oliva escuro Endereço, telefone e e-mail, dois links de página e quatro links sociais sentam-se em uma fileira abaixo.

23. Plumbiq: Modelo de rodapé de serviço de encanamento de elementor

Um rodapé escuro com links de página, detalhes de chamadas e e-mail, a área de serviço e o horário de funcionamento Essas são as coisas que as pessoas verificam antes de telefonar para um encanador.

Modelos de rodapé de loja e blog

Rodapés para lojas e blogs: ícones de pagamento, postagens mais recentes, horário comercial e muitas colunas de links para categorias.

24. Blog e horário comercial: modelo de rodapé do blog Elementor

Um rodapé preto com postagens mais recentes, uma nuvem de categorias e uma tabela de horários comerciais Funciona para um blog que também administra uma loja ou estúdio.

Cartão de horário comercial 25.: modelo de rodapé de horário comercial do elementor

Endereço, telefone e e-mail à esquerda e um cartão azul de horário comercial à direita.

26. loja dos ícones do pagamento: modelo do rodapé da loja do elementor

Links de produtos, empresas e suporte com ícones Visa, Mastercard e PayPal sob eles Os compradores veem quais cartões você pega antes do checkout.

27. Sartivo: Modelo de rodapé da loja de moda Elementor

Cinco colunas de links para coleções, páginas de ajuda e empresa, com ícones de pagamento e um bloco de newsletter Ele se adapta a uma loja com muitas categorias.

Modelos de rodapé clássicos e mínimos

Rodapés de quatro colunas e minimalistas centrados Eles se encaixam em quase qualquer site, e vários são apenas um logotipo, um menu e links sociais.

28. contato escuro centrado: modelo de rodapé de contato centrado no elementor

O logotipo, uma introdução curta, o endereço, telefone, fax e ícones sociais, todos centrados em preto.

29. social centrado: modelo de rodapé social centrado no elementor

Um logotipo centrado, uma fileira de botões sociais coloridos e um menu centrado É um dos dois menores rodapés aqui, ao lado do Minimal Blue Social.

30. Dark Instagram: modelo de rodapé escuro de quatro colunas Elementor

Detalhes de contato, links úteis, uma nota de inscrição e uma grade de fotos do Instagram em quatro colunas escuras, com uma barra de direitos autorais na parte inferior.

31. obter direções: Elementor direções rodapé modelo

Um rodapé escuro com um botão Get Direction, serviços e links da empresa e uma inscrição no boletim informativo.

32. light Instagram: Elementor light modelo de rodapé de quatro colunas

O mesmo layout de quatro colunas em branco, com um link Ver mais na grade do Instagram.

33. minimal Blue Social: modelo de rodapé mínimo do elementor

Um rodapé azul com um logotipo centrado e links rotulados de Facebook, Twitter, Dribbble, Behance e Instagram.

34. cursos on-line: modelo de rodapé do curso on-line Elementor

Um rodapé leve com uma lista de cursos, botões sociais coloridos e uma inscrição no boletim informativo para anúncios de cursos.

Qual modelo de rodapé se adapta ao seu site?

O que colocar em um rodapé do site

Um rodapé do site deve conter as coisas que os visitantes procuram quando não conseguem encontrá-las no menu A maioria dos bons rodapés inclui esses sete itens:

1. Seu logotipo e uma descrição de uma linha, para que alguém que chegou a uma página profunda saiba de quem é o site.
2. Links para as páginas que as pessoas mais procuram: preços, serviços, sobre, contato, carreiras, ajuda ou documentos.
3. Dados de contato: telefone, e-mail e endereço, com o telefone e e-mail como links clicáveis.
4. Horário de funcionamento, se você tiver uma loja, clínica ou escritório, as pessoas visitam.
5. Links de perfil social que apontam para suas contas reais.
6. Links legais: Política de Privacidade, Termos e uma página de cookies ou acessibilidade, se precisar.
7. Uma linha de direitos autorais com o ano em curso Um ano antigo faz um site parecer abandonado.

Dois extras opcionais valem o espaço na maioria dos sites: um formulário de boletim informativo ou uma breve chamada à ação Se você coletar e-mails, nossa lista do melhores plugins de newsletter WordPress pode ajudá-lo a escolher a ferramenta por trás do formulário. Para uma empresa local, o Widget Horário de Negócios mantém os horários de abertura em uma tabela que você pode atualizar.

Design de rodapé do site: o que funciona e o que evitar

Verificamos todos os 34 rodapés nas larguras da área de trabalho e do telefone antes de escrever este post, e todos os problemas que encontramos foram corrigidos nas demonstrações ao vivo Essa auditoria é uma lista útil do que procurar em seu próprio rodapé.

O que os melhores rodapés de sites fazem

• Dê a cada coluna um trabalho O Sempla divide Páginas, Utilitários, Recursos e Ajuda, para que um visitante verifique os títulos e saiba onde procurar.
• Coloque uma ação acima dos links Finix, Optivue e Clowdify pedem um teste antes das colunas de links, que captura os visitantes que lêem até o final.
• Faça os detalhes de contato clicáveis Os números de telefone devem usar tel: links e endereços de e-mail mailto:, então um toque em um telefone inicia a chamada ou abre o aplicativo de correio.
• Combine o cabeçalho Os rodapés do kit, como Cleanery, Tecpart e Balanciq, reutilizam as cores e a largura do cabeçalho, para que a parte superior e inferior de cada página correspondam.
• Mantenha o contraste alto em fundos escuros. Links cinza claro em azul marinho ou preto são fáceis de ler, enquanto rótulos cinza médio não.

Erros comuns de design de rodapé

Estes surgiram repetidas vezes nos modelos originais Todos eles estão corrigidos agora, e vale a pena conferir qualquer rodapé que você construir ou comprar:

• O texto do espaço reservado deixado em: dezessete rodapés ainda tinha Lorem Ipsum ou cópia de amostra, e alguns nomearam a marca errada, como o rodapé Finix que dizia termix de “try para” gratuito.
• Os mesmos links em cada coluna: nove rodapés repetiram os mesmos links sob diferentes títulos de coluna Construa um menu WordPress separado para cada coluna.
• Etiquetas que não correspondem ao valor, como “Phone:” acima de um endereço de e-mail.
• Botões e texto de baixo contraste: um botão de demonstração tinha texto branco em verde claro às 2.0:1. WCAG pede 4.5:1 para texto normal.
• Formulários de inscrição sem botão de envio ou um código abreviado bruto exibido porque o plugin do formulário estava faltando.
• Ícones sociais sem link e um ano de direitos autorais com vários anos.

Dicas de rodapé do site móvel

Nos telefones, um rodapé de quatro colunas torna-se uma coluna longa, então a ordem importa Coloque os detalhes de contato e os links mais usados primeiro e o boletim depois deles Faça links e botões com pelo menos 44 px de altura e verifique se nenhum elemento fica para fora além da borda da tela, o que causa rolagem lateral No Elementor, mude para a visualização móvel no editor e defina as larguras das colunas para 100% se um contêiner não empilhar sozinho.

Para mais ideias de layout, o Nielsen Norman Group tem um útil guia para padrões de design de rodapé com exemplos do que incluir para diferentes tipos de sites.

Como adicionar um modelo de rodapé Elementor ao seu site

Um rodapé é um modelo do Theme Builder: você o constrói uma vez e ele aparece na parte inferior de cada página O construtor de rodapés no Master Addons é gratuito e funciona com o Elementor principal, portanto, você não precisa do Elementor Pro.

O vídeo abaixo leva um desses rodapés da biblioteca de modelos para um site ao vivo As mesmas etapas são escritas sob ele.

1. No seu painel, vá para Complementos Mestres → Construtor de Tema, clique Adicionar Novo Modelo, defina o tipo como Rodapé e clique Editar com o Elementor.
2. No editor, clique no Modelos de complementos mestres botão, abra o Rodapés aba, escolha um design e clique Inserir.
3. Substitua o logotipo e o texto, aponte cada um Widget do menu Nav no seu próprio menu WordPress, e adicione seus URLs reais de telefone, e-mail e perfil social Se o rodapé tiver um formulário, conecte-o ao seu próprio Formulário de contato 7 formulário.
4. Abrir o Condições guia, conjunto Incluir → Site Inteiro e publicar.
5. Se o seu tema ainda imprimir seu próprio rodapé sob o novo, desligue o rodapé do tema em suas configurações ou no Customizer.

O rodapé Tema Guia do construtor mostra cada passo com uma captura de tela Se você preferir editar seu rodapé existente do que substituí-lo, siga nosso tutorial em como editar o rodapé no WordPress com Elementor.

Rodapé, cabeçalho, seção ou kit: qual modelo você precisa?

Um modelo de rodapé cobre uma parte do site A mesma biblioteca possui modelos cabeçalho para o topo da página, Modelos de seção do elementor para bandas individuais, como preços ou perguntas frequentes, completo predefinições páginas, e kits modelo que agrupam um cabeçalho, rodapé e cada página em um estilo correspondente.

Rodapés marcados como Pro na biblioteca precisam de um Licença Master Addons Pro, que também desbloqueia os kits completos a maioria desses rodapés vêm de O construtor de rodapés que os coloca em seu site fica livre de qualquer maneira.

Perguntas frequentes

Escolha um rodapé, defina-o uma vez

Escolha o grupo que corresponde ao seu site, insira o rodapé que se encaixa e troque seus próprios detalhes Se você mudar de ideia mais tarde, abra o mesmo modelo de Construtor de Tema, exclua o design antigo e insira outro A condição de exibição permanece como está.

Leitura relacionada: como importar um modelo Elementor, Modelos de cabeçalho do elementor e Guia do próprio Elementor para criar um rodapé.