Elementor: guia completo para iniciantes

A Elementor é um dos principais construtores de páginas do WordPress, com mais de 4 milhões de usuários. Para projetar com esse editor visual WordPress, o senhor precisa saber tudo sobre suas características.

Ao contrário de outros temas de construção, a Elementor PRO apresenta um grande número de projetos prontos que o senhor pode usar diretamente em seu website. Seus desenhos são muito úteis e atraentes.

Neste artigo, veremos todos os detalhes sobre a Elementor para que o senhor possa conhecê-la melhor e decidir se está ou não interessado nela.

Vamos começar!

Capítulo 1: O que é Elementor e como ele funciona?

Neste capítulo vamos abordar os seguintes conceitos básicos sobre a Elementor:

• O que é um editor de website?
• O que é Elementor?
• Para que exatamente é e por que é o melhor do mercado?
• Como funciona?

Antes de falarmos sobre a Elementor e facilitar a compreensão, vamos primeiro explicar o termo construtor do website.

1.o que é um construtor de website?

Para compreender o que é Elementor, precisamos primeiro introduzir um outro conceito: o de um web designer. E isto não é uma profissão, mas um software.

Um web designer (também chamado de “editor” ou “construtor de páginas”) é uma ferramenta que lhe permite criar um website de maneira rápida e fácil, geralmente através de um sistema de arrastar e soltar

Dessa forma, melhora a exibição do conteúdo e amplia a funcionalidade do site.

Digamos apenas que antes do advento desse tipo de ferramentas, as mudanças visuais no WordPress eram mais complexas de se conseguir. Mesmo em seus primeiros dias, eles não facilitaram as coisas e acrescentaram muito código indesejável a seus sites.

Na verdade, um dos objetivos da instalação de um CMS é racionalizar muitas das tarefas demoradas que devem ser feitas em um website personalizado. O instrumento deve, portanto, poupar-lhe tempo.

Não podemos lhe dizer que os construtores do site são a melhor solução para criar páginas. No entanto, como tudo o mais, eles têm suas vantagens e desvantagens, mas cumprem com sucesso muitos de seus objetivos:

• Eles otimizam o processo de criação de uma página da Internet;
• Eles lhe dão maior flexibilidade;
• Eles permitem que outros usuários menos avançados façam pequenas mudanças sem depender de um profissional. Em outras palavras, o senhor não precisa saber programar para trabalhar com eles. O senhor pode usá-las como “software livre de código”, embora elas permitam que o senhor acrescente código.

Então o que é exatamente Elementor?

1.o que é Elementor?

A Elementor é um designer de website para WordPress, também conhecido como

• Editor visual;
• Construtor de páginas visuais;
• Construtor de páginas.

É instalado como um plugin ou extensão do CMS

Fonte: Everything About ELEMENTOR Page Builder Infographic – LUSH TEMPLATES RESOURCES

O Page Builder é uma ferramenta fácil de usar que permite ao senhor criar e desenhar a parte gráfica (a aparência das páginas, publicações…) de seu website de maneira visual e intuitiva, colocando cada elemento onde o senhor quiser e dando as cores e formas desejadas.

Assim o senhor pode criar mais facilmente um website muito profissional. E tudo isso sem ter que tocar no código, graças a um sistema muito intuitivo conhecido como arrastar e largar.

Além disso, é feito de uma maneira simples, como o senhor pode ver, sem ter que apertar um botão de “Preview”

Isso porque a Elementor apareceu no mercado pela primeira vez em 2016 e é desenvolvida sob uma licença GPLv3 de código aberto. Assim, os desenvolvedores têm a capacidade de ampliar as capacidades desse plugin, se quiserem

Os autores têm um subdomínio chamado Elementor Developers, onde o senhor pode encontrar todas as informações de que precisa a respeito.

Pode ser usado por especialistas e iniciantes. Mas se o senhor conhece CSS, HTML e JavaScript, pode fazer coisas incríveis além do que essa ferramenta lhe permite fazer

É gratuito, mas também é pago. A versão gratuita oferece ao senhor algumas funcionalidades básicas. Em todo caso, se o senhor quiser ter acesso a todo o poder do software e for também um novato, o ideal é comprar a versão profissional.

1.3 Elementor: para que exatamente é e por que é o melhor do mercado?

A Elementor ajuda a criar todo tipo de layouts a partir do zero, em um mínimo de tempo. Ideal para as pessoas que querem iniciar seu projeto o mais rápido possível

Fonte: Hubspot

Isso lhe dá a experiência única de criar a página como você quer sem ter que ser um web designer, apenas por se sentir apaixonado por seu projeto.

Há temas, modelos ou outros plugins que permitem ao senhor personalizar seu website WordPress, mas sem dúvida a combinação da Elementor+OceanWP torna os resultados totalmente satisfatórios e a um preço muito razoável

Além disso, como veremos mais adiante, as características e a otimização que a Elementor apresenta, o senhor não poderá encontrar exatamente em outros construtores de páginas como a Divi, por exemplo.

A Elementor não só oferece uma ótima maneira de mudar rápida e facilmente a aparência visual de uma página, mas também oferece uma grande variedade de cores, modelos e acréscimos que outros editores visuais muitas vezes não oferecem.

1.4. Como funciona a Elementor?

A Elementor trabalha de maneira muito simples. Trata-se deacrescentar widgets ou elementos que o senhor pode arrastar e soltar onde precisar para conseguir o projeto que tem em mente.

Os elementos são arrastados para as seções da página em branco que o senhor está editando, e o senhor pode encontrar

• blocos de texto
• imagens ;
• carrosséis; e
• botões;
• vídeos; e
• google Maps; e
• ícones das mídias sociais
• faqs (perguntas freqüentemente feitas)
• depoimentos
• slides
• tabelas de preços
• tabulações
• acordeões
• balcões
• contador regressivo ;
• etc.

Basta colocá-los onde o senhor quiser e configurá-los como quiser

• altura
• largura
• cores
• etc.

Para começar facilmente, o senhor pode trabalhar em um modelo pré-desenhado da Elementor, ou se quiser personalizar totalmente seu website, pode criar o seu próprio.

O senhor pode reutilizar tudo o que fizer para criar a base para outras páginas, e até mesmo exportá-la para outro website.

Trata-se de um construtor de páginas simples e intuitivo. É um programa leve que processa códigos internamente sem a necessidade de usar um tipo de código ou linguagem de programação

Um simples arrastar e largar permite que o senhor deixe sua imaginação correr solta até conseguir o projeto que deseja.

Fonte: Wpdeveloper

A Elementor se tornou uma ferramenta indispensável desde que o senhor instalou o WordPress. Com ela, o senhor criará seu website em tempo real, e saberá como será desde o início.

O senhor pode otimizar as páginas para a exibição correta em qualquer dispositivo, computador (modo desktop), tablet ou celular. Este último é chamado de design responsivo e agora é obrigatório se o senhor quiser aparecer em alta no Google.

Não só é esteticamente poderoso para que o senhor possa ter um belo website, mas também tem outros plugins muito poderosos que lhe permitem administrar :

• fontes
• ícones; e
• redes sociais
• desenho popup
• formulários de assinatura para atrair assinantes e conectá-los com um provedor de e-mail marketing como o Active Campaign ;
• etc.

Capítulo 2: Quais são as vantagens e desvantagens da Elementor?

2.1. As principais vantagens da Elementor

Ao contrário de outros construtores do WordPress, a Elementor tem características embutidas em sua licença que outros não incluem por padrão. Suas vantagens residem principalmente em sua funcionalidade e em suas características.

Aqui estão os principais:

• Velocidade

Ao contrário da maioria dos construtores visuais, a Elementor tem uma grande velocidade ao usá-la. Ele oferece todas as opções rapidamente e sem obstáculos, tornando o processo mais fácil e mais confortável.

• Emtempo real

A edição em tempo real é outro dos benefícios que a Elementor oferece. Ao usá-la, o senhor pode verificar que mudanças estão sendo feitas. Isso permite que o senhor veja como está seu site na Internet à medida em que vai.

• Fonte aberta

Não se preocupe se isso não oferecer todas as características de que o senhor necessita. Na verdade, com seu toque de fonte aberta, muitos desenvolvedores podem criar extensões para aumentar sua funcionalidade e dar ao senhor a melhor experiência possível

Mas atenção: muitas vezes há plugins para tudo o que o senhor precisará.

• Facilidade de uso

Pode levar algum tempo para habituar-se a usá-la, mas, em geral, são sistemas preparados para que o senhor possa começar a trabalhar sem muito conhecimento

Além disso, a Elementor oferece muitos tutoriais para tirar o máximo proveito disso. Portanto, o senhor não precisa ser um especialista em web design para usá-la

• Desenho

Ao contrário de outros construtores, a Elementor pode ajudar o senhor a modificar um site do zero sem ter que usar códigos CSS, dando ao construtor mais liberdade de movimento e velocidade.

• Rapidez e eficiência

O senhor pode escolher entre diferentes blocos de desenho e widgets pré-construídos para economizar muito tempo.

Se o widget, bloco ou função de que o senhor necessita não estiver na visão principal, a Elementor tem um mecanismo de busca que certamente o ajudará a encontrar o plugin que o senhor estava procurando

• Consome menos

Ela usa menos da metade de todos os recursos que outros editores visuais costumam usar.

• Respondendo

A Elementor Page Builder permite a edição visual de formatos em telefones e tablets de maneira totalmente simples e fácil. Esse aspecto positivo é talvez um dos mais importantes quando se trata de ser escolhido pelos usuários.

• Idiomas

Está traduzido em muitos idiomas, o que facilita seu uso em todo o mundo. Qualquer pessoa pode implementá-la em seu website.

• SEO

Proporciona todos os benefícios necessários para fazer uma boa aplicação de SEO na construção visual da página que o senhor projetou.

• 5 Classificação das estrelas:

Ela tem a aprovação da maioria dos usuários que tiveram a oportunidade de usar esse incrível construtor de websites.

• Versão livre:

A Elementor oferece uma versão gratuita para que qualquer pessoa possa usar suas características, mas também tem a versão PRO que amplia suas características e é essencial se o senhor está realmente procurando um bom resultado em seu website.

• Cabeçalho e rodapé personalizáveis:

Um construtor de temas que lhe permita fazer mudanças globais no cabeçalho, no rodapé ou nos modelos, praticamente tudo o que o senhor quiser.

• Woocommerce:

Com a Elementor, o senhor pode personalizar o woocommerce (página de produto, página de arquivo…) sem usar plugins externos.

• 404 erro :

A página 404 não costuma ser customizável por quase todos os construtores. Com a Elementor, o senhor terá um modelo pré-desenhado com exemplos para usar diretamente, sem ter que tocar no código.

• Blocos pré-desenhados:

Isso permite que o senhor crie páginas de maneira inteligente, usando blocos pré-projetados.

• Totalmente personalizável:

O senhor pode alavancar o poder da Elementor para personalizar cada parte de seu tema.

• Colocação múltipla:

Criar cabeçalhos múltiplos, rodapés e outros modelos temáticos a serem reutilizados em múltiplas áreas.

• Outras características:

• Cabeçalho pegajoso que segue seus usuários enquanto eles se deslocam;
• Salvar blocos, seções ou elementos globais que o senhor possa exportar para outro website.

Agora que vimos o bem, vamos dar uma olhada no não tão bom

2.2. As principais desvantagens de Elementor

Como qualquer tipo de software, a Elementor também tem suas desvantagens, mas isso geralmente depende do tipo de usuário na frente da ferramenta:

• A interface parece um pouco ocupada

À primeira vista pode parecer um antigo editor de textos ou a velha “Frontpage”, mas isso não é um problema sério.

• O preço de sua versão premium:

Embora seja uma despesa muito razoável para um plugin que lhe dá uma funcionalidade incrível e pode substituir mais de 17 plugins no mercado, seu custo pode parecer caro para alguns usuários.

• Os melhores modelos da Elementor só estão disponíveis na versão Premium

Embora haja menos modelos na versão gratuita, eles são bem projetados, bem mantidos e ainda uma opção atraente. Outros usuários preferem assim, pois têm menos opções de escolha para manter as coisas simples.

• Atraso de resposta

Se o senhor tem a versão premium, o apoio oficial geralmente demora um pouco para responder se o senhor tem perguntas de última hora.

• Gera código ineficiente

Quando o senhor usa um construtor de páginas para criar um website, o software tem que traduzir suas ações em código para que o navegador possa exibir. Como resultado, todo esse software acrescenta muito mais linhas de código do que o necessário

Por essa razão, não é a mesma coisa programar a aparência e o funcionamento de seu website que usar um construtor de páginas para isso.

Capítulo 3: Modelos gratuitos e widgets profissionais da Elementor

3.1. Mais de 100 modelos livres de Elementor

Na galeria da Elementor, o senhor pode encontrar mais de 100 modelos WordPress onde o design é gratuito e pode ser usado gratuitamente em qualquer website que criar para si mesmo ou para seus clientes

Evidentemente, são modelos destinados a serem usados somente com a Elementor.

No link a seguir, o senhor pode ver muitos dos desenhos da Elementor que pode usar em seus websites

Ver a galeria de modelos da Elementor

Na galeria o senhor tem disponíveis modelos prontos, catalogados em diferentes categorias, para que possa usá-los diretamente:

• Home : Página inicial ;
• Produto : Folha de produto ;
• Página de desembarque;
• Serviço: Página dos serviços que o senhor oferece;
• Contato: Página de contato com um formulário;
• Sobre: Página com informações sobre o senhor ou sua companhia;
• Uma página: web em uma página onde cada opção do menu o leva a uma seção;
• Portfólio: página com uma lista do trabalho realizado;
• Taxas: página de tarifas;
• Brevemente disponível: página disponível em breve;
• Blog post: página do blogue;
• Loja: página da loja virtual;
• Página de login: página com formulário de login;
• Etc.

Além dessa categorização de web designs, ela também incorpora designs pré-definidos sobre tópicos específicos, tais como web designs para

• Restaurantes
• Casamentos
• Lojas on-line; Hotéis; e
• Hotéis
• Spas;
• Pastelarias;
• Empresas de construção;
• CVs;
• Etc.

Ver galeria de modelos Elementor

Em resumo, o senhor encontrará uma grande variedade de desenhos para cobrir as principais necessidades de qualquer pessoa que pretenda criar seu website com o WordPress.

3.2. Elementor Widgets: O que o senhor precisa saber

Um dos aspectos mais positivos que a Elementor oferece a seu público é que ela vem com muitos widgets que o senhor pode usar ao projetar suas páginas da Internet no WordPress

Há widgets para quase todas as opções que me vêm à mente ao projetar um site pessoal, um blog ou mesmo uma loja on-line. O senhor pode usá-las no cabeçalho, no rodapé e na página que está desenhando.

É muito fácil de usar. Basta criar uma seção e arrastar um dos widgets para mudar a aparência visual.

A partir de suas opções, ele permite que o senhor mude a aparência em tabletes e dispositivos móveis, tornando muito fácil a obtenção de um website que responda. O senhor também pode guardar e reutilizar o mesmo widget em páginas diferentes, sem mudá-lo um a um.

Por exemplo, se o senhor integrar um formulário de contato em sua casa, sobre, serviços e página de contato, pode simplesmente criá-lo em um deles. Então, se o senhor mudar o e-mail ou um dos campos, ele mudará automaticamente no resto

Simples, não é?

A melhor maneira de o senhor se familiarizar com a Elementor é examinar cada um de seus widgets e características.

A Elementor tem widgets classificados em :

• Widgets básicos

• PRO widget

• Widgets temáticos

• WooCommerce widgets

O senhor pode verificar os detalhes de todos os widgets na página de widgets da Elementor.

3.3. Widgets incluídos no Elementor Pro

Note que eles estão continuamente acrescentando novos widgets e características, portanto, dentro de alguns meses o senhor provavelmente terá algumas coisas novas para discutir.

Vamos dar uma olhada nas principais opções de configuração de cada widget, para que o senhor possa ter uma idéia das configurações que eles têm e das possibilidades que eles oferecem.

3.3.1. Artigos

Com este widget o senhor pode colocar as últimas entradas de seu blog na página inicial ou em qualquer outra página de seu website. Isso é bastante comum em muitas páginas da web, especialmente em blogs e websites pessoais.

Caso contrário, o senhor teria que usar outro método (usar mais um plugin) para exibir os últimos artigos em sua página inicial. Agora, com a Elementor Pro, o senhor só tem que registrá-la.

Aqui estão algumas das configurações para este widget:

• Número de colunas a serem exibidas em desktops, placas e dispositivos móveis;
• Ocultar título, extrato, metadados (autor, comentários, categoria…), leia mais ;
• Adaptar o tamanho da imagem selecionada a cada tipo de tela;
• O senhor pode escolher qual etiqueta H (h1,h2,h3…) usar para o título, importante para referenciar;
• Mudar os temas de estilo, tais como cor do texto, fundo, tipografia, estofamento, margem… ;
• Mostrar as entradas em uma categoria específica/autor/formato/etiqueta, ordenar por data ou de forma aleatória;
• Habilitar a paginação.

Além de registrar um plugin, este widget permite que o senhor personalize totalmente a maneira como seus últimos artigos são expostos.

Um dos estilos que o senhor pode escolher é o Card Skins, que vem do design do hardware. Um estilo que o Google usa em todos os seus sites e plataformas

3.3.2 Widget da Carteira

Permite que o senhor exponha uma pasta com seus projetos. O que é interessante é que o senhor pode acrescentar filtros por

• Categoria ;
• Tag ;
• Formato
• Etc.

Para a carteira, o senhor pode precisar usar itens personalizados, pois, por padrão, são necessários blogs ou produtos.

Como com o resto dos widgets, o senhor tem as opções típicas de estilo

• Cores
• Topografia
• Espaçamento
• Etc.

3.3.3. Sliders

Este widget permite ao senhor colocar os famosos sliders em seu website. São slides de imagens que são geralmente (embora cada vez menos) colocados em páginas da web para mostrar ofertas, produtos em destaque ou uma chamada à ação.

Se o senhor precisar acrescentar um ao seu website, com este widget poderá fazê-lo perfeitamente e poupar-se de instalar um plugin adicional.

Tem bastantes opções de configuração:

• Alinhar o conteúdo: alto, baixo, meio… ;
• Acrescente um botão com uma chamada à ação;
• Mude os efeitos de animação;
• Acrescente uma imagem de fundo;
• Acrescentar uma imagem de fundo, etc.

Em geral, é bastante completo, e na maioria dos casos é mais do que suficiente, mas não atinge o nível de plugins como Revolution Slider ou similares.

3.3.4 Form widget

Este é um dos plugins de forma mais intuitiva e personalizável. Esse widget poderia muito bem valer a metade do valor de uma licença da Elementor Pro, se vendido separadamente.

O senhor pode colocar campos em filas e colunas muito facilmente, sem quebrar a cabeça. Além disso, o senhor pode redesenhá-lo completamente sem tocar em nenhum código ou acrescentar nenhum CSS.

O widget da forma é surpreendente, não há outra maneira de descrevê-lo.

Além disso, em uma das últimas atualizações, eles acrescentaram ainda mais características que estão listadas abaixo:

3.3.4.1. Aceitação dos termos e condições

Isso permite ao senhor acrescentar uma caixa de seleção para que o usuário aceite os termos e condições do website antes de enviar o formulário.

3.3.4.2. Carregamento de arquivos

Agora também permite ao senhor carregar um ou mais arquivos através do formulário com opções para limitar o tamanho máximo e o tipo de arquivo.

3.3.4.3. Data Campo

Um formulário que lhe permitirá fazer reservas. Com esse novo campo, o usuário pode enviar a data da reserva. Ideal para restaurantes e hotéis.

3.3.4.4 Campo de tempo

Similar ao campo de datas, permite ao usuário selecionar uma hora específica do dia. O senhor pode combinar isso com o campo de data e fazer com que o usuário lhe envie a data e hora exatas de uma reunião, reserva, etc.

3.3.4.5. Campo HTML

Embora criar seu formulário com a Elementor Pro seja muito simples, às vezes o senhor precisa acrescentar código HTML personalizado com informações adicionais. Este novo campo HTML permite que o senhor faça exatamente isso.

3.3.4.6. Campo de senha

Os usuários poderão inserir uma senha sem que ela se pareça com os campos de texto normais.

Com todos esses campos o senhor pode criar formulários para :

• Pedido de currículo ;
• Reservas on-line com data e hora;
• Recebimento de arquivos através de formulários;
• Inscrição de convidados para um evento;
• Etc.

3.3.5. Aquisição pelo assinante

Você pode conectar o mesmo widget de formulário explicado acima a várias plataformas de e-mail marketing, tais como :

• Mailchimp ;
• ConvertKit ;
• ActiveCampaign ;
• Etc.

Isso é ótimo, porque o senhor tem tudo em um só e não precisa de um plugin adicional para integrar um formulário de captura de chumbo.

Mas isso não significa que o senhor deva substituir essa funcionalidade por plugins especializados como o Convert Pro ou o Thrive Leads, mas é bastante útil.

Aqui está um vídeo no YouTube sobre como conectar a Elementor Pro ao MailChimp: Como conectar a Elementor PRO ao Mailchimp?

O que é interessante é que, como está integrado com o widget do formulário, o senhor não se limita a usar os campos de e-mail e nome

O senhor pode criar um formulário com campos como área de texto, selecionar, caixa de seleção… para coletar mais informações sobre o usuário.

3.3.6. Login

Este é um widget muito simples que permite ao senhor acrescentar o formulário de login do WordPress a qualquer página de seu website.

Isso pode ser muito útil se o senhor tiver um website do tipo “membership website” onde os usuários tenham que“entrar” para acessar o conteúdo.

3.3.7. Tabela de preços

Se o senhor oferece serviços ou produtos a preço fixo, a exibição de uma tabela de preços para comparação é uma boa maneira de apresentar informações sobre seus serviços.

Porque através de tabelas de preços, o usuário pode ver claramente as diferenças entre cada um de seus serviços/produtos e ver em qual deles está mais interessado.

Isso é algo que é muito usado e é certo que o senhor já viu mais de um website com tabelas de preços.

O widget da Tabela de preços facilita para o senhor a tarefa.

O senhor será capaz de criar tabelas de preços claras e visualmente atraentes, destacando o serviço ou produto que mais lhe interessa vender ou oferecer.

Como no restante dos widgets, o senhor tem muitos parâmetros para personalizar as cores de cada elemento, a tipografia, as imagens de fundo… qualquer coisa que o senhor possa pensar.

3.3.8. Lista de preços

O senhor poderia dizer que esta é uma alternativa ou uma variante das tabelas de preços (da anterior).

Um uso típico desse widget é exibir os preços do cardápio de um restaurante. Mas isso é apenas um exemplo. Pode ser usado para muitas outras aplicações.

3.3.9. Títulos animados

Este é um widget que permite ao senhor criar cabeçalhos chamativos para atrair a atenção dos usuários através de diferentes animações e efeitos.

É uma boa maneira de destacar um título para que ele não passe despercebido pelo usuário.

3.3.10. FlipBox

A Flip Box é uma caixa de conteúdo de duas faces onde o senhor pode usar texto, botões, imagens, ícones… com conteúdo diferente em cada lado

Pode ser útil criar os serviços típicos com chamada à ação. Por exemplo, no primeiro lado (ou lado) o senhor pode colocar a descrição do serviço e, no segundo lado, uma chamada à ação com um botão.

Outra vantagem desse widget é que ele permite que o senhor faça melhor uso do espaço na disposição do conteúdo, porque, tendo dois lados, o senhor pode colocar mais informações no mesmo espaço.

Além disso, é um widget muito visual que tem animações diferentes que permitem ao senhor ser mais criativo ao projetar um website.

3.3.11. Apelo à ação widget

Este é um widget muito útil que o senhor pode usar quase sempre quando precisar criar uma série de serviços ou produtos excepcionais com uma chamada à ação.

3.3.12. Dispositivo de carrossel multimídia

Este é um widget bastante poderoso para exibir galerias de imagens ou de vídeos de uma maneira muito visual.

Tem peles diferentes e muitos ajustes de estilo para criar um carrossel de imagem atraente.

3.3.13. Testemunho carrossel

Não há muito a explicar com este widget. É usado essencialmente para exibir um carrossel de depoimentos.

É muito usado em páginas de desembarque e páginas de serviço.

3.3.14. Contador regressivo

Com esse widget o senhor pode acrescentar um contador regressivo para criar um senso de urgência para o usuário. O senhor provavelmente já viu essa técnica em mais de um website.

A contagem dos pontos é muitas vezes usada muito nas páginas de desembarque, especialmente quando se trata de um tipo de promoção de tempo limitado

O widget tem as configurações típicas para estabelecer uma contagem regressiva em dias, horas, minutos e até segundos.

É muito fácil de estabelecer, basicamente o senhor acaba de estabelecer a contagem regressiva e o estilo da mesma.

Note que se, por exemplo, o senhor não quiser mostrar os dias da contagem regressiva, pode escondê-los. O mesmo vale para as horas, minutos e segundos. E, claro, tem as típicas opções de estilo para adaptar o desenho ao seu gosto.

3.3.15. Botões de ação

Se o senhor quiser acrescentar botões para compartilhar conteúdo em redes sociais, com este widget da Elementor poderá fazê-lo sem nenhum problema. O senhor pode colocá-los em seus postos, páginas, produtos ou onde quiser.

Além das opções de tipografia, cores, tamanhos… você pode escolher diferentes estilos de botões (skins) e selecionar aquele que melhor se adapte ao design de seu website:

• Mínimo ;
• Caixa ;
• ícone do boxe;
• Plano ;
• Inclinação.

Tem também a capacidade de acrescentar texto de Chamada para Ação, indicando o número de vezes que o cargo foi compartilhado e, é claro, opções de configuração de dispositivos móveis para garantir que tudo seja visto corretamente.

Além das típicas redes sociais, tais como Facebook ou Twitter, o senhor pode acrescentar o WhatsApp, e-mail ou mesmo imprimir botões . Dependendo do tema e do conteúdo de seu website, isso pode ser muito útil para os usuários.

Com esse widget o senhor pode até mesmo substituir perfeitamente o plugin de mídia social que está usando.

3.3.16. Citação do bloco

Este widget permite que o senhor insira as caixas típicas com uma frase a ser compartilhada no Twitter. Assim, o senhor pode incentivar seus visitantes a segui-lo no Twitter ou a compartilhar seu conteúdo.

Ela tem muitas opções de personalização para criar caixas de texto altamente visuais que chamam a atenção do usuário

O senhor pode mudar:

• A cor do texto ;
• Fonte;
• Cor de fundo;
• Usar gradientes;
• Acrescentar efeitos de pausa
• Etc.

3.3.17. Widget do Facebook

A Elementor Pro inclui diferentes widgets para integrar o Facebook em seu website.

• Feed da sua página do Facebook:

Este é um elemento usado por muitos websites e blogs para mostrar a atividade de sua página no Facebook e, assim, obter mais simpatias e seguidores no Facebook.

Normalmente o senhor precisa instalar um plugin adicional para fazer isso, mas se o senhor tem a versão profissional, este é mais um plugin que o senhor registra.

• Facebook como botão:

Acrescente botões “Like” em seus posts ou páginas para conseguir mais seguidores no Facebook.

• Sistema de comentários do Facebook:

Ele permite que o senhor insira o sistema de comentários do Facebook em seu website.

• Integrar as mensagens do Facebook

Com esse widget o senhor pode incorporar qualquer uma de suas postagens no Facebook em sua página da internet.

• Comentários no Facebook Embed

O senhor pode usá-la como prova social em suas páginas de venda, pagamento ou serviço.

3.3.18. Dispositivo de revisão

Este é um widget semelhante ao carrossel testemunhal, mas com um desenho diferente e a capacidade de exibir estrelas ao lado do perfil do usuário.

3.3.19. O menu de navegação

Um dos widgets mais poderosos que eles lançaram ao longo de 2017 foi o menu de navegação. Com este widget, o senhor pode substituir completamente a ementa de seu modelo.

Com esse widget, o senhor tem total liberdade ao desenhar o cabeçalho de sua página da Internet

Porque, além do menu, o senhor pode colocar outros elementos no cabeçalho, como links para

• Redes sociais ;
• Telefone; e
• Um e-mail;
• Ou qualquer outro tipo de conteúdo que o senhor julgar conveniente.

Como o resto dos widgets, tem muitas opções de personalização, desde as mais básicas, como cor e tipografia, até uma grande variedade de animações.

3.3.20. Galeria Widget

A versão gratuita da Elementor já tem um widget de galeria, mas este é muito mais avançado.

Isso lhe permite :

• Criar galerias com layouts diferentes
• Acrescentar texto acima das imagens;
• Criar filtros por categoria;
• E outros ajustes de estilo.

Em resumo, é tudo o que o senhor precisa para criar uma bela galeria para seu site.

3.3.21. Índice

Este é um widget que é usado basicamente para criar resumos como o que o senhor tem no início de cada artigo

Com este widget o senhor pode evitar ter que usar um plugin específico para criar tabelas de conteúdo se usar a Elementor para editar suas publicações.

O senhor também pode utilizá-la em páginas, embora isso não seja usual.

Capítulo 4: Elementor Livre versus Elementor Pro – Licenças e preços

4.1. Versão gratuita do Elementor

Antes de atualizar para a versão profissional, o senhor deve experimentar calmamente a versão gratuita do Elementor. Se esta é sua primeira vez com ela, não se preocupe, pois o senhor vai se adaptar rapidamente

No início, a interface pode ser um pouco difícil de se adaptar. Ao longo dos anos ela cresceu muito e tem uma infinidade de opções

No entanto, uma vez ultrapassado esse pequeno período de ajuste, o senhor vai adorar!

É por isso que encorajamos o senhor a montá-la e a trabalhar com ela. Aqui está uma pequena lista do que o senhor encontrará na versão gratuita da Elementor:

• Versão básica do editor visual do drag-and-drop
• Gerador do Tema Básico;
• Ela permite que o senhor trabalhe a partir da interface de projeto da web;
• 5 kits de website;
• Biblioteca de modelos;
• Dos 100 widgets disponíveis no pedido, o senhor terá acesso aos 50 widgets mais básicos: títulos, títulos, imagens…
• Integrações de terceiros: só oferece Google Maps;
• Controle básico de funções ou gerente de perfil básico: decidir que tipo de usuário do WordPress pode acessar o editor;
• Disponível em vários idiomas;
• Compatível com muitos temas.

Com isso, o senhor tem mais do que suficiente para começar a trabalhar com seu website e testar se a Elementor é o construtor da página que o senhor precisa.

Agora vamos ver o que a versão paga tem reservado para o senhor.

4.2. Versão paga do Elementor

Ao contrário da versão gratuita, a Elementor PRO inclui características adicionais à versão gratuita que podem ser úteis se nos dedicamos ao web design com o WordPress

Algumas dessas características que a versão paga incorpora são:

• Acesso a atualizações por ano ;
• Apoio ao Prêmio 24/7;
• Mais de 300 modelos profissionais;
• 20+ integrações;
• CSS Live CSS; Global widget
• Global widget ;
• Publicação e portfólios;
• Tabela de preços e lista de preços;
• 404 página desenho ;
• Projeto do cabeçalho e do rodapé ;
• CustomFieldIntegration ;
• Carrosséis interativos;
• Administrador ;
• Fontes personalizadas;
• Mais de 100 widgets básicos e profissionais;
• Mais de 300 modelos básicos e profissionais;
• Ferramenta de desenho temático;
• Mais de 60 kits de websites profissionais;
• 20 kits de websites de especialistas;
• Bônus de apoio para os dois primeiros e apoio VIP para os dois últimos;
• Ferramenta de desenho temático ;
• Ferramenta de design pop-up; Ferramenta de design de formulário
• Ferramenta de projeto de formulários; ferramenta de projeto do WooCommerce;
• Ferramenta de projeto do WooCommerce;
• Etc.

4.3. Diferenças entre Elementor Livre e Elementor PRO

As principais diferenças entre as duas versões da Elementor são as seguintes

Ter a versão gratuita facilita para nós experimentá-la e usá-la quantas vezes quisermos. No entanto, o senhor terá de enfrentar uma limitação quanto às características disponíveis que podemos usar

A maioria das principais características só está disponível na versão paga.

De fato, na versão PRO, podemos distinguir cinco opções diferentes.

Veremos mais detalhes na seção seguinte:

4.4. Elementor Pro licenças e preços

Em 9 de março de 2021, os planos de preços da Elementor mudaram e agora, em vez de 3, temos atualmente a escolha entre 5 tipos de licenças:

• ESSENCIAL
• ADVANCED (Inclusive hospedagem do website da Elementor) ;
• EXPERTO ;
• ESTUDIO ;
• AGÊNCIA.

4.4.1. Licença Essencial

Nesta licença, temos :

• Preço: 49$ -> 45 euros (aproximadamente) ;
• Usos: 1 website ;
• Atualizações e apoio por um ano;
• Garantia de 30 dias de devolução do dinheiro.

É ideal para os usuários que só têm um website.

4.4.2. Licença avançada – A hospedagem do website da Elementor inclui

Com este, temos :

• Preço: $99 -> 90 euros (aprox.) ;
• Usos: 3 websites;
• Atualizações e apoio por um ano;
• Garantia de 30 dias de devolução do dinheiro.

Se o senhor tem no máximo três páginas na Internet, esse seria o plano ideal para o senhor.

4.4.3. Licença de perito (mais popular)

• Preço: 199 dólares -> 182 euros (aprox.).
• Usos: 25 websites
• Atualizações e apoio 1 ano
• Acesso aos peritos da Elementor
• Garantia de 30 dias de devolução do dinheiro.

Com essa licença, o senhor poderia anteriormente ativar o Elementor Pro em até 1000 sites, mas como eles mudaram seus planos de preços, ele agora está limitado a apenas 25 sites.

Essa é a melhor opção se o senhor tiver muitos websites ou quiser criar websites para clientes.

Uma vez atingido o limite, o senhor precisará avaliar se vale a pena fazer um upgrade para o plano “Estúdio” ou “Agência”.

4.4.4. Licença de estúdio

Aqui estão os principais pontos desta licença:

• Preço: $499 -> EUR420 (aprox.)
• Usos: 100 websites;
• Atualização e apoio 1 ano ;
• Apoio VIP;
• Acesso aos peritos da Elementor;
• Garantia de 30 dias de devolução do dinheiro.

Além de permitir ao senhor ativar a Elementor para até 100 sites, essa licença lhe dá acesso ao suporte VIP via chat com tempo de resposta inferior a 30 minutos.

Também permite ao senhor somar até cinco membros de equipe.

Esta é uma licença mais adequada para estúdios ou agências que já têm um certo volume de clientes e querem apoio VIP em caso de problemas.

Se o senhor é um freelancer, essa também pode ser uma boa opção, mas se o senhor está apenas começando, não vale a pena o dinheiro.

4.4.5. Licença da Agência

Os principais pontos dessa licença:

• Preço: $999 -> 838 euros (aprox.);
• Usos: 1.000 websites;
• Atualização e apoio por um ano;
• Apoio VIP;
• Acesso aos peritos da Elementor;
• Garantia de 30 dias de devolução do dinheiro.

Essa licença é a mesma que a licença do Estúdio, exceto que ela permite ao senhor ativar a Elementor em até 1.000 sites (o que era oferecido anteriormente pela licença de perito de 199 dólares).

Após um ano, o senhor precisará renovar sua licença para continuar recebendo atualizações e apoio.

Se o senhor não renovar a licença, poderá continuar a usar o Elementor Pro nas áreas em que o senhor a ativou.

Naturalmente, o senhor não mais receberá novas atualizações, apoio ou acesso a modelos premium.

Quando o senhor comprar a licença, terá acesso a um painel do qual verá em quais websites o senhor ativou a Elementor Pro.

Se o senhor decidir ativar a Elementor em outro domínio, poderá simplesmente desativar a licença correspondente do painel e reativá-la em seu novo site.

Se o senhor quiser saber mais sobre os pacotes para comprar a Elementor, visite este link no site oficial.

Agora que o senhor sabe tudo sobre os preços da Elementor, vamos ver como proceder com sua instalação e configuração.

Capítulo 5: Elementor Tutorial – Instalação, configuração e criação de uma página web

5.1. Tutorial para instalação e configuração do Elementor

5.1.1 Instalando o Elementor para WordPress

O próximo passo é a instalação de seu editor visual

Para fazer isso:

1. Vá para a seção de Plugins do WordPress;
2. Imprensa”Acrescentar novos” ;
3. Busca de “Elementor Construtor de website” ;
4. Instalar e ativar.

Se o senhor tiver optado pela versão paga, inscreva-se aqui no Elementor Pro.

Em seguida, siga os passos acima:

1. Faça o download do plugin premium a partir do painel de bordo pessoal do seu Elementor;
2. Ir para Plugins -> Adicionar novo -> Upload plugin e selecione o arquivo ;
3. Instalar e ativar;
4. Conecte a licença à sua conta Elementor.

Esta conta Elementor é o e-mail com o qual o senhor comprou o plugin premium. Se não lhe pedir que faça o login por padrão, basta ir até Elementor -> Licenças e o fazem.

5.1.2. Configuração do Elementor no WordPress

Agora é hora de configurar a Elementor antes que o senhor comece a usá-la.

Entrar :

1. Elementor -> Definições – O senhor encontrará algumas fichas que deverá rever cuidadosamente:

• Geral – O senhor pode optar por editar páginas ou posts em blogs
• Estilo – Diz-lhe como configurar os elementos básicos de uma maneira muito intuitiva: cores globais, fontes globais, tipografia, botões, imagens, fundo, etc.
• Integrações – Permite ao senhor conectar APIs ou credenciais para Google reCaptcha, Google Maps, Facebook SDK, provedores de e-mail marketing (tais como Mailchimp, MailerLite, ConverKit, GetResponse ou super ActiveCampaign ).
• Avançado – Esta parte é para aqueles que têm conhecimentos avançados. Não há necessidade de tocar em nada, como já está montado, não se preocupe.

2. Elementor -> Gerente de perfil – O senhor pode adicionar ou remover permissões de edição na Elementor aos usuários que dá acesso ao seu site WordPress, dependendo se deseja que eles usem as ferramentas da Elementor.

3. Elementor -> Ferramentas – O senhor encontrará várias guias com características surpreendentes:

• Geral – Onde o senhor pode regenerar os arquivos do CSS para atualizar as mudanças de projeto que não vê bem na página.
• Substitua o URL – Onde o senhor pode substituir os URLs das páginas de que precisa, se tiver feito uma migração para a web e encontrar problemas de redirecionamento com qualquer um deles.
• Controle de versão – Para voltar a outra versão do plugin se o senhor tiver problemas de incompatibilidade.
• Modo de manutenção – O senhor poderá criar sua própria página em breve (permite indexação) ou Manutenção (diz ao bot para voltar mais tarde).

5.2. Vídeo tutorial : Como criar uma página web com a Elementor?

Para iniciar seu projeto, crie uma página e acesse-a

O senhor verá um botão“Editar com Elementor ” no alto da página, em uma barra horizontal. Isso o levará ao editor visual, uma página em branco com um grande menu à esquerda onde o senhor pode encontrar toda sorte de widgets ou elementos.

Se o senhor quiser editar a página do zero, precisará primeiro criar uma seção e selecionar o número de colunas de que seu projeto precisa, para isso basta clicar no símbolo“+”

Depois, basta arrastar cada elemento para a tela onde o senhor quer que ele apareça em sua nova página.

Outra opção, na qual o senhor verá o verdadeiro potencial do designer do layout visual, é selecionar um dos modelos pré-desenhados da Elementor, simplesmente clicando no símbolo da pasta.

Aqui está uma série de vídeos que encontramos no YouTube que dão todos os detalhes para que o senhor possa editar uma página já criada ou criar uma página com a Elementor a partir do zero

e

Finalmente, responderemos a algumas das perguntas freqüentemente feitas pelos usuários nos canais sociais e particularmente nos grupos do Facebook.

Capítulo 6: Outras perguntas sobre a Elementor

6.1. Quem pode usar a Elementor?

O público alvo para este plugin é muito amplo. Elementor é ideal para :

• Designers
• Programadores
• Comerciantes; Agências de publicidade
• Agências de publicidade
• Freelancers;
• Ou PMEs

Realmente, para qualquer pessoa que queira desenvolver seu projeto ou negócio on-line e precise de um construtor de website para criar o visual de seu site.

6.2. Que versão devo escolher entre Elementor Free e Elementor Pro?

Se o senhor está lidando com um projeto pessoal, e quer aprender a usar um layout visual que facilita sua vida, então pode optar pela versão gratuita da Elementor.

A versão gratuita tem características limitadas, mas o senhor pode criar coisas simples e coloridas, embora mais básicas e com menos características do que na versão premium.

Quando as pessoas implementam um projeto web a partir do zero, elas tendem a procurar recursos e plugins gratuitos para cortar seu orçamento. Economizar às vezes é contraproducente e o que é barato tende a ser caro no futuro.

Mas se o senhor está criando um website para seus negócios, recomendamos vivamente o uso da versão premium, Elementor Pro.

• Em primeiro lugar, ao ter todas as características disponíveis, o senhor poupa muito tempo, o que se traduz em dinheiro. O senhor não perderá tempo procurando e tentando truques estranhos para que tudo se encaixe da maneira que o senhor quiser.
• Em segundo lugar, o senhor terá um resultado totalmente profissional, o que é essencial para a imagem que tem para mostrar ao público. Será mais fácil para o senhor dar uma imagem corporativa e o website funcionará mais tranqüilamente.

6.3. Como posso comprar a Elementor PRO com desconto?

O senhor só pode comprar a Elementor PRO com desconto em horários especiais publicados pelo autor. Portanto, o senhor terá de esperar que eles publiquem o desconto quando o considerarem e essa será a única maneira de poupar dinheiro.

Aqui estão algumas das oportunidades:

• 50% de desconto na Elementor Black Friday

Na Elementor Black Friday 2021, 50% desse modelo WordPress foi colocado à venda.

• 50% de desconto Elementor Aniversário

Para comemorar seu aniversário, a Elementor está oferecendo um desconto de 50% em sua licença.

6.4. Como posso encontrar tutoriais da Elementor?

Há duas fontes principais de informação para aprender como usar a Elementor e começar a usar as melhores técnicas de web design do WordPress.

Entre elas:

• O blog da Elementor

No site da Elementor, o senhor tem seu blog. Embora esteja em inglês, o senhor ainda pode acessá-lo do Google Chrome e clicar em traduzir para o francês para ter todos os artigos traduzidos sem ter que traduzir pouco a pouco.

Naturalmente, o senhor também pode encontrar tutoriais em francês no YouTube ou em outros sites especializados em francês.

• Elementor Grupos do Facebook em francês

Aqui está um link para um grupo francês no Facebook onde o senhor pode consultar suas dúvidas e pedir ajuda com seus projetos: https: //www.facebook.com/groups/274041773113391/

6.5. O que acontece se eu não renovar minha licença do Elementor Pro?

A Elementor Pro continuará trabalhando exatamente da mesma maneira, a única diferença é que o senhor terá que renovar a licença para receber futuras atualizações e apoio.

Mas recomenda-se a Vossa Excelência que o renove por razões de segurança e para garantir que tudo funcione corretamente.

6.6. E as páginas criadas com a Elementor Free?

O Elementor Pro é uma extensão do Elementor Free, é mais um plugin que o senhor terá que instalar. E a única coisa que vai acontecer quando o senhor o instalar é que terá acesso às novas características.

Portanto, as páginas criadas com a versão gratuita não serão afetadas.

6.7. Posso transferir minha licença do Elementor Pro para outro domínio?

Sim, basta desativá-lo no domínio antigo e ativá-lo no novo. O senhor pode administrar os domínios ativos na guia Assinaturas -> Websites conectados.

6.8. Vale a pena comprar a Elementor Pro?

Honestamente, ninguém pode dizer o contrário. É uma ferramenta que torna o trabalho muito mais fácil, pois inclui muitas características que o senhor teria que implementar através de outros plugins ou tocando mais css/código.

Com a Elementor Pro, o senhor registra vários plugins adicionais como, por exemplo

• Formulário de contato;
• Mostrar os últimos posts no blog; Botões de compartilhar; e
• Partilhar botões;
• Plug-in do boletim informativo;
• E assim por diante.

O senhor também deve acrescentar widgets para :

• WooCommerce
• Tabelas de preços
• Portfólio
• Contagem regressiva
• Listas de preços;
• E assim por diante.

Obviamente, o senhor não vai usar tudo isso no mesmo website, mas o senhor o tem lá, caso precise dele.

É um alívio não ter que procurar plugins para tudo, plugins que funcionam bem e se ajustam ao estilo de seu site.

3.11. Qual é a diferença entre WordPress e Elementor?

Elementor é um editor visual dos sites do WordPress que substitui o editor padrão do WordPress por um editor de front-end ao vivo.

Com esse construtor de páginas, o senhor pode criar uma variedade de layouts e projetar seu website ao vivo, sem ter que mudar do modo editor para o modo visualizador.

3.10. Qual é o melhor tema a ser usado com a Elementor?

O tema Olá é o melhor, o mais fácil e o mais rápido tema Elementor.

Tem alguns componentes que permitem ao senhor construir o projeto que deseja de maneira simples e fácil. Além disso, é totalmente gratuito.

Há vários outros temas livres para escolher, entre os quais os temas Astra e Envato.

6.11. Como incorporar um vídeo em um Elementor?

Acrescente o Vídeo Widget ao seu painel de instrumentos, indo a Aspecto → Widgets.

A seguir, clique em Add Video e escolha o vídeo que você gostaria de incorporar.

Selecione o Inserir do URL se o senhor quiser incluir um vídeo do YouTube, do Vimeo ou de outras fontes externas.

Este vídeo pode ajudar o senhor a vê-lo claramente

6.12. A Elementor desacelera seu site?

Não !

As características da plataforma, que podem ser usadas por qualquer usuário do WordPress para criar rapidamente sites únicos e originais, não afetam negativamente a velocidade desses sites.

Em outras palavras, a Elementor não compromete o desempenho de um site por causa de suas características de edição avançada.

6.13. Elementor é o melhor construtor de páginas?

A Elementor é uma das melhores opções gratuitas de construção de páginas do WordPress. Embora ofereça planos premium, a versão gratuita dá ao senhor acesso a um editor de website de arrastar-e-soltar, 50 widgets, 30 modelos e edição responsiva

A Elementor fica ainda mais impressionante quando o senhor se aventurar em suas características de excelência.

6.14. O que é melhor entre Elementor ou Visual Composer?

Elementor e Visual Composer são ambos construtores de páginas estabelecidos na comunidade WordPress. Mas em geral, a Elementor se sobressai em quase tudo, em comparação com o Visual Composer

Seja o editor, as opções de personalização, os modelos ou os preços, a Elementor oferece muito mais!

Em resumo

É importante escolher um bom construtor para o wordpress e aprender a usá-lo corretamente, no futuro isso lhe poupará muitas dores de cabeça e o senhor terá um resultado mais profissional para sua página.

O senhor já sabe o que é Elementor. Como o senhor pode ver, é outro plugin do WordPress que permite ao senhor projetar websites com um construtor visual

Além disso, ele incorpora muitas características adicionais para que possamos personalizar nossos projetos de acordo com nossas necessidades, sem precisar conhecer HTML e CSS, embora tal conhecimento sempre ajude

Espero que este guia abrangente da Elementor ajude o senhor a decidir se vai ou não usar este construtor do WordPress e o incentive a experimentá-lo gratuitamente ou a comprar sua versão Elementor PRO para desfrutar de todos os seus benefícios extras.

Obrigado pela leitura!

Até breve!