Destaque do produto Divi: Pacote de rodapés Divi

Divi Footers Pack é um plug-in de terceiros para Divi com mais de 80 designs de rodapé personalizados. O rodapé costuma ser uma área negligenciada de qualquer site WordPress. Um pacote de layout como este pode facilitar o processo de design do rodapé. Nesta postagem, veremos o Divi Footers Pack para ajudá-lo a decidir se é o produto Divi certo para suas necessidades.

Carregar layouts de pacote de rodapés Divi

Os layouts do Divi Footers Pack são arquivos JSON que podem ser carregados na sua biblioteca Divi. Primeiro, baixe e descompacte o arquivo. Você verá 82 arquivos JSON em sua pasta descompactada.

1. Download
2. Descompactar

Em seguida, vá para sua Biblioteca Divi e importe o arquivo que deseja usar. Você pode visualizá-los na página do produto. Essa é a única maneira de saber qual layout usar antes de carregá-los. Felizmente, você pode carregar todos eles de uma vez, se quiser, ou pode apenas carregar o layout de rodapé específico que deseja. Selecionei para carregar todos os arquivos neste exemplo. Para carregá-los, acesse:

1. Divi
2. Biblioteca Divi
3. Importar e exportar
4. Importar
5. Escolher arquivo
6. Importar layouts do Divi Builder

Após o upload, você os verá em sua Biblioteca Divi. Os layouts agora estão prontos para uso no Divi Builder e no Divi Theme Builder. Depois que o upload foi concluído, eu tinha 162 arquivos em minha biblioteca. Isso inclui os layouts com e sem uma configuração fixa. Os rodapés regulares rolam com a página enquanto os rodapés fixos permanecem no lugar e são revelados conforme o usuário rola. Eles são rotulados, então é fácil saber qual é a variação.

Layouts do pacote de rodapés Divi

Aqui está uma olhada em alguns dos layouts de rodapé. Selecionei os que mais me chamaram a atenção. Vou descrevê-los e apontar o que mais gosto neles. Veremos como eles ficam no front-end com um layout Divi. Mostrarei wireframes e a visualização móvel de alguns deles. Estou usando a página inicial do Coworking Layout Pack gratuito para todos os exemplos.

Pacote de Rodapés Divi Design de Rodapé 1

Footer Design 1 é o primeiro layout de rodapé no Divi Footers Pack. Ele exibe o menu de rodapé à esquerda com um aviso de direitos autorais abaixo dele. À direita estão os ícones das redes sociais. Tudo está em vermelho.

Veja como fica no front-end.

Design de Rodapé 2

Este é o segundo rodapé no pacote de layout. Tem um layout simples e clean com cores que combinam muito bem.

Design de Rodapé 7

O Footer Design 7 inclui um plano de fundo gradiente azul e adiciona botões para as lojas de aplicativos acima do restante do conteúdo do rodapé. Este ainda é bastante pequeno e não sobrecarrega o layout com muito conteúdo em um espaço pequeno.

Design de Rodapé 12

Muitos dos layouts de rodapé incluem módulos de código para adicionar estilo personalizado. Este é o Footer Design 12. Ele também inclui um fundo gradiente e adiciona um grande formulário de e-mail.

Design de Rodapé 14

O Footer Design 14 exibe quatro colunas com links, um menu e um blog. Este também inclui um módulo de código para estilização. Aqui está o wireframe com o Code Module aberto.

Veja como fica no front-end. Há muito espaço em branco ao redor das colunas. O blog mostra duas postagens com miniaturas pequenas. O fundo branco e o texto pequeno dão a este um visual elegante.

Design de Rodapé 16

Footer Design 16 adiciona várias linhas em várias colunas. Este também inclui um código personalizado. Aqui está o wireframe.

Veja como fica no front-end. Ele adiciona informações de contato clicáveis ​​na parte inferior com cores ousadas que se destacam.

Design de Rodapé 18

O Footer Design 18 adiciona uma imagem de fundo e uma sobreposição à seção. Também inclui quatro colunas com muitos extras, incluindo um botão CTA, horário de funcionamento e uma galeria.

Aqui está o layout no front-end. Este é um dos meus favoritos. Ele adiciona ícones às informações de contato, a galeria inclui pequenas miniaturas. As cores funcionam perfeitamente sobre a imagem de fundo.

Design de Rodapé 25

Footer Design 25 é outro layout com uma imagem de fundo. Este adiciona muito espaço sob os links para dar espaço para a exibição da imagem de fundo.

Design de Rodapé 26

O Footer Design 26 usa uma seção especializada para criar um layout de várias colunas. Aqui está o wireframe.

Faz uso interessante do espaço negativo. Eu gosto do texto grande e cores para este. O texto laranja é fácil de ler sobre o fundo marrom.

Design de Rodapé 30

O Footer Design 30 exibe informações de contato em grandes blocos com bordas brancas. Os planos de fundo dos blocos correspondem ao plano de fundo da seção. Este é simples e limpo, fornecendo apenas informações limitadas.

Design de Rodapé 34

O design de rodapé 34 usa um fundo marrom com texto branco. O layout inclui três colunas com informações de contato clicáveis. Fundos para ícones sociais se destacam apenas o suficiente para chamar a atenção.

Design de Rodapé 37

O Footer Design 37 inclui uma imagem de fundo com um formulário de contato e informações de contato em primeiro plano. Este divide os elementos em segmentos com bordas amarelas ao redor de cada segmento. Os ícones, o botão enviar e o plano de fundo do segmento de mídia social são amarelos. O plano de fundo por trás das informações de contato é mais opaco, destacando-se do restante do conteúdo do rodapé.

Design de Rodapé 38

Footer Design 38 exibe o conteúdo no centro de um grande círculo com um fundo ainda mais escuro atrás dele. O conteúdo centralizado tem separação suficiente para que nada se perca no layout. As cores da fonte e do ícone funcionam muito bem contra o fundo cinza escuro.

Design de Rodapé 41

O Footer Design 41 também usa uma seção especializada para criar um layout com várias colunas. Esta é a visualização de wireframe.

Veja como fica no front-end. Ele inclui um fundo azul escuro/cinza com texto branco que se destaca. O formulário de e-mail é pequeno e se encaixa bem na área. A área de informações tem um fundo mais claro, por isso se destaca de todo o resto.

Design de Rodapé 43

O Footer Design 43 fornece uma imagem de fundo com uma sobreposição verde escura que se destaca. O cardápio e o endereço ocupam o centro e se destacam. Os ícones de mídia social são dourados ousados ​​que fazem os pequenos ícones se destacarem. Eu gosto do texto branco e dos ícones dourados contra o fundo verde.

Pacote de Rodapés Divi Design de Rodapé 46

O Footer Design 46 inclui um layout de duas colunas para a parte principal do rodapé. Inclui uma coluna maior com um formulário de contato que combina com o design do rodapé. O botão, os títulos e os ícones são verdes e se destacam bem contra o fundo bege, desviando a atenção de todo o resto.

Design de Rodapé 52

O Footer Design 52 inclui um plano de fundo cinza escuro com várias seções e colunas para apresentar as informações de contato e os links do menu. O texto é branco e inclui títulos grandes e links pequenos. Este também inclui ícones com informações de contato.

Design de Rodapé 55

O Footer Design 55 é simples e funciona. O foco principal é um CTA com texto grande e um endereço de e-mail clicável. Tem muito espaço negativo para chamar a atenção para o CTA. Também inclui um menu e aviso de direitos autorais.

Design de Rodapé 59

O Footer Design 59 inclui um layout de duas colunas com texto à esquerda e um formulário de contato à direita. Uma linha vertical os separa. Ele inclui um fundo preto com destaques em azul brilhante para os títulos, um botão de formulário de contato e ícones de mídia social. Uma barra inferior com o mesmo fundo azul brilhante exibe o aviso de direitos autorais.

Pacote de Rodapés Divi Design de Rodapé 63

O Footer Design 63 inclui um layout de três colunas com dois botões CTA à esquerda, informações de contato no centro e um formulário de e-mail à direita com um design que corresponde aos botões CTA. Os botões e o formulário de e-mail dão ao rodapé uma simetria bem equilibrada. As cores púrpura e prumo funcionam muito bem contra o fundo cinza acastanhado. Tanto o número de telefone quanto o endereço de e-mail são clicáveis. Todos os botões incluem efeitos de foco.

Design de Rodapé 67

O Footer Design 67 tem um layout interessante. O wireframe mostra várias colunas, mas algumas não são usadas intencionalmente.

Na parte frontal, isso cria espaçamento elegante para os elementos do rodapé. Ele inclui um fundo roxo (tecnicamente azul escuro/magenta) com texto branco. O texto extra grande para o número de telefone clicável chama a atenção como um CTA.

Design de Rodapé 69

O Footer Design 69 é um dos maiores rodapés do Divi Footers Pack. Ele inclui duas grandes seções. Ambos têm fundo azul e texto dourado. A seção superior exibe uma imagem de largura total. Esta seção cria um CTA. A segunda seção inclui os elementos de rodapé padrão com informações de contato, links e um formulário de e-mail. O texto branco e dourado funciona perfeitamente com os planos de fundo azuis.

Design de Rodapé 77

O design de rodapé 77 também inclui duas seções. A seção superior exibe informações de contato em caixas grandes com texto e ícones clicáveis. Seus planos de fundo contêm cores diferentes e se destacam de todo o resto. A seção inferior inclui quatro colunas com o conteúdo do rodapé padrão em branco sobre um fundo azul. Ícones de mídia social ficam sob o formulário de e-mail.

Veja como esse rodapé funciona no celular. Os blocos de informações de contato, bem como todos os elementos do rodapé, são empilhados.

Pacote de Rodapés Divi Design de Rodapé 81

O Footer Design 81 inclui um fundo azul grande com informações de contato estilizadas no centro com cantos arredondados. As informações de contato incluem um design de duas cores com uma imagem que se sobrepõe às cores. A parte superior mostra o número de telefone em texto grande sobre um fundo azul. A parte inferior inclui um fundo branco com um link de e-mail e links de mídia social sob a imagem e um formulário de contato do outro lado. Eu gosto da borda quadrada para os ícones sociais.

Veja como este fica no celular. Todas as colunas se empilham. O formulário de contato se ajusta à largura da tela.

Onde comprar o pacote de rodapés Divi

O Divi Footers Pack está disponível no Divi Marketplace por US$ 19. Inclui uso ilimitado do site, um ano de suporte e atualizações e garantia de reembolso de 30 dias.

Considerações finais sobre o pacote de rodapés Divi

Essa é a nossa visão do Divi Footers Pack para o Divi Builder. Há muitos designs de rodapé pré-fabricados neste pacote. Vimos apenas alguns dos layouts nesta postagem, mas isso deve fornecer uma boa ideia de como eles funcionam com qualquer layout Divi. Eles são fáceis de usar, mas eu recomendo carregar todos de uma vez se você quiser usar mais do que alguns dos layouts. Todos os layouts parecem profissionais e têm uma ampla variedade de designs para escolher.

Nós queremos ouvir de você. Você já experimentou o Divi Footers Pack? Deixe-nos saber o que você pensa sobre isso nos comentários.