Melhor Editor WYSIWYG de WordPress - Comparação de 7 Construtores de Páginas

Procurando o melhor editor WYSIWYG para WordPress?

Este artigo é baseado na minha experiência nos últimos três anos, quando fui de um editor de WP de arrastar e soltar para outro.

Finalmente encontrei um que gosto do amor e direi qual é abaixo.

Então, por que você precisa de um editor WYSIWYG para WordPress?

Afinal, o WordPress já vem com um editor chamado TinyMCE, que é tecnicamente um editor WYSIWYG.

Devo esclarecer aqui que o que quero dizer com editor WYSIWYG é um editor onde você vê exatamente o que está obtendo ao criar sua página ou postagem.

Com o TinyMCE, você não sabe exatamente como será a aparência da saída até clicar em 'salvar' e, em seguida, visualizá-la.

Todos os editores WYSIWYG analisados ​​aqui permitem a edição de front-end ao vivo (com exceção do Construtor de Páginas do Site Origin - mais sobre isso abaixo). Isso significa que você vê o resultado final, exatamente como aparece na página, conforme edita a página ou a postagem .

E é por isso que um editor WYSIWYG adequado, também conhecido como editor de arrastar e soltar ou editor visual, é essencial para blogueiros ocupados que precisam enviar seus artigos ou postagens rapidamente.

Recentemente, mudei o editor visual que uso de Page Builder Premium do Site Origin para Thrive Architect. Antes de fazer a mudança, pesquisei bastante: foram esses os candidatos que considerei.

Qual é o melhor editor WYSIWYG do WordPress?

Visual Composer é um dos criadores de páginas de arrastar e soltar mais vendidos para WordPress. É definitivamente um candidato ao melhor editor WYSIWYG do WordPress.

Possui um editor de front-end e back-end totalmente funcional e funciona com qualquer tema WordPress.

Visual Composer vem com mais de 45 módulos de conteúdo, incluindo:

• postar grades
• suporte de mídia
• gráficos
• fundo da apresentação de slides
• apresentação de slides em carrossel
• YouTube
• Vimeo
• vídeo auto-hospedado

Alguns dos outros recursos do Visual Composer são:

• Efeito de fundo de paralaxe fácil de aplicar para seções, linhas e colunas
• Fundo gradiente CSS com suporte para canal alfa
• Suporta postagens, páginas e postagens personalizadas
• Suporta códigos de acesso WordPress
• O sistema de modelagem permite que você salve seus elementos de design personalizados como modelos
• Otimizado para SEO para que seu conteúdo tenha um bom começo em termos de classificação de suas palavras-chave
• Totalmente responsivo em dispositivos móveis
• O histórico de revisões completo permite que você reverta rapidamente para versões anteriores de seu trabalho
• Suporta widgets WordPress padrão
• Editor de barra lateral
• Editor de cabeçalho
• Editor de rodapé
• Migre seus modelos do Visual Composer de um site para outro em segundos
• Compatível com Gutenberg - adicione blocos de Gutenberg em qualquer lugar do layout da página

Resumindo

Funciona bem para layouts básicos. O layout e a IU não são muito intuitivos. Não é uma grande seleção de elementos de conteúdo em comparação com outros construtores de páginas.

Preços

• Livre
• Começa com $ 49 por ano

Com mais de um milhão de instalações ativas, o Page Builder do Site Origin é um dos mais populares criadores de páginas do WordPress. Sua popularidade se deve em parte ao fato de ser gratuito (embora você possa comprar um pacote premium de widgets).

Aqui estão alguns dos recursos:

• funciona com qualquer tema WordPress
• escolha o número exato de linhas para cada coluna que você adicionar
• Use todos os widgets WordPress existentes
• Design responsivo
• Postagens, páginas e tipos de postagem personalizados são suportados
• A ferramenta de histórico de revisão permite desfazer alterações

Embora o Construtor de Páginas do Site Origin seja gratuito, existe um Pacote de Widget Premium (US $ 29) que inclui complementos como:

• Acordeão
• Animações de bloco
• Formulário de Contato
• Widgets de apelo à ação
• Lightbox
• Parallax Sliders
• Testemunhos

O Site Origin Page Builder integra-se a qualquer tema WP, portanto, não o compromete com um tema específico.

Ele não tem tantas opções de estilo quanto outros editores visuais do WordPress. Para estilos avançados, você precisa estar familiarizado com CSS.

O Site Origin tem editores back-end e front-end. Mas o editor de front-end não é tão avançado quanto os outros editores wysiwyg analisados ​​aqui.

As alterações feitas no editor de front-end não são visíveis instantaneamente - você tem que esperar vários segundos enquanto a página é recarregada.

Isso faz com que pareça desajeitado em comparação com outros editores e retarda o processo de criação de uma nova postagem no blog.

Outro problema que encontrei com o Site Origin Page Builder é que é difícil encontrar o local certo para inserir um elemento, como um novo parágrafo, um novo título ou uma nova imagem.

No Live Editor, você só pode adicionar um elemento (ou módulo) no painel esquerdo. Mas é muito difícil saber onde você está no painel esquerdo.

O que seria ótimo é se eles adicionassem um recurso como este: quando você passa o mouse sobre um elemento no painel do lado direito, ele automaticamente rola para baixo no painel do lado esquerdo e destaca o bloco relevante no painel do lado esquerdo. Dessa forma, você saberia onde inserir seu novo elemento ou módulo.

Escrevi para o Construtor de Páginas de Origem do Site sobre isso há pouco mais de um ano. Mas eles obviamente não aceitaram.

Uma consideração final:

Se você desinstalar o Construtor de páginas de origem do site, ele deixará uma mistura de HTML limpo e códigos de acesso. Isso significa que as páginas que você criou com a Origem do Site não podem ser editadas em outro construtor de páginas.

Resumindo

O Construtor de Páginas do Site Origin não está na mesma liga que o Elementor e o Thrive Architect. Na minha opinião, não está concorrendo ao 'melhor editor WYSIWYG do WordPress'.

Por um lado, o 'Live Editor' não é um verdadeiro editor front-end. Você não vê as alterações instantaneamente, conforme edita - há um atraso de tempo conforme a página é recarregada após cada edição. Isso realmente retarda você.

Preços

• O Site Origin Page Builder pode ser baixado gratuitamente
• Site Origin Premium começa em $ 29 por ano

O Divi Builder fazia parte originalmente do tema Divi da Elegant Themes. Mas agora é um construtor de páginas autônomo que funciona com qualquer tema WordPress.

Alguns dos recursos são:

• edição front-end e back-end
• Design totalmente responsivo
• Suporte para postagens, páginas e postagens personalizadas
• Vem com 46 módulos de construtor de páginas
• Rápido e fácil de usar
• Permite que você teste A / B diferentes layouts
• suporte CSS personalizado

Resumindo

Com mais de 500.000 clientes, Divi Builder é um dos editores WordPress mais populares disponíveis. Ele vem com mais de 20 layouts e modelos diferentes para diferentes tipos de sites

No entanto, Divi Builder depende muito de códigos de acesso. Isso significa que você não pode mudar para outro construtor de páginas. Na verdade, você está restrito ao uso do Divi Builder. Esta é uma desvantagem séria e, na minha opinião, a remove da corrida pelo melhor editor WYSIWYG do WordPress.

Preços

• Para baixar o Divi Builder, você precisa se tornar um membro do Elegant Themes, que custa US $ 89 por ano.
• Isso também dá acesso a todos os temas e plug-ins criados por temas elegantes - não é um mau negócio!

Elementor Page Builder é um editor visual WordPress relativamente novo (lançado em 2016), mas já tem mais de 1.000.000 de instalações ativas.

Ele se descreve como o 'Construtor de páginas WordPress líder mundial'.

Pelo que eu sei, é o único criador de páginas WordPress de código aberto. Milhares de desenvolvedores ampliaram a funcionalidade central do Elementor criando temas, complementos e outros produtos.

Aqui estão alguns dos recursos:

• O sistema de modelagem permite que você salve seus layouts e os reutilize em outro lugar em seu site
• Permite adicionar widgets criados por outros plug-ins do WordPress
• Vem com mais de 300 modelos, projetados para atender a todos os setores e necessidades
• Edição de front-end verdadeira - veja sua página ao vivo enquanto a edita
• Deixa para trás um código limpo (se você desativar o Elementor)
• Projete uma landing page inteira com Elementor's Canvas
• Mais de 80 elementos de design, incluindo widgets básicos de imagem e texto até acordeões avançados, controles deslizantes, depoimentos, ícones, mídia social, guias, etc.
• Funciona com qualquer tema e plug-in do WordPress
• O histórico de revisões permite que você desfaça rapidamente quaisquer erros com um simples toque de tecla
• Incorpore postagens e vídeos do Facebook em suas páginas
• Compatível com design responsivo compatível com dispositivos móveis

Resumindo

Este é um dos criadores de páginas mais avançados que existem. Com o compromisso de ser o melhor editor visual do WordPress, você pode ter certeza das melhorias constantes.

Uma grande vantagem é que a versão gratuita dá acesso a cerca de 90% do que a versão paga faz. No entanto, Elementor carece de qualquer tipo de foco na conversão, portanto, não é a melhor escolha para os profissionais de marketing.

Algumas pessoas sem dúvida consideram o Elementor o melhor editor WYSIWYG do WordPress. Mas se o seu foco é maximizar as conversões do seu site, então acredito que esse título pertence ao Thrive Architect.

Preços

• Livre
• Taxa única de $ 49

É aqui que posso perder um pouco da objetividade, já que acabei de mudar para o Thrive Architect (do Site Origin Page Builder) e estou muito impressionado com isso!

O Thrive Architect é baseado no criador de páginas anterior do Thrive, o Thrive Content Builder, que passou por uma grande reformulação e muitos recursos novos.

Onde Thrive Architect se destaca de outros editores visuais é seu foco na conversão. E é por isso que se tornou o favorito de blogueiros e profissionais de marketing.

O Thrive Architect vem com botões personalizáveis, depoimentos, cronômetros de contagem regressiva e formulários de geração de leads que se integram com as principais ferramentas de marketing por e-mail.

Se você já usa o Thrive Leads, poderá adicionar seus formulários de opt-in com apenas um clique.

Um aspecto do Thrive Architect que eu absolutamente amo é a capacidade de dimensionar uma imagem com um controle deslizante (no meu criador de página anterior, você tinha apenas 5 ou 6 dimensões fixas):

Outra opção interessante no Thrive Architect é a capacidade de colocar uma camada colorida no topo de uma imagem.

E se você realmente deseja chamar a atenção das pessoas, pode adicionar títulos animados (usei as duas técnicas no GIF abaixo):

A edição front-end é um deleite absoluto - provavelmente a melhor experiência de edição front-end de qualquer editor visual:

Outra coisa que adoro no Thrive Architect são os controles avançados de sombra projetada.

Gosto de colocar sombras projetadas em volta das minhas imagens para que se destaquem do texto. No meu editor anterior, não havia como fazer isso, então eu adicionaria as sombras projetadas em um aplicativo gráfico - muito demorado.

Com o Thrive Architect, basta um clique!

Lembra que eu disse que o Thrive Architect é especialista em conversão?

Não é nenhuma surpresa que o Thrive Architect contenha um poderoso construtor de páginas de destino.

Estas são algumas das seções prontas (mas personalizáveis) que você pode adicionar às suas páginas de destino:

• Seção de Prova Social / Depoimento
• Seção de imagem de herói
• Seção CTA
• Seção de recursos
• Seção Como Funciona
• Seção de bônus
• Seção de garantia
• Funis de Vendas

Aqui estão alguns dos outros recursos do Thrive Architect:

• Design responsivo otimizado para celular
• O sistema de template embutido permite que você
• Salvar e carregar layouts
• Histórico de revisão e desfazer e
• Botões de refazer corrigem
• muda uma brisa
• Marcador estilizado
• Listas (como esta)
• Grades de recursos (com imagens ou ícones)
• Cronômetros dinâmicos de contagem regressiva
• Formulários de aceitação
• Eventos de página - exibe um pop-up lightbox com base em certos gatilhos

A equipe da Thrive Themes está constantemente adicionando novos recursos e novas funcionalidades ao Thrive Architect. E isso garante que este editor WordPress continuará a ser o melhor editor WYSIWYG para WordPress.

Resumindo

Thrive Architect é o criador de páginas ideal para profissionais de marketing ou qualquer pessoa que esteja tentando converter visitantes em assinantes ou clientes. O Thrive Architect é especializado em conversão e tem mais ferramentas de conversão do que qualquer outro construtor de páginas que conheço. O Thrive Architect é frequentemente comparado ao Elementor em termos de aparência. Mas eu prefiro a IU do Thrive Architect à do Elementor. Na minha opinião, o Thrive Architect é o melhor editor WYSIWYG do WordPress.

Preços

O Thrive Architect faz parte do Thrive Suite, que custa US $ 90 por trimestre

Com mais de 500.000 instalações ativas, o Beaver Builder é um dos mais populares criadores de páginas do WordPress. É também um dos mais fáceis de usar - por isso é uma ótima escolha para blogueiros iniciantes.

Aqui estão alguns dos recursos que o Beaver Builder oferece:

• Funciona com qualquer tema WordPress
• Edição de front-end ao vivo - veja suas alterações conforme você as faz
• Suporte para widgets e códigos de acesso do WordPress
• Suporta classes e IDs CSS personalizados
• Se você desinstalar o Beaver Builder, seu conteúdo será transferido para o editor WP nativo
• Otimizado para dispositivos móveis
• Vem com dezenas de modelos de página pré-fabricados
• Oferece módulos para controles deslizantes, carrossel, planos de fundo, blocos de conteúdo, botões e muito mais

Tenho que dizer; A interface de usuário do Beaver Builder parece um pouco básica em comparação com o Elementor ou o Thrive Architect:

Resumindo

O Beaver Builder é uma ótima opção para iniciantes, pois não há uma grande curva de aprendizado envolvida em pegar o jeito. Ele não oferece tantos módulos quanto alguns dos outros construtores de páginas. No lado positivo, se você quiser voltar ao editor do WordPress, o Beaver Builder deixa para trás um código 100% limpo. Assim, você poderá editar suas postagens anteriores no editor do WordPress e na maioria dos outros criadores de páginas.

Preços

• $ 99 no primeiro ano e depois renova com 40% de desconto

O WordPress sempre vem com seu próprio editor pré-instalado. Mas o WordPress lançou recentemente um editor de arrastar e soltar totalmente novo e totalmente gratuito chamado Gutenberg.

Gutenberg tem uma interface de usuário muito limpa e intuitiva:

Depois de instalar o Gutenberg, ele se torna o editor padrão - você não precisa selecioná-lo.

O editor de Gutenberg opera com base em blocos que você insere em sua página ou postagem clicando no símbolo 'Mais':

Embora o Gutenberg seja um grande avanço em relação ao editor de código aberto TinyMCE que vem pré-instalado com o WordPress, ele ainda carece de alguns dos recursos avançados que você obtém nos criadores de páginas pagos.

Aqui está uma amostra dos blocos que vêm com o Gutenberg

• Bloco de resumo de conteúdo
• Bloco de lista avançado
• Bloco de botões
• Bloco de imagem
• Bloco de vídeo avançado
• Bloco de índice
• Bloco Google Maps
• Bloco de mesa avançado
• Bloco de acordeão
• Bloco de testemunho
• Bloco de links sociais

Embora eu goste da interface limpa e organizada, notei alguns bugs (na versão que estava usando):

• Era difícil editar o permalink de dentro de Gutenberg
• Uma lista com marcadores deve ficar dentro de seu próprio bloco, caso contrário, todo o texto dentro do bloco será transformado em marcadores

Devo mencionar aqui que Gutenberg não foi bem avaliado. No site oficial do WordPress, o editor de Gutenberg recebeu 1.791 avaliações e obteve uma média de 2,2 estrelas em 5.

Resumindo

Gutenberg é um criador de páginas de arrastar e soltar elegante e organizado. Mas definitivamente precisa de um pouco mais de trabalho antes de chegar perto de competir com qualquer um dos construtores de páginas analisados ​​acima. É certo que é gratuito, mas Site Origin, Elementor e Visual Composer oferecem versões gratuitas totalmente funcionais.

Preços

• Grátis (incluído no WordPress)

Quando eu estava procurando por um novo construtor de páginas WordPress, estes eram os principais recursos que eu procurava:

• Interface fácil de usar
• Edição de front-end verdadeira (ou seja, você vê as alterações instantaneamente, conforme edita a página)
• Totalmente responsivo em dispositivos móveis
• Funciona com qualquer tema WordPress
• Suporta todos os widgets WordPress padrão
• Sistema de modelagem para que você possa salvar elementos e layouts personalizados e reutilizá-los
• Histórico de revisão que permite reverter rapidamente para versões anteriores
• Módulo de índice
• Suporta CSS personalizado
• Deixa para trás um código limpo

Elementor e Thrive Architect parecem ser os dois construtores de páginas WordPress mais avançados e ambos satisfazem minha lista de requisitos mínimos.

Acabei optando pelo Thrive Architect por dois motivos:

Razão # 1

Quando você edita uma página no Thrive Architect, os módulos ficam em um lado da tela e os controles para cada módulo estão no outro lado da tela.

Mas no Elementor, os módulos e os controles estão no mesmo lado da tela.

Isso significa que você clica muito mais no Elementor do que no Thrive Architect. No Elementor, depois de terminar de estilizar um parágrafo, título ou imagem, você deve clicar em voltar para acessar o menu de módulos.

Já no Thrive Architect, os módulos ainda estão lá, do outro lado da tela.

Razão # 2

Como a maioria dos blogueiros, estou tentando converter visitantes em assinantes (e, por fim, em clientes).

O foco da Thrive Architect na conversão foi o fator decisivo para mim. Existem mais módulos relacionados à conversão no Thrive Architect do que em qualquer outro construtor de páginas do WordPress.