Elementor vs Gutenberg

Quem não gosta de uma boa batalha? Achamos que quando se trata de construção de sites, encontramos um bastante épico para você.

Neste canto, temos Elementor – o autoproclamado “rei dos construtores de páginas do WordPress” (palavras deles, não nossas). E no outro canto está o Gutenberg, o novo editor que vem pré-instalado com o WordPress.

Ambos os construtores têm seus pontos fortes e fracos e descobrir qual é o certo para você pode ser confuso. Para ajudar a entender o que cada um tem a oferecer, aqui está uma comparação detalhada de Elementor e Gutenberg:

O que é Elementor?

Elementor é um plugin de construção de páginas de arrastar e soltar gratuito e de código aberto para WordPress. Ele foi criado com a ideia de tornar o desenvolvimento da Web mais fácil para todos, independentemente de sua experiência de codificação.

Foi criado por Yoni Luksenberg, que desenvolve sites há mais de 20 anos. Achando o processo de web design lento e ineficiente, ele queria criar algo que ajudasse as pessoas a construir belos sites sem a necessidade de escrever código. O Elementor foi lançado em maio de 2016 e cresceu rapidamente desde então, tornando-se um dos plugins WordPress mais populares da história.

Com o Elementor, você pode criar qualquer tipo de site: landing pages, sites de currículo/portfólio online, sites de negócios e muito mais – tudo do zero ou usando modelos pré-fabricados. Você também pode personalizar temas existentes para obter os resultados desejados – não há limitações.

Principais recursos do Elementor

Abaixo estão os principais recursos deste construtor de páginas:

• Editor de arrastar e soltar
• Mais de 100 widgets
• Criador de temas
• Edição global
• Edição responsiva
• Pode criar efeitos de animação de entrada e saída impressionantes e divertidos
• Tem mais de 90 kits de sites
• Vem com mais de 300 modelos já feitos
• Você pode adicionar códigos CSS personalizados ao seu design
• Possui WooCommerce, pop-up, formulário e construtores de página de destino
• Integra-se com vários plugins de SEO

Por que você deve usar o Elementor?

Fácil de usar: com o Elementor, você não precisa aprender nenhum conhecimento de codificação para criar um site bonito. O editor é baseado em arrastar e soltar e permite que você crie páginas visualmente usando widgets que podem ser facilmente arrastados e soltos no lugar.

Você também pode escolher um modelo – existem centenas de modelos disponíveis através do plug-in – personalizá-los de acordo com suas necessidades e seguir em frente com a criação de novas páginas ou postagens para o seu site!

Impressionantes designs e modelos pré-fabricados: os elementos vêm com designs e modelos pré-fabricados, que ajudam a economizar tempo. Esses designs são bem projetados e otimizados para conversões, o que significa que são projetados com as ações do usuário em mente!

Projetá-los do zero levaria horas, portanto, se esse recurso não for motivo suficiente, não sei o que mais convenceria alguém do contrário!

Visualização em tempo real: o Elementor possui um recurso de visualização ao vivo que permite que meus clientes vejam as alterações feitas assim que elas acontecem, em vez de esperar até que tudo seja concluído antes de revisar tudo de uma vez (o que economiza tempo para nós dois!). Além disso, se algo não parecer certo, podemos voltar sem ter que começar de novo

O que é Gutemberg?

Gutenberg (também conhecido como “o novo editor de conteúdo do WordPress ”) já faz parte da sua vida se você estiver lendo isso. Se você usou ou não, já é uma grande parte do WordPress.

O construtor de páginas de bloqueio é o editor padrão para todos os sites e postagens do WordPress criados após seu lançamento em 2018 (WordPress 5.0).

O nome “Gutenberg” é uma referência a Johannes Gutenberg, um cientista que inventou a imprensa com tipos móveis na década de 1450 e mudou a forma como nos comunicamos.

É melhor pensar no Gutenberg como o processador de texto equivalente ao MS Word ou Google Docs, mas construído exclusivamente para sites WordPress – substituindo o antigo editor clássico que está em uso desde 2005.

Principais características do Gutenberg

Abaixo estão os principais recursos deste editor de blocos :

• Usa blocos para construir conteúdo e páginas
• Nenhuma codificação é necessária para criar os blocos
• Projetado com tecnologia moderna para garantir que seja rápido e confiável
• Suporta fotos da Galeria
• Possui um editor de imagens que permite redimensionar, ampliar e assim por diante no editor

Por que você deve usar Gutenberg?

Por que você deveria usar o Gutenberg? Bem, vamos dar uma olhada nos benefícios de fazê-lo.

• Crie blocos reutilizáveis: o novo editor de blocos facilita a criação de blocos de conteúdo reutilizáveis ​​que você pode usar em várias postagens e páginas. Esse recurso economizará seu tempo e permitirá garantir um estilo consistente em seu site. Caixas de apelo à ação, tabelas de produtos/preços, galerias de imagens, etc., são alguns dos exemplos de blocos reutilizáveis ​​que podem ser criados com a interface de arrastar e largar do Gutenberg.
• Widgets avançados e ferramentas de edição: Gutenberg vem com vários widgets que podem ser colocados dentro de colunas ou outras áreas do seu design. Alguns incluem Shortcode, Últimos Posts, Categorias, Tag Cloud e Arquivos. Esses widgets tornam muito fácil para quem não é desenvolvedor colocar conteúdo adicional dentro do layout da página sem ter conhecimento técnico ou habilidades de codificação.
• Integra-se a qualquer plugin e tema de terceiros: como o Gutenberg agora faz parte do núcleo do WordPress, nada impede que terceiros adicionem compatibilidade com seus plugins e temas.

Gutenberg vs Elementor: eles têm algum recurso comum?

Sim, os dois construtores têm algumas características em comum. Aqui estão os 3 primeiros:

• Edição Individual: Tanto o Elementor quanto o Gutenburg permitem que você edite blocos individuais (seja um parágrafo, imagem ou outro). Esse recurso é significativo porque mostra que ambos os criadores de páginas dedicaram tempo e esforço para atender a essa necessidade.
• Layouts personalizados: você pode criar layouts personalizados com Elementor e Gutenburg. Em outras palavras, se você quiser seu texto à esquerda e uma imagem à direita, você pode fazer isso acontecer facilmente!
• Compatível com complementos de terceiros: se você deseja estender a funcionalidade do Elementor ou do Guttenberg, há muitos complementos compatíveis disponíveis online. Por exemplo, se você estiver procurando por alguns recursos de personalização em seus formulários ou galerias com o Gutenburg, experimente o Advanced Forms. Se você quiser mais controle sobre a aparência de suas imagens com o Elementor, experimente o Image Intense.

Elementor Vs Gutenburg: Quais são as diferenças?

Elementor e Gutenburg são dois construtores de páginas do WordPress que prometem simplificar a experiência de criação de sites de seus usuários. Eles fazem isso fornecendo editores baseados em blocos de arrastar e soltar que tornam o design de um site do zero mais fácil, rápido e intuitivo do que usar a edição clássica de HTML.

No entanto, tanto Elementor quanto Gutenburg têm suas diferenças. Aqui está uma comparação do que cada um tem a oferecer:

Custo

Se o custo é um fator na sua decisão, Gutenberg vence esta rodada, sem dúvida. O Elementor é um plugin premium que custa de US$ 49 a US$ 999 por ano, dependendo do plano que você escolher. A versão gratuita é severamente limitada e não inclui muitos dos elementos que você deseja usar ao criar seus sites, como campos de formulário, galerias ou flip boxes.

Gutenberg vem de graça com o WordPress 5.0 e além. Se você tiver um site WordPress mais antigo e decidir atualizar para 5.0 agora (ou no futuro), o Gutenberg o acompanhará sem nenhum custo extra.

Características

A reivindicação de Elementor à fama sempre foi seus recursos estendidos. Ele permite que você faça mais coisas em seu site do que o Gutenberg.

Vamos começar com o editor visual. O Elementor é muito mais fácil de usar e vem com vários modelos, seções e widgets que você pode personalizar como quiser.

Se você precisa de uma página de e-commerce, a Elementor tem, enquanto Gutenberg ainda não tem. Você também pode criar colunas, linhas, cabeçalhos, rodapés e barras laterais detalhados de dentro do Elementor.

Amigo do usuário

O Gutenberg é extremamente fácil de usar e a interface do usuário (UI) possui um design de layout simples.

A interface do usuário ao usar o Elementor é ainda mais fácil. Eles criaram uma bela interface de arrastar e soltar que permite criar páginas no front-end do seu site com apenas alguns cliques do mouse.

Curva de aprendizado

Se você tem experiência com construtores de páginas, aprender Gutenberg será fácil. No entanto, se você é um novato completo, talvez seja necessário assistir a alguns tutoriais em vídeo antes de pegar o jeito.

Por outro lado, se você não sabe nada sobre construtores de páginas e sites em geral, o Elementor é para você. Ele vem com muitos modelos pré-criados que você pode instalar e personalizar de acordo com o conteúdo do seu coração.

Cada construtor tem sua curva de aprendizado, mas depois que você aprende a usá-los, não é tão difícil.

atuação

Não há dúvida de que o Elementor é um dos melhores construtores de páginas em termos de recursos e personalizações. No entanto, com todos os recursos que ele possui, você pode esperar que muito código seja carregado em seu site. Portanto, pode afetar o desempenho geral do seu site.

O construtor de páginas Gutenberg faz parte do núcleo do WordPress e, portanto, carrega mais rápido em comparação com o Elementor, que possui muito bloatware embutido. O tempo de carregamento da página desempenha um papel importante quando se trata de desempenho de SEO e experiência do usuário (UX). Portanto, se você estiver procurando por velocidade rápida e quiser ter uma classificação mais alta nos mecanismos de pesquisa, recomendamos usar o editor Gutenberg em vez do Elementor.

As páginas do Gutenberg têm um desempenho melhor do que o Elementor quando testadas com ferramentas como Google Page Speed ​​Insights ou GTMetrix

Back-end e front-end

Se você é novo no mundo do WordPress, talvez não saiba que há mais de uma maneira de editar o conteúdo em um site WordPress. Existem dois tipos de editores: editores de back-end e front-end (ou ao vivo). O tipo que você usa depende de você e depende muito de suas preferências e conforto com a tecnologia.

O Gutenberg é um editor de back-end, o que significa que, ao usá-lo, você trabalha diretamente no mesmo ambiente que os leitores do seu site verão assim que sua postagem ou página for publicada. Se você quiser mover um elemento ou testar um tamanho de fonte diferente para parte do seu texto, por exemplo, nenhuma dessas alterações ficará visível para você até que a página seja publicada.

No lado positivo, porém, se algo der errado ao editar uma postagem ou página no Gutenberg (isso acontece), corrigir esse problema é mais fácil. Sim, todo o seu trabalho de edição foi feito em um ambiente familiar onde você pode clicar facilmente.

O Elementor é um editor de front-end e back-end. Ao usar o construtor de páginas em uma postagem, página ou rascunho. Não importa se você está trabalhando no modo back-end ou front-end. Você pode fazer qualquer tipo de alteração e edição, independentemente do modo que estiver usando.

Compatibilidade de temas

Certificar-se de que o plugin escolhido é compatível com o seu tema é crucial! Afinal, se não for, você não poderá usá-lo.

Gutenberg é um editor padrão do WordPress e funciona com qualquer tema. No entanto, como ele não altera as configurações e estilos ou cores do seu tema, o conteúdo que você cria pode não parecer tão ajustado quanto você gostaria. Portanto, se você quiser ir além das limitações do Gutenberg, precisará de um tema compatível com Elementor.

O Elementor funciona perfeitamente com todos os temas do WordPress, mas funciona melhor quando usado com temas premium criados especificamente para o Elementor. Se você escolher um desses temas (e há muitos deles), todas as configurações padrão serão sincronizadas, para que não haja conflitos entre eles e os elementos do seu site criados no Elementor.

Liberdade de edição

E a liberdade de edição? Você é livre para modificar o conteúdo em Gutenberg, mas o layout da página está fora dos limites. Você não pode editar o rodapé, a barra lateral, o cabeçalho ou qualquer elemento global do editor. O Elementor oferece controle total sobre todos os elementos da página.

O Elementor também é mais flexível quando se trata de criar modelos personalizados com base em determinados tipos de conteúdo. Ele oferece modelos predefinidos para posts e páginas, e eles podem ser personalizados o quanto você quiser

Qual Escolher?

Você decidiu que quer começar um blog. Você reservou seu nome de domínio, escolheu um plano de hospedagem e está pronto para começar. Agora é hora de escolher o plug-in que lhe dará as opções criativas que você precisa, mantendo as coisas funcionando sem problemas no back-end.

Se você está apenas procurando uma ferramenta para criar um site simples e não quer que ele fique cheio de elementos desnecessários (e, portanto, lento), o Guttenberg tem menos código em excesso que o Elementor. Menos inchaço significa velocidades de carregamento mais rápidas que equivalem a classificações mais altas nos mecanismos de pesquisa.

Manter a alta velocidade de carregamento da página é essencial para uma boa classificação nos mecanismos de pesquisa, mas usar um design atraente também é.

Então, e se você quiser mais do que um site básico?

Nesse caso, as chances são de que o Elementor seja sua melhor aposta, porque sua interface é muito mais fácil e rápida quando se trata de criar layouts mais complicados, como seções e colunas.

E como todos sabemos o quão crucial é o SEO, você precisa criar um site de carregamento rápido. O Elementor pode vir ao custo de algum código menos do que perfeitamente otimizado (um pequeno preço pela funcionalidade). No entanto, existem maneiras de contornar esse código inchado, como usar plugins de remoção de inchaço, como Assets Cleanup, Perfmatters e assim por diante.

Conclusão

Tanto o Gutenberg quanto o Elementor são ótimas opções para iniciantes que não têm muito conhecimento técnico. Ambos fazem seu trabalho bem, mas ambos têm seus pontos fortes e fracos. Cada um é mais adequado para um propósito específico.

O Elementor é melhor se você quiser dar ao seu site uma aparência mais sofisticada, com muitos modelos e blocos pré-fabricados que você pode escolher. Ele também oferece recursos completos de edição de qualquer página.

O Gutenberg, por outro lado, facilita a adição de botões, tabelas, incorporações do YouTube e outros elementos semelhantes. Ele cria páginas rápidas e livres de inchaço, e é uma bênção para você se você não estiver familiarizado com margens e preenchimento.

Portanto, não temos um vencedor claro. O melhor construtor de páginas para você dependerá do seu orçamento, habilidades técnicas e necessidades de design do site.

Como adicionar lista de desejos no WooCommerce W/O Plugin