4 elementos que não podem faltar no seu rodapé e como adicioná-los com o Divi

Publicados: 2021-12-13

O rodapé é um espaço valioso no seu site WordPress. Utilizado corretamente, ele pode ajudar os visitantes a encontrar o que precisam e permanecer no seu site por mais tempo. O rodapé do WordPress não deve incluir tudo e nada. Ele deve ser bem projetado e servir ao seu propósito. Neste artigo, veremos 4 elementos de rodapé Divi para incluir no rodapé do seu site. Também veremos como adicioná-los com o Divi.

Sobre meus exemplos de elementos de rodapé Divi

Para meus exemplos, estou mostrando rodapés dos vários modelos de rodapé gratuitos disponíveis no blog Elegant Themes. Para encontrar modelos de rodapé gratuitos, pesquise por “rodapé grátis”. Existem muitos modelos de rodapé disponíveis e cada artigo mostra como usá-los.

Embora eu esteja discutindo 4 elementos, cada um tem várias opções. Mostrarei 16 opções diferentes além de várias alternativas para algumas delas. Há muito mais maneiras de criar esses 4 elementos do que estou mostrando, mas isso deve ser um bom começo.

1. Elementos do rodapé Divi: informações de contato

Primeiro, veremos as informações de contato. Esse tipo de informação facilita que os clientes conversem com você e encontrem sua localização física. Muitas vezes, é incluído em detalhes em uma página de contato, mas é útil ter algumas informações no rodapé. Versões mais curtas dessas informações são ótimas para elementos de rodapé Divi.

Informações básicas de contato

Informações básicas de contato

As informações básicas de contato incluem o endereço de e-mail, número de telefone e endereço. Para uma loja, você pode adicionar o horário de funcionamento e outras informações. Estes são frequentemente adicionados com módulos de texto individuais. Outros módulos adicionam elementos que os destacam, como títulos e divisores ou bordas estilizadas.

Informações básicas de contato

Todos esses elementos podem ser criados com módulos de texto, como visto neste exemplo.

Formulário de Contato

Formulário de Contato

Adicione um formulário de contato para que seus visitantes possam entrar em contato com você facilmente. Isso é feito com um módulo de formulário de contato. Adicione os campos específicos que você deseja, mas é melhor mantê-lo simples para o rodapé.

Siga as mídias sociais

Siga as mídias sociais

Os botões de seguir de mídia social são ideais para quase qualquer rodapé. Adicione-os com o módulo Social Media Follow e escolha entre mais de 30 redes sociais.

Mapa

Mapa

Os mapas são ótimos para fornecer direções para sua localização física ou a localização de eventos. Eles são fáceis de adicionar com um módulo de mapa. Eles podem ser de largura total ou apenas ocupar uma pequena coluna. Como alternativa, você pode adicionar o HTML do Google Maps a um módulo de texto ou código.

2. Elementos de rodapé Divi: apelos à ação

Em seguida estão os CTAs. Chamadas para ação são poderosos elementos de rodapé Divi. Adicionar uma frase de chamariz ao rodapé oferece mais uma chance de enviar algo importante para seus objetivos de negócios. Isso pode ser uma assinatura de e-mail, associação, link para a página da sua loja, um lembrete para solicitar informações etc.

Assinatura de e-mail ou newsletter

Assinatura de e-mail ou newsletter

Adicionar uma assinatura de e-mail ou boletim informativo é tão simples quanto adicionar um módulo Email Optin. Este usa um módulo Text para criar o título, mas você pode adicioná-lo ao módulo Email Optin, se preferir.

Compra chamada para ação

Compra chamada para ação

Crie um link para sua loja online para lembrar aos visitantes onde eles podem comprar. O CTA de compras deve ser maior do que a maioria dos outros links e se destacar. Eles podem ser de largura total ou caber em uma das colunas.

Compra chamada para ação

Este foi criado com um módulo Text para o título e um módulo Button para fornecer o link. A cor de fundo foi adicionada à coluna.

Projeto CTA

Projeto CTA

Um CTA de projeto pode estimular o visitante a solicitar uma cotação ou entrar em contato com você para obter mais informações. Eles funcionam melhor quando são maiores do que outros elementos ao seu redor, mas ainda os mantêm simples e limpos.

Projeto CTA

Este projeto CTA foi criado com os módulos Texto e Botão. O botão pode levar a um formulário de contato em outra página.

3. Elementos de Rodapé Divi: Links

Em seguida, vamos falar sobre links. Os links são alguns dos elementos mais populares que vemos em um rodapé do WordPress. Eles funcionam muito bem como elementos de rodapé Divi e são fáceis de adicionar. Eles podem vincular a páginas, postagens, comentários, produtos, eventos, serviços e muito mais. Existem várias maneiras de criá-los.

Links para páginas

Links para páginas

Links para páginas podem incluir produtos específicos, informações legais, sobre sua empresa e equipe, sua página de contato etc. Também é bom para links para páginas que você não deseja colocar em seu menu principal. Esses links geralmente são criados manualmente.

Links para páginas

Todos os links neste exemplo foram criados com módulos Text.

Postagens e produtos

Postagens e produtos

Exiba uma lista de suas últimas postagens e comentários. Você também pode exibir produtos WooCommerce com base na categoria, destaque, escolhido a dedo ou popularidade. Adicione o widget adequado à área de widget do WordPress e adicione-o ao rodapé do Divi usando um módulo da barra lateral. Este exemplo exibe as categorias do WooCommerce.

Postagens e produtos

Este exemplo mostra os comentários mais recentes.

Menus de navegação

Menus de navegação

Os menus de navegação ficam ótimos quando os links estão empilhados. Você pode adicionar um widget de menu de navegação empilhado a uma área de rodapé na tela Widgets e, em seguida, usar um módulo Sidebar no rodapé do Divi. Selecione a área do rodapé nas opções do módulo. Isso exibe o menu de navegação em uma pilha vertical. Se você quiser que o menu seja exibido horizontalmente, use um módulo Menu.

Serviços e muito mais

Serviços e muito mais

O rodapé é um excelente lugar para adicionar links para seus serviços, projetos, portfólio, currículo, estudos de caso, eventos, etc. Eles funcionam da mesma forma que os links normais ou você pode destacá-los com imagens ou ícones. Use apenas alguns links em vez de vincular a todos os seus projetos e serviços.

Serviços e muito mais

Esses links de serviços foram criados com módulos do Blurb usando imagens colocadas à esquerda e um título com um link para a página do serviço. Os projetos e links de portfólio neste exemplo foram criados com módulos de texto.

Serviços e muito mais

Esses links para o portfólio, currículo e estudos de caso foram criados com os módulos Button.

4. Elementos de Rodapé Divi: Informações da Empresa

Por fim, examinaremos as informações da Empresa. Este é um dos elementos de rodapé mais importantes do Divi. Muitas vezes, esse tipo de informação não se encaixa bem em nenhum outro lugar da página. Isso também funciona como um resumo das informações. Isso inclui direitos autorais, declaração de missão da empresa, informações sobre a empresa, fotos de pessoas ou produtos, etc. Certifique-se de simplificar.

Aviso de direitos autorais

Aviso de direitos autorais

O aviso de direitos autorais geralmente aparece na parte inferior do rodapé. Crie-o com um módulo Text. Você pode inserir o ano manualmente ou dinamicamente. Para uma data de direitos autorais dinâmica, selecione o ícone no editor de conteúdo do módulo Texto, selecione a data atual, escolha Personalizado para o Formato de data e insira Y para o Formato de data personalizado.

Declaração de missão

Declaração de missão

As declarações de missão podem ser mensagens poderosas sobre sua empresa. Eles são especialmente importantes para empresas, como instituições de caridade e igrejas, que ajudam outras pessoas e aceitam doações que precisam construir relacionamentos fortes com os doadores. Declarações de missão são fáceis de adicionar com módulos de texto.

Marca

Marca

Adicionar uma marca, como um logotipo, lembra aos visitantes quem você é. Adicione um logotipo usando um módulo de imagem.

foto

foto

As fotos podem ser uma ótima maneira de se relacionar com seu público. Adicione um módulo de imagem junto com módulos de texto para seu nome ou informações de contato. Você também pode adicionar fotos de seus produtos ou um exemplo de seu trabalho. Uma ou duas fotos pequenas são tudo o que você precisa no rodapé.

Testemunho

Testemunho

Um depoimento pode ajudar a construir credibilidade. Adicione um com um módulo Testemunho. Você pode adicionar mais com um módulo Slider e configurá-lo para exibir um de cada vez. Mantenha-os curtos.

Considerações finais sobre elementos de rodapé Divi

Essa é a nossa visão dos 4 elementos de rodapé Divi que não podem faltar no seu site e como adicioná-los. Os detalhes dos elementos ficam a seu critério, mas todo rodapé precisa:

  • Informações de Contato
  • Um CTA
  • Links importantes
  • Informações da Empresa

Esses exemplos mostram um método de como criar esses elementos, mas eles podem ser criados usando outros módulos e posicionamentos de rodapé. Há muita flexibilidade sobre o que são e como você os cria. Certifique-se de não desordenar a área do rodapé. Use bordas e cores de fundo diferentes para separar os elementos e as seções de rodapé. Construir esses 4 importantes elementos de rodapé com o Divi Theme Builder tornará seu rodapé mais valioso e útil para seus visitantes.

Nós queremos ouvir de você. Você usa esses 4 elementos de rodapé Divi em seu site? Deixe-nos saber nos comentários.