Modelos de seção Elementor: 32 downloads gratuitos e mais de 580 na biblioteca

Um modelo de seção é uma faixa de uma página: a tabela de preços, o FAQ, a linha de logotipos, salvos para que você possa colocá-lo em um layout em vez de construí-lo novamente.

Esta página possui dois conjuntos. A primeira são 32 seções que construímos manualmente e empacotamos como arquivos JSON que você pode baixar aqui, importar através do Master Addons Widget Builder e editar a partir de campos rotulados em vez de contêineres aninhados. A segunda é a biblioteca de seções Master Addons: 583 seções Elementor que são instaladas de dentro do editor Elementor, 93 delas no plugin gratuito.

Salte para o que você veio buscar:

• 32 modelos de seção para baixar como JSON: arquivos gratuitos, importados com o Widget Builder
• Navegue pela biblioteca de 583 seções por tipo: herói, recursos, preços, perguntas frequentes, equipe, contato e muito mais
• Como importar um modelo de seção: ambas as rotas, passo a passo
• Modelos de landing page do elementor construídos a partir dessas seções

Como importar um modelo de seção Elementor

Duas rotas, dois sistemas separados Os 32 downloads nesta página entram como widgets através do Widget Builder As seções da biblioteca são instaladas de dentro do editor Elementor Ambos terminam com o design em sua página e tudo ainda editável.

Rota 1: importe um arquivo de modelo JSON com o Widget Builder

1. Baixe o zip para o modelo que você deseja e descompacte-o Dentro está o widget JSON, uma imagem de visualização e a arte demo onde o design usa qualquer.
2. Ir para Complementos mestres → Construtor de widgets → Widget de importação no seu administrador WordPress e carregue o widget-*.json arquivo.
3. Abra o Elementor, pesquise o nome do widget no painel e arraste-o para a página.
4. Preencha a guia Conteúdo. As cores estão na guia Estilo, geralmente de quatro a seis selecionadores que tematizam novamente toda a seção.

O Construtor de widgets faz parte do Master Addons Pro. Os próprios arquivos JSON não custam nada e permanecem seus depois de baixados.

Vários zips enviam arte SVG, e o WordPress bloqueia uploads SVG por padrão Converta-os em PNG ou WebP primeiro, ou habilite uploads SVG Os widgets renderizam sem imagens também, porque os slots de imagem vazios se escondem.

Rota 2: instale uma seção da Biblioteca de Modelos

1. Instalar e ativar Adições Mestres, em seguida, abra qualquer página com Elementor.
2. Clique no ícone de modelo de complementos mestres na barra de ferramentas do editor e mude para o Seções guia.
3. Filtre por categoria e, em seguida, passe o mouse sobre um design para visualizá-lo em tamanho real.
4. Clique Inserir. A seção aparece na posição do cursor com suas imagens, espaçamento e configurações de widget intactas.
5. Edite-o como qualquer outra coisa que você construiu: clique em um título para redigitá-lo, abra a guia Estilo para alterar as cores.

Seções gratuitas são inseridas imediatamente As seções profissionais mostram uma fechadura e precisam de uma chave de licença ativada no site Nada baixa para o seu computador nesta rota.

32 Modelos de seção de elementadores que você pode baixar como JSON

Estes foram construídos para este post: HTML, CSS e JavaScript escritos à mão, depois convertidos em widgets do Widget Builder Eles não estão na biblioteca do plugin, eles baixam daqui.

Importá-los como widgets tem uma consequência prática: coisas repetíveis são repetidoras Planos de preços, entradas de perguntas frequentes, depoimentos, membros da equipe e logotipos são todos campos repetidores, então adicionar um quarto plano ou uma décima pergunta ajusta o layout, o escalonamento da animação e a numeração por conta própria As cores percorrem quatro a seis selecionadores de base As animações respeitam as configurações de movimento reduzido Nada é soldado a um caminho de contêiner que quebra quando você o move.

Modelos de seção de recursos e serviços

Quatro maneiras de definir o que você vende: uma grade de cartões, linhas alternadas, um processo numerado e cartões de vitrine com imagem.

Grade de cartão 1. icon: Elementor apresenta modelo de seção

Uma grade escura de três colunas de seis cartões de recursos, construída em torno de um brilho de seguir o cursor: mova o mouse e uma luz radial suave o arrasta pelos cartões As cartas são um repetidor: ícone (colar qualquer SVG), título, texto e um link de seta opcional por cartão Seis cartões de um SaaS de análise fictícia vêm pré-preenchidos, e a entrada escalonada anima qualquer número de cartões com os quais você acabar.

Linhas de imagem 2. alternando: modelo de linhas de recursos do elementor

Imagem clássica-esquerda /imagem-direita linhas com uma faixa de estatísticas de contagem sob o cabeçalho A alternância é automática Linhas virar lados com base na posição, então adicionando uma quarta ou quinta linha através do repetidor mantém o ziguezague intacto Cada linha carrega um crachá kicker, três balas de verificação, e seu próprio controle de linkA arte de demonstração para as três linhas bookkeeping-app está no zip.

Lista de processos 3. numerada: Modelo de etapas do processo do elementor

Cinco passos numerados em uma trilha vertical, com uma linha de progresso que desenha-se como você rolar e pontos que acendem quando seu passo entra na viewport Passos vivem em um repetidor (número, título, rótulo de chip, texto) e o progresso matemático lê a contagem de passos em três passos ou oito, a linha ainda pousa no último ponto Há um rodapé CTA alternável com um destaque stat assado em.

4. cartões de vitrine de imagem: modelo de cartões de recurso de elementor

Três grandes cartões de imagem com uma inclinação 3 D que segue o cursor, além de uma marquise de palavras-chave de rolagem entre o cabeçalho e a grade Você adiciona cada palavra-chave ticker uma vez A duplicação de loop sem emenda acontece em JavaScript, de modo que a marquise nunca mostra uma costura Os cartões levam uma imagem, crachá, título, texto e link cada; as três ilustrações de demonstração de ferramenta de podcast são enviadas no zip.

Sobre nós modelos de seção

Imagem à esquerda, imagem à direita com crachá flutuante e declaração de missão com cartões de valor.

5. imagem deixada com história: Elementor sobre nós modelo de seção

Foto à esquerda com uma inclinação de pairar estilo polaroid, cópia da história à direita, três estatísticas de contagem e um bloco de assinatura O repetidor de estatísticas lida com prefixo, decimais e milhares de vírgulas A demonstração conta até 2.400 parceiros de atacado sem que você toque no código de demonstração da Bakery incluído como SVG.

6. direito da imagem com crachá flutuante: Elementor sobre o modelo de seção

O layout do espelho: texto à esquerda, imagem à direita, com um emblema flutuante “27 years” que conta quando rola para a vista A lista de verificação de credenciais é um repetidor, o emblema é alternável e ambas as linhas de crachá são editáveis Use-o por anos no negócio, projetos enviados, qualquer que seja o seu melhor número.

7. Missão e valores: Seção de missão e valores do elementor

Nenhuma foto necessária Uma grande declaração de missão com uma frase de cor de acento, em seguida, quatro cartões de valor com ícones de linha que giram ligeiramente no hover As cartas são um repetidor com um campo de ícones baseado em palavras-chave (ondas, comunidade, sol, coração) Os ícones são máscaras CSS que herdam sua cor de acento, então eles recolorem com a paleta em vez de colidir com ela.

Estatísticas e modelos de contra-banda

Duas bandas de contagem, uma clara e outra escura, para os números que comprovam escala.

Banda 8. light stats: Elementor modelo de seção de contador

Quatro contadores em papel-branco, numerais serifados, linhas divisórias que desenham à medida que os números sobem Um controle deslizante de colunas reconfigura a grade da área de trabalho se você executar três ou cinco estatísticas em vez de quatro, e um único controle de duração sintoniza a rapidez com que tudo conta.

9. Dark Stats Band: Elementor Stats Band Template

A versão de alto contraste: fundo quase preto, acento de limão, um ícone acima de cada contador com um pulso de brilho Os ícones circulam automaticamente por cartão (parafuso, turbina, casa, escudo) e cada estatística define sua própria duração de contagem, de modo que os números caem em sequência em vez de todos de uma vez O título se divide em três campos para que a palavra de acento fique onde você quiser.

Modelos de seção de depoimentos

Um carrossel, uma grade de alvenaria, uma cotação grande e cartas de revisão com pontuação agregada.

10. Carrossel de depoimentos: Modelo de carrossel de depoimentos de elementadores

Um controle deslizante adequado: botões de seta, pontos clicáveis, navegação no teclado e altura automática para que aspas curtas não deixem um cartão vazio alto Os slides são um repetidor (citação, nome, função, avatar) e os pontos e o “N do total de rótulos de” se reconstroem de quantos você adicionar Quatro avatares de demonstração são enviados no zip.

Grade de alvenaria 11.: Modelo de grade de testemunho de elementor

Seis cartas em alvenaria CSS-colunas com revelações escalonadas Cada linha repetidora leva uma citação (mais segundo parágrafo opcional para as cartas altas), uma classificação de estrelas 15, iniciais para o círculo de avatar e uma alternância “featured” que dá a uma carta o tratamento de estrelas render do valor de classificação, então uma revisão de 4 estrelas mostra quatro estrelas preenchidas, não o que foi codificado.

12. única citação grande: Elementor modelo de seção de testemunho

Uma citação, enorme tipo de serifa, revelada linha por linha com uma animação mascarada Você cola a citação como um parágrafo; o JavaScript divide-a em linhas equilibradas e vezes a revelação, então uma citação de 15 palavras e uma citação de 40 palavras animam ambas corretamente Uma pequena meta tira embaixo (quartos, classificação, ano) é um repetidor que você pode esvaziar inteiramente.

13. cartões de classificação com resumo: Modelo de cartões de revisão de elementadores

O visual do agregador de resenhas: uma grande pontuação de contagem, barras de distribuição animadas (cinco estrelas: 84%, quatro: 11%...), depois quatro cartões de resenhas marcados por plataforma com cores de crachá por cartão As classificações fracionárias pintam estrelas parciais Este tem mais controles do grupo de depoimentos, 24, porque tudo, desde as porcentagens de barras até a legenda abaixo da pontuação, é editável.

Preços modelos de seção de tabela

Plano destacado de três níveis, uma matriz de comparação e uma alternância mensal/anual.

14. três níveis clássicos: modelo de tabela de preços do elementor

Três cartas, entrada escalonada, preços que contam para cima em scroll Os planos são um repetidor Os recursos entram como uma linha por recurso em uma área de texto, então os planos podem ter cinco recursos ou nove sem slots vazios Um alternador de”popular” por plano muda o botão desse cartão de fantasma para sotaque sólido.

15. Plano destacado: Modelo de seção de preços do elementor

Mesmos ossos de três colunas, mas o plano popular se eleva fisicamente acima de seus vizinhos com um pulso de brilho e uma fita O destaque segue uma alternância em cada linha repetidora, então promover um plano diferente no próximo trimestre é um interruptor, não um restyle Uma linha de estatísticas de rodapé (tempo de atividade, data centers, suporte) pode ser desligada.

16. lista de recursos de comparação: Tabela de comparação de preços do elementor

Uma matriz de características real: três colunas de planos, linhas de características com valores sim/não/personalizados (“5 users”, “Unlimited”), e um bloco expansível que revela mais seis linhas com uma animação de altura suave Digite sim ou não em uma célula e ele renderiza como um cheque ou cruz; digite qualquer outra coisa e ele imprime como texto Qual plano obtém o destaque da coluna “Best value” é um dropdown Em 38 controles é o modelo mais profundo do pacote.

17. alternância mensal/anual: tabela de preços do elementor com alternância de faturamento

O padrão SaaS. Um switch acessível inverte cada cartão entre preços mensais e anuais com um pouco de animação price-flip; cada plano carrega ambos os preços mais ambos “faturado como notas” em sua linha repetidora O texto do emblema “Save 20%” é um campo, então alterar a matemática muda o emblema.

Modelos de seção da equipe

Uma grade de fotos, BIOS de revelação ao passar o mouse e um controle deslizante com um painel de bio. Para adicionar um efeito de foco a uma única foto fora desses modelos, use o Widget de efeitos de passagem de imagem.

Grade de cartão de foto 18.: modelo de seção da equipe do elementor

Quatro cartões de retrato com um pairar de zoom e varredura de borda Nome, função e uma biografia de uma linha por membro; o escalonamento de entrada recalcula para qualquer contagem de membros Quatro ilustrações de retratos demo vêm no zíper se você precisar de espaços reservados enquanto coleta fotos de cabeça reais.

19. Bios de revelação do hover: modelo de cartões de membro da equipe do elementor

Retratos que deslizam para cima em um painel biológico no hover, foco ou toque, para que funcione com um teclado e em telefones, bem como com um mouse Cada linha de membros carrega controles de link do LinkedIn, Instagram e e-mail, e toda a linha social pode ser desligada se sua equipe preferir não.

20. controle deslizante da equipe: modelo deslizante da equipe do elementor

Um membro de cada vez: foto grande, etiqueta de função, uma biografia mais completa e um contador “01 / 05” que é reconstruído a partir de sua contagem real de membros, assim como os pontos As teclas de seta funcionam Bem para equipes pequenas, onde cada pessoa merece mais do que um cartão de visita.

Predefinições de secção de perguntas frequentes

Um acordeão, uma sessão de perguntas e respostas de duas colunas, guias de categoria e um acordeão ao lado de um cartão de suporte.

21. acordeão: Elementor FAQ modelo de acordeão

Acordeão aberto único com animação de altura suave e ícones de mais giratórios Perguntas e respostas são um repetidor; se o primeiro item começa aberto é um alternador A linha do rodapé (“Still stuck? Write to us”) tem seu próprio link e campos de e-mail, porque essa linha sempre acaba codificada e esquecida de outra forma.

Perguntas e respostas de duas colunas 22.: modelo de seção de perguntas frequentes do elementor

Sem clicar Todas as seis respostas ficam visíveis em uma grade numerada de duas colunas com revelações escalonadas A numeração 0106 é contadores CSS, então os itens renumeram-se a si mesmos adiciona um sétimo Melhor do que um acordeão quando suas respostas são curtas e você prefere que os visitantes realmente as leiam.

23. guias de categoria: Elementor FAQ tabs template

Doze perguntas em quatro categorias com uma barra de guias de pílula deslizante Você não gerencia as guias em tudo Cada pergunta no repetidor tem um campo de categoria, e o widget constrói os botões de guia a partir das categorias exclusivas que encontra Renomeie uma categoria em três perguntas e a guia renomeie-se Navegação completa da guia de seta incluída.

FAQ 24. com cartão de suporte: seção FAQ do elementor com cartão de suporte

Acordeão à esquerda (multi-abrir desta vez), um cartão de suporte pegajoso à direita com uma ilustração, canais de contato e uma nota de equipe com três slots de avatar Os canais de contato são um repetidor com um seletor de ícone de bate-papo/e-mail/telefone/relógio por linha O deslocamento pegajoso do cartão é um controle deslizante, para quando seu site tem um cabeçalho fixo gordo.

Modelos de bandas de call-to-action

Um gradiente ousado, uma divisão com uma imagem de produto e uma faixa centralizada mínima.

25. gradiente negrito: modelo de chamada para ação do elementador

Uma lavagem gradiente animada de três cores com bolhas flutuantes que se desviam em direção ao seu ponteiro As três cores gradiente são selecionadores separados, portanto, mudar todo o humor de violeta para laranja marca leva três cliques Botões primário e fantasma cada um tem controles de link completo; os blobs desligar para minimalistas (e desligar-se para visitantes de movimento reduzido).

26. split com imagem do produto: Elementor CTA modelo de seção

Copie e checklist à esquerda, tiro de produto à direita com crachás flutuantes de especificações (capacidade, tempo de carga, peso) que se reposicionam como muitos você adicionar A classificação por estrelas conta até 4.8 de 2.318 avaliações na demonstração, e ambos os números são campos Construídos para um produto físico, mas funciona para qualquer coisa com especificações que valem a pena se gabar.

27. Minimal centrado: Elementor call to action band

Fundo de creme, um título, um botão, regras finas acima e abaixo O título revela palavra por palavra, e porque a divisão acontece em tempo de execução, sua manchete reescrita anima exatamente o mesmo Quando todas as outras seções da página estão gritando, esta fecha o negócio baixando a voz.

Modelos de seção do formulário de contato

Formulário com dados de contato, formulário com mapa animado e cartão centralizado.

28. Formulário com informações de contato: Modelo de formulário de contato do elementador

Coluna de informações (e-mail, telefone, escritório, como um repetidor com ícones de ciclismo) ao lado de um formulário com nome, e-mail, empresa, um orçamento dropdown, e um campo de mensagem As faixas de orçamento são seu próprio repetidor Cada rótulo e espaço reservado é editável, o que importa o dia em que você traduzir o site.

29. formulário com mapa: Formulário de contato do elementor com mapa

Um formulário com chips de seleção de tópicos ao lado de um mapa SVG ilustrado: rota tracejada animada, pino pulsante, detalhes de parque e canal. Nenhuma incorporação do Google Maps, nenhuma chave de API, nenhuma implicação de banner de cookies. Os rótulos das ruas no mapa são campos de texto, então coloque suas ruas reais nele.

Cartão 30. centered: Seção do formulário de contato do elementor

Um cartão centrado em um fundo escuro com um holofote que segue seu cursor e um “Respostas piscando dentro de um dia útil” status crachá O texto do crachá é um campo e todo o crachá é alternável menor pegada dos três Largue-o no final de qualquer página que precise de uma opção de contato sem uma página de contato dedicada.

Modelos de tiras de logotipo

Uma grade em tons de cinza que brilha ao pairar e uma marquise infinita.

Grade estática da escala de cinza 31.: Modelo da grade do logotipo do elementor

Oito logotipos em uma grade, em escala de cinza até pairar, com uma estatística de contagem por baixo (“Powering reporting for 1,400+ teams”).As colunas são um controle deslizante, a linha de estatísticas é alternável e o pairar de escala de cinza para cor funciona em quaisquer logotipos PNG ou SVG que você carregar.

32. marquise de rolagem: Modelo de carrossel com logotipo do elementor

Uma marquise infinita com fades de borda que faz uma pausa no hover e para para visitantes em movimento reduzido Você adiciona cada logotipo uma vez; o clone de loop sem costura é tratado em JavaScript A velocidade de rolagem é um controle deslizante; a demonstração executa um loop de 28 segundos, que parece confiante em vez de frenético.

Navegue pela biblioteca de 583 seções por tipo

A biblioteca é a outra metade: 583 designs instalados de dentro do editor Elementor em vez de baixados Abaixo estão três escolhas de cada uma das categorias principais, cada uma com uma demonstração ao vivo que você pode rolar e clicar, e um botão para cada design dessa categoria.

As contagens são da biblioteca em 23 de setembro de 2026. novas seções são lançadas com a maioria dos lançamentos, portanto, seu plugin pode mostrar mais do que isso.

Modelos de seção de heróis do elementor

47 designs de heróis na biblioteca Eles diferem principalmente pelo que fica ao lado do título: uma captura de tela do painel, um botão de reserva, um crachá de revisão ou uma linha de contador Se você quiser heróis, pode baixar como JSON em vez disso, há um pacote separado de modelos de seção de heróis.

Herói SaaS de sinal de borda

Dark SaaS hero com um título de latência e o painel do produto embaixo dele.

Demonstração ao vivo

Herói Limpador

Herói fotográfico para uma empresa de serviços, com classificação por estrelas e número de telefone próximo ao botão.

Demonstração ao vivo

Herói Craftova

Herói ilustrado com uma carta de resultados flutuante ao lado da manchete.

Demonstração ao vivo

Cada herói é uma pilha de contêineres, então o título, a imagem e o botão permanecem elementos separados que você pode arrastar.

Elementor apresenta modelos de seção

A maior categoria em 64 seções A maioria corre no Caixa de informações widget, que mantém ícone, título, texto e link como controles separados em vez de um bloco de texto formatado.

Levante Levante Características Grade

Oito pastel apresentam peças sob um título serifado, duas linhas de quatro.

Demonstração ao vivo

Cartões de confiabilidade escuros

Quatro cartões escuros com ícones numerados, construídos para garantias e SLAs.

Demonstração ao vivo

Recursos do aplicativo móvel Clowdify

Seção dividida roxa com uma maquete de telefone e uma lista de verificação de recursos do aplicativo.

Demonstração ao vivo

Troque os ícones do controle Info Box e o espaçamento será válido O texto é um texto real, então ele é traduzido e indexado.

Elementor sobre nós modelos de seção

40 sobre e seções de história O layout que mais se repete é uma imagem de um lado com a história, uma lista de verificação e uma linha de estatísticas do outro.

História de artesanato sombrio

Banda de história editorial sombria com uma foto de produto e uma linha de data.

Demonstração ao vivo

Limpeza Sobre nós

Colagem de fotos com uma linha de promessa destacada e um botão de número de telefone.

Demonstração ao vivo

VibeSpace Sobre

Design de interiores em bloco com grade de quatro imagens e três contadores embaixo.

Demonstração ao vivo

Eles mantêm sua forma quando a história dura muito, e é onde a maioria das seções se desfaz.

Estatísticas de elementor e modelos de seção de contador

40 seções para números: linhas de contador, barras de progresso, placas métricas bento e painéis Os contadores são executados no Contrapor widget e animar em rolagem sem configuração.

Envoltório Festival Bento

Placa Bento de cinco ladrilhos métricos em diferentes tamanhos, escuros e quentes.

Demonstração ao vivo

Métricas Chave Zaplyte

Faixa roxa ousada com três balcões grandes e etiquetas curtas.

Demonstração ao vivo

Barras de progresso em negrito

Bloco azul com três barras de progresso rotuladas para entrega ou números de capacidade.

Demonstração ao vivo

Os contadores levam um prefixo e um sufixo, então 12 k +, 99,9% e $ 4,2 M todos renderizam sem tocar no campo numérico.

Modelos de seção de depoimentos de elementor

41 seções de depoimentos e revisões: controles deslizantes, grades de cartões, aspas simples e layouts de plataforma de revisão Há também um passo a passo na construção de um carrossel de depoimentos se preferir construir um você mesmo.

Histórias de clientes Craftova

Bloco ilustrado de histórias de clientes com um contador de clientes satisfeitos no meio.

Demonstração ao vivo

História do cliente Retrato

Citação editorial sombria com duas fotos de retrato e uma longa citação.

Demonstração ao vivo

Testemunhos Craftova

Revise cartões com estrelas acima de uma faixa de classificação de plataforma de revisão.

Demonstração ao vivo

As avaliações são itens repetidores na maioria deles, então um quinto é um clique e a linha se espaça novamente.

Modelos de tabela de preços do elementor

19 seções de preços construídas no Tabela Preços widget. nome do plano, preço, lista de recursos, faixa de opções e botão são controles separados, que é o que mantém as linhas alinhadas quando os planos têm contagens de recursos diferentes.

Preços de elevação de chumbo

Layout creme de três níveis com título serifado e troca mensal ou anual.

Demonstração ao vivo

Tabela de preços escura

Mesa escura de três colunas com plano destacado e preços por assento.

Demonstração ao vivo

Preços Craftova

Três planos com uma carta do meio limão e um crachá salvo na opção anual.

Demonstração ao vivo

Para uma troca mensal e anual dentro de um widget, o modelo de alternância de cobrança mais acima nesta página lida com isso.

Modelos de seção da equipe do elementor

36 seções de equipe rodando no Membro da equipe widget, então foto, função, links biológicos e sociais são campos em vez de caixas de texto empilhadas.

Bento Retrato Mosaico

Mosaico bento escuro de quatro retratos em molduras incompatíveis.

Demonstração ao vivo

Equipe Clowdify

Faixa laranja com cinco cartões de retrato e papéis embaixo.

Demonstração ao vivo

Linha de retratos escalonada

Fila gradiente roxa de retratos em arco que revelam uma nota pairando.

Demonstração ao vivo

Os ícones sociais são por membro, portanto, uma pessoa pode ter apenas o LinkedIn e a linha ainda se equilibra.

Modelos de seção de perguntas frequentes do elementor

21 seções de FAQ. Os acordeões usam o Acordeão Avançado widget, que carrega o comportamento de abertura única e a configuração do esquema de perguntas frequentes.

Perguntas frequentes sobre brilho escuro

Acordeão escuro com brilho roxo atrás do rumo.

Demonstração ao vivo

Painel de perguntas frequentes de Bento

Acordeão à esquerda com um bloco de estatísticas de cal e um bloco de fotos à direita.

Demonstração ao vivo

Perguntas frequentes editoriais numeradas

Perguntas frequentes numeradas em verde profundo com um título ainda curioso.

Demonstração ao vivo

Ative o esquema no widget de acordeão antes de publicar se quiser que as perguntas sejam elegíveis para resultados ricos.

Modelos de seção de chamada para ação do elementor

27 bandas CTA, as seções que ficam acima do rodapé e pedem o clique. Construído no Chamada à Ação e Botão Criativo Widgets.

Elevador de chumbo CTA

Banda de largura total de coral com manchete de teste gratuito e linha sem cartão de crédito.

Demonstração ao vivo

tecpart cta

Faixa escura em escala com um globo de estrutura de arame atrás da cópia.

Demonstração ao vivo

Zaplite CTA

App promo split com emblemas de loja, uma maquete de telefone e uma linha de classificação.

Demonstração ao vivo

Os estilos de hover de botão vivem na guia Estilo do widget, portanto, as cores da marca são um selecionador e não uma edição de folha de estilo.

Modelos de seção do formulário de contato do elementador

46 seções de contato, reserva e horário de funcionamento Os formulários vêm do Formulário de Contato 7 através do Estilista CF7, então os campos continuam sendo seus e apenas o estilo vem da seção.

Formulário de Contato Balanciq

Mapa à esquerda, formulário de mensagem à direita.

Demonstração ao vivo

Formulário de contato de elevação de chumbo

Forma creme centrada com cabeçalho serifado e campos arredondados.

Demonstração ao vivo

Cartão de Reserva de Sobreposição

Foto noturna com cartão de abertura sobreposto e botão de reserva.

Demonstração ao vivo

Instale primeiro o Formulário de Contato 7 e, em seguida, escolha seu formulário no widget. A seção fica vazia até que um formulário seja selecionado.

Modelos de blog e seção de artigos do Elementor

28 seções de blog mais layouts de postagem única, construídos no Postagens de blog widget. Para modelos de página inteira, em vez de seções, consulte o Modelos de blog Elementor postagem.

Postagem de blog culinário

Layout de revista com um poste grande e quatro cartões menores.

Demonstração ao vivo

Lista de arquivos editoriais

Lista de arquivos de creme com um botão de leitura em cada linha.

Demonstração ao vivo

Postagem do blog Balanciq

Linha postal de três cartas com datas e uma introdução de seção à esquerda.

Demonstração ao vivo

A grade puxa postes ao vivo, para que ela se preencha assim que a seção estiver no seu site.

Elementor mega modelos de seção de menu

Seis mega painéis de menu: colunas de links, diretórios de ícones e blocos promocionais que saem de um item de navegação em vez de ficarem na página.

Menu Mega da Loja de Eletrônicos

Painel de categoria de produto com um bloco de produto em destaque e três colunas de link.

Demonstração ao vivo

Mega Menu da Loja de Moda

Três colunas de link acima de dois banners de venda.

Demonstração ao vivo

Menu Mega do diretório de widgets

Diretório de quatro colunas de links de ícones para uma grande lista de recursos.

Demonstração ao vivo

Construa o painel como uma seção primeiro e, em seguida, aponte o widget Mega Menu para ele a partir de sua navegação.

Isso é 36 de 583. O biblioteca de seções completas tem o resto, e os mesmos designs estão dentro do plugin sob os filtros da mesma categoria Se você quiser uma página inteira em vez de uma banda, os layouts de página inteira ao vivo no Modelos de páginas do elementor página, com designs completos de sites no kits modelo página. Cabeçalhos, rodapés e pop-ups têm suas próprias páginas: Modelos de cabeçalho do elementor, Modelos de rodapé do elementor e Modelos pop-up do elementor.

Blocos de elementadores, seções, modelos de páginas e kits

Essas quatro palavras são usadas para a mesma coisa e significam diferentes quantidades de página.

• Seções são uma faixa horizontal: uma tabela de preços, um FAQ, um herói O que esta página é sobre Você empilhá-los para fazer uma página.
• Blocos são a mesma coisa sob um nome diferente Algumas bibliotecas addon dizem blocos onde dizemos seções Alguns usam a palavra para o editor de blocos WordPress, que não está relacionado.
• Predefinições de página são uma página completa: casa, sobre, contato, preços Quando as pessoas procuram modelos de sites Elementor isso geralmente é o que eles querem dizer Master Addons tem 211 deles no predefinições páginas página.
• Kits modelo são um site inteiro em um estilo: cabeçalho, rodapé e cada página, projetado para combinar Existem mais de 30 no kits modelo página.

As seções são a unidade útil quando você já tem um site e uma parte de uma página está errada Um kit faz mais sentido quando você está começando do nada e quer que a tipografia concorde consigo mesma.

O próprio sistema de contêineres da Elementor substituiu a antiga estrutura de seção e coluna Tudo aqui é construído com contêineres, e é por isso que as seções refluem adequadamente no celular em vez de colapsar em colunas esmagadas.

Modelos de landing page do elementor: construa um a partir dessas seções

Uma landing page é de quatro a oito seções em uma ordem deliberada Três combinações que funcionam, cada uma montada a partir de seções nesta página:

SaaS ou produto de software

Herói com uma foto de produto, tira de logotipo para prova social, grade de recursos, banda de estatísticas, tabela de preços com uma alternância mensal, acordeão de perguntas frequentes e, em seguida, a banda CTA. Sete seções. A banda de estatísticas diretamente sob os recursos está fazendo o trabalho de um estudo de caso que você ainda não escreveu.

Negócio de serviços locais

Herói com um botão de reserva, grade de serviços, sobre com a foto do proprietário, cartões de revisão, FAQ, em seguida, um formulário de contato com um mapa O mapa importa mais do que parece: para um pessoal de negócios dirigir para, ele responde a pergunta que decide a chamada.

Agência ou estúdio

Herói, marquise do logotipo do cliente, linhas de recursos alternadas, grade da equipe, cartões de estudo de caso, um grande depoimento e, em seguida, o CTA. Liderar com os logotipos. Para o trabalho de agência, com quem você trabalhou supera o que você diz sobre si mesmo.

As seções são baseadas em contêiner, então você pode reordená-las arrastando o Navegador, e o espaçamento entre elas permanece consistente porque o preenchimento vive na seção e não nos widgets dentro dela.

Quais seções uma página realmente precisa?

A maioria das páginas convertidas usa a mesma lombada, aproximadamente nesta ordem:

1. Herói: o que é isso e o que clicar. Cada página.
2. Logotipo ou faixa cliente: credibilidade emprestada, barato de adicionar.
3. Características ou serviços: o que você realmente consegue.
4. Sobre: por que você, com um rosto se você tem um.
5. Estatísticas: prova de escala onde os números são bons.
6. Depoimentos: prova de alguém que não é você.
7. Preços: para qualquer coisa com planos.
8. Equipe: agências, clínicas, empresas locais.
9. Perguntas frequentes: as objeções que impedem o clique.
10. Banda CTA: a última pergunta antes do rodapé.
11. Contato: o formulário e o mapa se a localização for importante.

Corte o que você não pode preencher honestamente Uma seção de depoimentos vazia com três citações inventadas causa mais danos do que nenhuma seção de depoimentos.

Perguntas frequentes

Comece com uma seção

Escolha a seção do seu site que você menos gosta, encontre-a acima e substitua-a. Esse é um trabalho de dez minutos e determina se esta biblioteca se adapta ao seu trabalho.