Editor X Review 2022 - Fácil de usar, mas poderoso construtor de sites
Publicados: 2022-09-27Uma plataforma de criação de sites responsivos pode ser útil quando você está tentando criar um novo site ou uma loja online.
Embora existam dezenas de criadores de sites, apenas alguns conquistaram a confiança de milhares de consumidores (especialmente web designers) em todo o mundo.
O Editor X do Wix é um desses construtores de sites.
Nesta revisão do Editor X, falarei sobre os principais recursos, preços, prós e contras e outros aspectos deste construtor de sites.
Ao final desta Revisão do Editor X, você estará em uma posição muito melhor para avaliar se este construtor de sites vale o seu tempo e investimento.
Visão geral do Editor X
Para começar, o Editor X é um construtor de sites do Wix.
Como você deve saber, o Wix é um dos construtores de sites mais poderosos da atualidade.
O construtor de sites comanda uma enorme base de 200 milhões de usuários globalmente.
Em 2020, o Wix lançou seu construtor de sites orientado a designers chamado Editor X.
Este construtor de sites contém vários recursos amigáveis ao designer.
A forma como o construtor de sites Editor X se diferencia do Wix e de outros construtores de sites é que ele é destinado a web designers avançados .
Essa plataforma é mais para usuários que entendem de tecnologia e acham que a maioria dos criadores de sites é limitada em termos de recursos relacionados ao design.
Atualmente, o construtor de sites Editor X está disponível apenas em inglês.
Começando com o Editor Wix X
Você pode iniciar o processo de inscrição clicando no botão “Iniciar agora” no canto superior direito da página inicial do construtor de sites Wix Editor X.
Ele irá levá-lo para uma página de inscrição.
Aqui, você terá a opção de se inscrever usando seu e-mail ou se inscrever usando o Google/Facebook.
Depois de se inscrever neste construtor de sites, você receberá uma solicitação para descrever seu local de trabalho (freelancer, agência, empresa, pequena empresa, estudante e outros).
Você também verá um prompt solicitando “para quem você construirá sites”.
Escolha aquele que atende aos seus requisitos e, em seguida, você verá o painel do Editor X com modelos e wireframes.
Por padrão, você verá Modelos.
A seção Modelo oferece dezenas de modelos bem projetados, organizados por vertical de negócios.
O primeiro modelo é uma tela em branco, o que significa que você pode começar a projetar do zero.
Você verá belos modelos organizados por setores como construção, fintech, design de interiores, loja de beleza, estúdio de design e movimento, startup de jogos, loja de eletrônicos, empresa de tecnologia, empresa saas, empresa criativa, agência imobiliária e muito mais.
Se você clicar na guia Wireframes (na parte superior), será apresentado um layout semelhante (Modelos).
No entanto, agora você verá modelos de wireframe, como página de destino, site comercial, comércio eletrônico, serviços, portfólio, portfólio avançado e site comercial avançado.
Alternativamente, você pode começar com uma tela em branco para projetar do zero.
Revisão do Wix Editor X: Recursos
Recursos de design e layout
Grade CSS
Essa estrutura de layout bidimensional no Wix Editor X permite que você organize o conteúdo em colunas e linhas.
Com a ajuda desse recurso, você pode adicionar facilmente uma grade a uma seção ou contêiner.
Você também pode alterar sua estrutura e dimensões.
O maior benefício de usar uma grade CSS é que ela oferece controle preciso sobre o posicionamento dos elementos em cada viewport para criar um belo design da web.
Repetidores
Se você deseja exibir conteúdo dinâmico, pode usar a ferramenta de layout multi-box do Wix Editor X, também conhecida como Repeaters.
Eles usam a tecnologia flexbox para garantir que seu layout se ajuste automaticamente a todos os tamanhos de tela.
Por exemplo, você pode usar essa funcionalidade para exibir perfis exclusivos com estilo uniforme em uma página de “Equipe” em um site.
Esta ferramenta pode ser acessada no painel Editor X, em “Ferramentas de Layout”.
O Editor X permite adicionar dados manualmente a cada item do seu repetidor.
Como alternativa, você pode sincronizar dados nos bastidores usando seu gerenciador de conteúdo.
Layouter
Esse recurso pode ser usado para ajustar seu conteúdo a todos os tamanhos de tela usando a tecnologia flexbox.
O Layouter é útil ao usar layouts estruturados com várias caixas para criar um belo design da web.
Você pode acessar essa ferramenta no painel Adicionar em Ferramentas de layout do painel.
Você pode escolher entre wireframes em branco ou sugestões de layout projetadas.
Basta arrastar e soltar o elemento em sua tela para começar.
O Layouter oferece cinco tipos de exibição - Colunas, Linhas, Mosaico, Slider e Apresentação de Slides.
Se você estiver começando com o layouter, tente redimensionar itens, reordenar itens, alterar o layout e adicionar um item para se familiarizar com seus recursos.
Encaixe
O sistema de encaixe inteligente do Editor X oferece recursos interessantes.
Por exemplo, ele se encaixa automaticamente nas bordas mais próximas quando você arrasta um elemento para um contêiner.
Você tem a liberdade de substituir isso e definir manualmente seu encaixe no painel Inspetor.
Aqui estão algumas coisas que você pode fazer usando o sistema de encaixe inteligente:
- Redimensionar a tela
- Alterar valor da margem
- Definir unidade de margem
- Arraste e encaixe
- Personalizar encaixe
- Encaixe para o centro
Experimente estes para ter uma ideia melhor desta ferramenta no Editor X.
Camadas
Usando esse recurso, você pode visualizar e gerenciar a ordem de todos os elementos em uma página. Você também pode verificar as relações parentais entre eles.
O painel Camadas permite renomear suas camadas para mantê-las organizadas.
Escala de texto
Isso é útil quando você deseja definir um tamanho de fonte mínimo e máximo para garantir que o texto seja dimensionado gradualmente em relação ao tamanho da tela.
Mestres
O Editor X permite salvar e reutilizar cabeçalhos, seções e rodapés em várias páginas.
Você pode fazer uma alteração no mestre e ele a implementará em todo o site.
Isso economiza muito tempo e energia.
Gerenciador de temas
Usando o gerenciador de temas no editor x, você pode verificar a tipografia e os temas de cores de um site e editá-los conforme necessário.
Aqui, você pode personalizar totalmente os estilos de texto e as paletas de cores do site para criar um belo design da web.
Altura da janela de visualização
Muitas vezes, uma seção em um site é renderizada de forma diferente em diferentes tamanhos de tela. Com a altura da janela de visualização, este não será o caso. Você pode definir qualquer seção de um site para 100% da altura da janela de visualização.
Isso garantirá que a seção cubra toda a altura da tela, independentemente do tamanho do dispositivo/tela.
Alças de redimensionamento
Você pode usar alças de redimensionamento em ambos os lados da tela para ver e projetar um site em qualquer largura da janela de visualização.
Preenchimento do contêiner
Isso é útil quando você deseja adicionar espaçamento nas bordas de qualquer contêiner.
Recursos projetados e recursos de mídia
Arte vetorial
O Editor X oferece milhares de ilustrações vetoriais, formas e ícones. Você também pode fazer upload de seus próprios arquivos SVG personalizados.
Imagens únicas
Com o Editor X, você pode personalizar o tamanho, a posição e o comportamento das imagens em cada ponto de interrupção.
Você pode definir opções de dimensionamento, efeitos de rolagem, pontos focais e muito mais.
As ferramentas permitem controlar como as imagens são redimensionadas conforme a largura da janela de visualização muda.
Por exemplo, você pode escolher Fixo para manter uma imagem em um tamanho de pixel definido, independentemente do dispositivo.
Quando você define uma imagem como Fluida, ela ajusta sua largura de acordo com a janela de visualização.
E se você marcar a caixa de seleção Dimensionar proporcionalmente, ela permitirá redimensionar a imagem perfeitamente com a janela de visualização, mantendo a altura e a largura em equilíbrio.
Com o Editor X, você pode escolher qual parte de uma imagem deseja que fique visível à medida que o tamanho da tela muda.
Basta selecionar a imagem e clicar no ícone Focal Point na barra de ação flutuante.
Em seguida, arraste o ponto azul para o local desejado (ou clique no local).
Os efeitos de rolagem permitem adicionar profundidade às suas criações. Você pode encontrar essa funcionalidade em Comportamento de rolagem em Configurações.
Parallax e Reveal são os dois efeitos disponíveis no momento.
Novos recursos: modelos e Academy X
Desde seu lançamento em 2021, o Editor X vem fazendo melhorias na plataforma.
Quando começou, tinha apenas 8 modelos.
Hoje, existem cerca de 40 modelos.
A equipe por trás do Editor X deve adicionar mais modelos em breve.
Outra adição legal à plataforma é a Academy X.
É uma biblioteca online de tutoriais em vídeo e exercícios práticos.
Aqui, você pode aprender quase tudo sobre a plataforma Editor X.
Aqui estão algumas das videoaulas da Academy X:
- Conheça o espaço de trabalho
- Apresentando o Editor X
- Começando
- Seções
- Rede
- Hierarquia de Elementos
- Estrutura do site
- Painel Inspetor
- Pontos de interrupção
As lições são organizadas em Fundamentos do Editor X, Design e Layout, Interações e Efeitos, Elementos e Componentes, Conceitos da Web e Colaboração.
Por exemplo, os vídeos em Design e layout ensinam como dimensionar e encaixar elementos. Você também aprenderá a trabalhar com ferramentas avançadas de layout, como flexbox e CSS Grid.
Se você quiser aprender como adicionar efeitos de rolagem, animações e interações, vá para a seção de vídeo Interações e Efeitos.
Editor X: Preços
O Editor X oferece três planos de preços: planos de site, planos de negócios e comércio eletrônico e planos empresariais.
Vamos discutir esses planos do editor x em detalhes.
Planos de sites
Este plano é perfeito para projetos pessoais e portfólios/blogs.
Novamente, aqui, você pode escolher entre três planos - Ultra, Extra e Essential.
Ultra
Este pacote editor x está disponível por $ 49 por mês.
E você obtém um domínio personalizado, certificado SSL gratuito, 35 GB de espaço de armazenamento, 5 horas de vídeo, aplicativo de análise de visitantes (gratuito por 1 ano), logotipo profissional, arquivos de logotipo de mídia social e atendimento ao cliente dedicado.
O plano ultra editor x também permite remover a marca Editor X para personalizar seu site.
Extra
Este pacote editor x está disponível por $ 35 por mês.
Possui todos os recursos disponíveis no plano Ultra.
A diferença aqui é que você obtém 20 GB de espaço de armazenamento e 2 horas de vídeo.
Essencial
Este plano editor x é o mais barato dos três.
Custa $22 por mês.
Ao contrário dos pacotes editor x Ultra e Extra, este plano editor x não vem com o aplicativo de análise de visitantes (gratuito por 1 ano), logotipo profissional, arquivos de logotipo de mídia social e atendimento ao cliente dedicado.
Você obtém 10 GB de espaço de armazenamento e 1 hora de horas de vídeo com o plano editor x Essential.
Planos de negócios e comércio eletrônico
Este plano editor x é perfeito para lojas online que precisam de pagamentos online, também conhecidos como funcionalidade de comércio eletrônico.
Este plano tem três níveis: Escala, Boost e Lançamento.
Escala
O pacote Scale editor x custa US$ 165 por mês.
Este plano editor x vem com pagamentos online seguros, planos e pagamentos recorrentes, contas de clientes, domínio personalizado, domínio gratuito por 1 ano, espaço de armazenamento de 50 GB, horas de vídeo ilimitadas, relatórios personalizados e atendimento ao cliente dedicado.
Com este plano do editor x, você também tem a opção de remover a marca do Editor X.
Impulso
O pacote Boost do editor x custa $ 50 por mês.
Essa é uma grande queda do pacote x do editor de escala.
Este plano editor x vem com pagamentos online seguros, planos e pagamentos recorrentes, contas de clientes, domínio personalizado, domínio gratuito por 1 ano, espaço de armazenamento de 35 GB, 10 horas de vídeo e atendimento ao cliente dedicado.
Embora este plano do editor x tenha a opção de remover a marca do Editor X, ele não oferece relatórios personalizados.
Lançar
O pacote editor x Launch custa $ 22 por mês.
Este plano editor x vem com pagamentos online seguros, planos e pagamentos recorrentes, contas de clientes, domínio personalizado, domínio de custo zero por 1 ano, espaço de armazenamento de 20 GB, 5 horas de vídeo e atendimento ao cliente dedicado.
Este pacote editor x também oferece a opção de remover a marca Editor X, mas vem sem relatórios personalizados.
Todos os três planos editor x permitem que você venda em canais sociais, tenha produtos ilimitados e abandonou a recuperação de carrinho.
No entanto, a venda em marketplaces e assinaturas está disponível apenas com os planos de preços Scale and Boost editor x.
Planos Empresariais
Este plano editor x é para empresas maiores que desejam dimensionar sua arquitetura.
As soluções corporativas do editor x vêm com planos personalizados, uma equipe de suporte dedicada, segurança de nível empresarial, um sistema de design para toda a organização, consultoria individual com especialistas do setor, armazenamento personalizado, codificação e integrações; e monitoramento contínuo do projeto, acompanhamento de desempenho e otimização do site.
Editor X Revisão: Atendimento ao cliente
Você pode entrar em contato com a equipe de suporte ao cliente do Editor X por telefone e e-mail 24 horas por dia, 7 dias por semana.
Depois de descrever sua solicitação para um chatbot, você tem a opção de solicitar um retorno de chamada imediatamente ou agendar uma chamada para qualquer momento nos próximos cinco dias.
Conclusão
Acredito que o editor de arrastar e soltar do Editor X vem com vários recursos úteis para a criação de sites.
Ao contrário da maioria dos outros criadores de sites, essa plataforma é ótima para pessoas com alguma experiência em design.
O Editor X vem com um editor flexível de arrastar e soltar que oferece edição simultânea e suporta bancos de dados e API.
O Editor X se integra a ferramentas de marketing como Google Analytics, Facebook Pixel e HotJar.
Por outro lado, o editor x não é um dos construtores de sites mais amigáveis para iniciantes.
Certamente tem uma curva de aprendizado mais alta.
Além disso, o Editor X não é compatível com todos os aplicativos Wix disponíveis no mercado de aplicativos Wix.
Enquanto o Editor X tem cerca de 40 templates, o Wix oferece mais de 800 templates.
No entanto, ao contrário do Wix e de outros construtores de sites, o Editor X oferece edição simultânea, o que é um ótimo recurso para designers.
Em suma, o Editor X é um dos construtores de sites mais poderosos para criação de sites.