Ir para o conteúdo principal

Elementor Pro: 10 recursos incríveis para desbloquear - Parte I

Divi: o tema WordPress mais fácil de usar

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Gostaria de saber os melhores recursos para dominar no Elementor Pro?

Todos os usuários do WordPress sabem disso. Elementor é um dos construtores de páginas mais populares. Por ser um plugin freemium, você pode aproveitar a experiência de criar uma bela página de forma visual usando o Elementor com a opção de atualizar para a versão profissional para desbloquear recursos mais avançados.

Leia nosso guia sobre: Como instalar o Elementor no WordPress

Na verdade, existem duas maneiras de estender a funcionalidade do Elementor. Além de atualizar para a versão profissional, você também pode instalar complementos de terceiros desenvolvidos por desenvolvedores conhecidos, como weDevs, WPDeveloper, vers Crocobloco. Se você preferir atualizar para o Elementor Pro e ainda se perguntando quais recursos você pode desbloquear, aqui está a lista.

20 principais recursos do Elementor Pro

1. Gerador de tema

WordPress é escrito em PHP. Dito isso, para criar um plugin ou tema WordPress, você também precisa ser proficiente em PHP e linguagens de suporte como JavaScript. Mas isso foi antes. Hoje você pode criar seu próprio tema WordPress sem codificação, graças ao recurso de criador de tema oferecido por alguns plug-ins de criação de página como o Elementor.

O que é um construtor de tema?

Para entender o conceito de um criador de tema, primeiro você precisa entender os componentes de um tema WordPress. Um tema WordPress consiste em arquivos de modelo. Cada arquivo de modelo controla o layout de parte do tema. Por exemplo, o arquivo header.php controla o layout do cabeçalho do tema, enquanto o arquivo footer.php controla o layout do rodapé do tema. A maioria dos temas do WordPress tem os seguintes arquivos de modelo:

  • header.php: Para controlar o layout do cabeçalho.
  • footer.php: Para controlar o layout do rodapé.
  • single.php: Para controlar o layout de um único artigo (postagem no blog).
  • sidebar.php: Para controlar o layout da barra lateral.
  • archive.php: Para controlar o layout das páginas de arquivo.
  • page.php: Para controlar o layout da página.

Um construtor de tema permite criar modelos customizados para substituir os modelos acima, bem como outros modelos que pertencem a um tema. Você pode construir o modelo customizado usando o editor visual do construtor de página que você está usando (Elementor neste caso).

elementor-pro-awesome-features-to-master

Uma das vantagens de usar um construtor de tema em vez de um tema é que você pode definir onde um modelo customizado será aplicado. Por exemplo, você pode definir um modelo de cabeçalho personalizado para aplicar a uma determinada postagem, página, postagens em certas categorias, todo o site, etc.

Em outras palavras, você pode ter layouts diferentes de uma determinada parte do tema (por exemplo, cabeçalho) criando vários modelos personalizados para a mesma parte. Outra vantagem, você tem opções de personalização ilimitadas.

2. WooCommerce Builder

Você tem um site de comércio eletrônico baseado no WooCommerce? O Elementor Pro também é capaz de levar o design de seu site de comércio eletrônico para o próximo nível, permitindo que você crie modelos personalizados para sua loja online WooCommerce. Não há necessidade de comprar um tema WooCommerce.

Lire: Como criar uma página personalizada de uma loja WooCommerce com Elementor

Em vez disso, você mesmo pode personalizar partes do WooCommerce usando o editor visual do Elementor. As partes do WooCommerce para as quais você pode criar modelos personalizados são:

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

  • Única página de produto
  • Páginas de arquivo do produto (categorias e tags)
  • Página da loja

Você tem os seguintes widgets para criar os modelos personalizados para WooCommerce:

Produtos Classificação do produto
Breadcrumbs WooCommerce Estoque do produto
Adicionar personalizado ao carrinho Meta do Produto
Páginas WooCommerce Breve Descrição
Categorias de Produtos Conteúdo do Produto
Carrinho de Menu Guias de dados do produto
Título do Produto Informação adicional
Imagens de produtos Relacionado ao produto
Preço do produto Upsells
Adicionar ao cartão

3. Form Builder

elementor-pro-awesome-features-to-master

O Elementor Pro dá acesso ao widget Form. Você pode usar este widget para adicionar um formulário ao modelo de construtor de página / tema no qual está trabalhando. Este widget permite que você crie uma ampla variedade de tipos de formulário, graças ao seu amplo suporte a tipos de campo. Aqui estão os tipos de campo suportados pelo widget Form do Elementor:

Texto Aceitação
Email oculto
Textarea HTML
URL Palavra-passe
Tel Carregar arquivo
Selecionar Horário
Caixa de seleção Data
rádio Sessão

Você pode incorporar seu formulário em reCAPTCHA para protegê-lo de spammers. Com um pequeno truque, você também pode usar o widget Form para criar um página de registro em seu site. Elementor também permite que você crie um formulário em várias etapas para permitir que você crie um formulário longo simplificado, bem como para fornecer um melhor experiência do usuáriopara seus usuários.

O próprio Elementor não possui uma funcionalidade padrão para lidar com os envios de formulários. O widget de formulário do Elementor suporta integrações com serviços populares GetResponse, ActiveCampaign, ConvertKit, Discord, etc.

4. Gerador de Popup

O construtor de pop-up é um dos recursos que você pode desbloquear após atualizar para o Elementor Pro. Esse recurso permite que você crie lindos pop-ups em seu site sem codificação. Você pode até usar os modelos de formulário prontos oferecidos para agilizar seu fluxo de trabalho.

Existem mais de 100 modelos pop-up prontos oferecidos pela Elementor.

elementor-pro-awesome-features-to-master

O próprio gerador de pop-up do Elementor suporta os seguintes tipos de gatilhos:

  • No carregamento da página - ao carregar a página
  • Na rolagem - Ao rolar
  • Ao rolar para o elemento - Ao rolar para o elemento
  • Ao clicar - Ao clicar
  • Após inatividade - Após inatividade
  • Intenção de saída na página - Intenção de saída na página

O Gerador de pop-ups do Elementor Pro também suporta condições de exibição, o que permite definir onde um pop-up aparecerá. Ele também permite que você exiba uma janela pop-up com base nas seguintes condições:

  • Depois de x visualizações de página
  • Depois de x sessões
  • Ao chegar de um determinado url
  • Quando os motores de busca chegam
  • Mostrar uma janela pop-up apenas para usuários offline
  • Exibir em tipos de dispositivos específicos (desktop, tablet, smartphone)
  • Mostrar em navegadores da web específicos

Com seu suporte para gatilho de clique, você também pode usar o gerador de pop-up para criar menu em tela cheia e um menu fora da tela.

5. Integrações de terceiros

Como mencionado acima, você pode usar o widget Form do Elementor para criar uma ampla variedade de formulários, graças ao seu amplo suporte para campos de formulário. Um deles permite que você use o widget Form para criar um formulário de registro de e-mail para gerar leads.

Você pode conectar seu formulário a serviços populares de marketing por e-mail, como ActiveCampaign, GetResponse, etc.

Aqui estão os serviços de terceiros com os quais você pode integrar seu formulário:

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

  • GetResponse
  • ActiveCampaign
  • MailerLite
  • ConverKit
  • MailPoet
  • Mailchimp
  • Gotejamento
  • Slack
  • Discórdia
  • HubSpot

Essas integrações de terceiros são particularmente úteis se você deseja usar o Elementor para criar páginas iniciais.

6. CSS personalizado

É verdade que o Elementor permite que você crie belas páginas em seu site WordPress sem ter que lidar com CSS. No entanto, se você deseja criar um site totalmente exclusivo, pode usar suas habilidades em CSS. Este recurso permite implementar recursos CSS que ainda não estão disponíveis no Elementor, como CSS Transform para adicionar um efeito de foco estiloso ao Elementor.

Leia também: Como importar ou exportar modelos no Elementor

Você pode adicionar CSS personalizado a cada elemento Elementor. Seja uma seção, coluna ou widget. Você pode acessar o bloco CSS personalizado sob a guia avançado no painel de configurações (painel do lado esquerdo) no editor Elementor para adicionar CSS personalizado.

7. Efeitos de movimento

O Elementor Pro vem com opções de ajuste para permitir que você aplique efeitos de movimento a um elemento na página em que está trabalhando. Você pode usar o recurso para adicionar efeitos de animação à sua página sem precisar entender JavaScript.

Os efeitos de movimento oferecidos pelo Elementor Pro são de dois tipos: o efeito de rolagem e o efeito do mouse. Além disso, você também pode aplicar a opção pegajosa à seção e aos widgets.

8. Mais de 90 widgets

Como você sabe, o Elementor é lançado como um plugin freemium, o que significa que há uma versão gratuita disponível para você aproveitar a experiência do usuário do Elementor sem gastar um centavo. Embora Elementor Free ofereça widgets básicos, a versão pro vem com widgets mais avançados, como Formulário, Postagens, Login, Lista de Preços, etc.

Aqui estão os widgets que você pode desbloquear após atualizar para o Elementor Pro.

POSTAGENS Contagem regressiva pós Trecho
Portfólio Botões de compartilhamento Imagem em destaque
Slides Blockquote Caixa do Autor
Contato Botão do Facebook Postar comentários
Iniciar Sessão Comentários Facebook Post Navigation
Título Animado Facebook Embed Informações da postagem
Lista de Preços Página do Facebook Produtos
tabela de preços Modelo Breadcrumbs WooCommerce
Flip box Logo do site Adicionar personalizado ao carrinho
Chamada para Ação titulo do site Páginas WooCommerce
Carrossel de mídia Bloco de Página Categorias de Produtos
Carrossel Depoimento menu de navegação Carrinho de Menu
Avaliações Formulário de Pesquisa Lottie
Mapa Título do Post Código de destaque
vídeo Playlist Botão PayPal hotspot

Existem mais de 90 widgets que você pode desbloquear no total (widgets gratuitos e widgets profissionais)

9. Conteúdo dinâmico

Você não pode apenas usar o Elementor para construir sites estáticos. Com seu suporte de conteúdo dinâmico, você também pode usar o Elementor para construir um site dinâmico, como blog, portal de notícias, site de anúncios e outros tipos de sites dinâmicos. Você pode adicionar conteúdo dinâmico a uma página de modelo ou criador de tema usando os seguintes widgets:

  • Logo do site
  • titulo do site
  • Título da página
  • Título do Post
  • pós Trecho
  • Imagem em destaque
  • Informações da postagem
  • POSTAGENS

10. Campos personalizados

Os widgets que mencionamos no ponto 9 acima podem ser usados ​​para adicionar conteúdo dinâmico padrão do WordPress, como título do post, meta do post, imagem em destaque, etc.

E os campos personalizados? Elementor Pro também permite que você adicione Os campos personalizados. Ao maximizar essa funcionalidade, você pode usar o Elementor para construir qualquer tipo de site com o mínimo possível de plug-ins. O Elementor Pro é compatível com os seguintes plug-ins de campos personalizados populares:

  • vagens
  • Avançado campos personalizados
  • Toolset
  • JetEngine

Como integrar um determinado plugin de campo personalizado com Elementor?

Você pode simplesmente criar o grupo de campos personalizados usando seu plug-in de campo personalizado favorito e usar o Elementor para exibir os dados dos campos personalizados que você criou. Você pode exibir campos personalizados em um modelo. Você pode ler nosso artigo anterior para descobrir como adicionar campos personalizados no Elementor.

No final

Elementor é uma ótima ferramenta para construir um belo site sem lidar com nenhum código. Quer se trate de códigos CSS, códigos HTML, códigos PHP ou códigos JavaScript. A versão gratuita do Elementor era ótima, mas para desbloquear seu potencial como o melhor plug-in de construtor de páginas, você precisa desbloquear todos os recursos, o que pode ser feito atualizando para a versão profissional.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Aqui termina esta primeira lista de recursos que você poderá desbloquear usando o Elementor Pro. Você descobrirá os próximos em outro artigo.

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que apresenta os melhores recursos incríveis para dominar no Elementor Pro. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
0 ações
ação
chilrear
Enregistrer