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

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 nósDevs, Desenvolvedor WPD, 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 isto, para criar um plugin ou um 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 construtor de temas oferecido por alguns plugins de construtor de páginas como o Elementor.

O que é um construtor de tema?

Para entender o conceito de um construtor de temas, você deve primeiro 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. O máximo de 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).

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. Construtor WooCommerce

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:

• Ú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 carrinho

3. Construtor de formulários

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
E-mail	oculto
Textarea	HTML
URL	Senha
Tel	Carregar arquivo
Selecionar	Horário
Caixa de seleção	Data
Rádio	Sessão

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.

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:

• GetResponse
• ActiveCampaign
• MailerLite
• ConverterKit
• MailPoeta
• Mailchimp
• Gotejamento
• Slack
• Discord
• 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ê quiser criar um site completamente único, você pode usar suas habilidades de CSS. Esse recurso permite que você implemente os recursos CSS que ainda não estão disponíveis no Elementor, como CSS Transform para adicionar um efeito de foco elegante 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.

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

9. Conteúdo dinâmico

Você não apenas pode usar o Elementor para criar sites estáticos. Com seu suporte para conteúdo dinâmico, você também pode usar o Elementor para criar um site dinâmicos, 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 um modelo ou página do construtor de temas 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.

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