Website Builder suporta duas versões do editor para melhor atender às suas necessidades:
-
Editor 2.0
-
Editor clássico com modo flexível opcional
Cada versão do editor é explicada nas seções a seguir, juntamente com as limitações e desenvolvimentos futuros do Editor 2.0.
O Third Party Store não é suportado no Editor 2.0.
Editor 2.0 integra funcionalidades avançadas, mantendo a interface intuitiva do Editor Clássico. No entanto, ele introduz uma infraestrutura aprimorada, aumentando sua experiência de edição com recursos e eficiência aprimorados
-
Capacidades de edição modernas: Utiliza tecnologias flexíveis e de grade para aprimorar o processo de edição e melhorar o resultado final.
-
Ajuste facilmente o alinhamento ou o espaçamento de vários elementos ao mesmo tempo (controle com um clique ou controle deslizante).
-
Ajuste facilmente as configurações das colunas com precisão, vertical e horizontalmente.
-
Tenha até 8 colunas em uma seção.
-
Defina um número desigual de colunas para ter o mesmo tamanho.
-
-
Aninhe e sobreponha elementos perfeitamente para projetos dinâmicos usando colunas internas e grades avançadas.
-
-
Design responsivo: garante total capacidade de resposta em todos os tamanhos de tela, reduzindo a necessidade de personalização manual e mantendo a opção.
-
Edição específica do tamanho da tela: Edite em computadores, tablets e dispositivos móveis, com opções de personalização personalizadas para cada tamanho de tela.
-
Edite por tamanho de tela e não por dispositivo, por exemplo, se você visualizar um site no celular, o site reconhecerá o tamanho da tela e exibirá os elementos que você definiu para exibir nesse tamanho de tela.
-
edição por tamanho de tela permite a continuidade em todos os tamanhos de tela, minimizando a personalização por dispositivo. Com menos pontos de interrupção, o Editor 2.0 simplifica o gerenciamento de estilos, garantindo uma combinação mais suave de estilos e simplificando a complexidade da base de código. Além disso, os tamanhos de tela de desktop e tablet apresentam maior independência em comparação com o Editor Clássico
-
-
Design de cabeçalho consistente: Mantém as características do cabeçalho em todos os tamanhos de tela, como o logotipo, facilitando atualizações contínuas. Você pode atualizar o cabeçalho na área de trabalho e ele será atualizado em todos os dispositivos.
-
Acessibilidade do widget: Suporta todos os widgets do Editor Clássico.
-
Gerenciamento de seções flexíveis: Apresenta um novo sistema de gerenciamento de seções flexíveis centralizando a reutilização de seções flexíveis no Editor 2.0, incluindo seções flexíveis criadas no Editor Clássico, para agilizar ainda mais a criação de sites.
-
Aprimoramentos na interface do usuário e na edição:
-
Localização do painel de design: Reside no lado direito da interface no Editor 2.0, fornecendo um ambiente de edição mais limpo. Os usuários também têm a opção de fechar o painel quando não estiverem em uso.
-
Controle do painel de camadas: Gerencie o painel de camadas facilmente fechando-o e reabrindo-o conforme necessário para facilitar a navegação na estrutura do site.
-
Navegação em barra flutuante: Permite retroceder perfeitamente usando breadcrumbs, introduzindo uma barra de navegação flutuante.
-
Opção duplicada: Permite a conveniência de duplicar elementos no Editor 2.0 introduzindo uma opção de duplicação.
-
Redimensionamento de imagem em linha: Redimensione imagens diretamente na interface do editor, eliminando a necessidade de ferramentas de edição externas.
-
Controles aprimorados de alinhamento e espaçamento: controles aprimorados de alinhamento e espaçamento vertical e horizontal, incluindo um controle deslizante de espaçamento, simplificam o processo de ajuste do layout. Essas melhorias eliminam a necessidade de linhas e colunas adicionais no Editor Clássico.
-
-
Compatibilidade com lojas de comércio eletrônico: Suporta onative store, mas não oferece suporte à loja terceirizada.
Editor 2.0 é um conjunto de recursos dinâmico e em evolução, incorporando melhorias contínuas para aprimorar a experiência do usuário. Embora a plataforma esteja em constante evolução, vários recursos estão sendo considerados ou em desenvolvimento. Atualmente na fase de avaliação e planejamento:
-
Loja terceirizada
-
Linhas globais (localizadas no Tema no Editor Clássico).
-
Nova linha Tipo de ação de personalização.
Como posso começar a criar com o Editor 2.0?
Para começar a criar, clique em criar site e você verá uma opção para mudar para os modelos do Editor 2.0, escolha um modelo para começar a criar e pronto!
O que é o Editor 2.0 e por que ele é único?
Editor 2.0 é um editor de design inovador totalmente baseado na tecnologia Flexbox, com cabeçalhos, seções, páginas e rodapés baseados em Flex. Ele apresenta uma nova tela poderosa que aprimora os recursos e a eficiência do design. Isso permite que você crie o site desejado rapidamente, mantendo a compatibilidade com todos os widgets, aplicativos, complementos e ferramentas existentes
Benefícios de usar o Editor 2.0 para você e sua equipe
-
Aumento da produtividade: Reduz significativamente o tempo entre o design e a publicação.
-
Melhor desempenho do site: Alcança pontuações mais altas no Core Web Vitals, contribuindo para melhores classificações nos mecanismos de pesquisa.
-
Experiência de design aprimorada: Oferece um design responsivo e com pixels perfeitos que se ajusta automaticamente a diferentes tamanhos de tela.
Como o Editor 2.0 difere do Website Builderé um editor clássico? Eu recebo os recursos do editor clássico?
Todos os componentes familiares da plataforma, como widgets, blogs, lojas, aplicativos e outras ferramentas permanecem inalterados no Editor 2.0. A principal diferença está na tela de design, na qual você arrasta e solta elementos e personaliza seu design.
Quais são as vantagens do Design Canvas do Editor 2.0?
-
Design de site mais rápido: oferece amplos recursos de layout, reorganização automática de elementos durante o redimensionamento e controle absoluto sobre pontos de interrupção.
-
Experiência Flex completa: fornece uma experiência flexível perfeita em cabeçalhos, seções, páginas e rodapés sem entrar e sair do Modo Flex.
-
Personalização aprimorada do widget: facilita a personalização do alinhamento, redimensionamento e ordenação do widget diretamente na tela de design.
Por que é Website Builder apresentando esse novo editor?
Website Builder visa capacitar profissionais da web a criar sites de próxima geração e o Editor 2.0 aproveita a tecnologia de ponta de design e desenvolvimento da web para oferecer uma experiência de criação de sites poderosa e intuitiva sem precisar de nenhum código.
O que acontecerá com Website Builderé o editor existente quando o Editor 2.0 é lançado?
Continuaremos oferecendo suporte ao editor clássico, permitindo o uso de ativos personalizados existentes e mantendo fluxos de trabalho familiares de criação de sites.
Como o novo Editor 2.0 afetará os sites que eu já criei com Website Builderé o editor atual?
Os sites existentes permanecerão inalterados e o editor atual ainda poderá ser usado com modelos regulares (não flexíveis). Recomendamos explorar o Editor 2.0 por seus recursos abrangentes de criação de sites
Ainda posso criar sites que incluam seções flexíveis e não flexíveis após o lançamento do Editor 2.0?
Com o lançamento do Editor 2.0, as seções Flex usadas anteriormente estarão acessíveis no Editor 2.0, mas as seções não flexíveis não estarão disponíveis no novo editor.
Poderei voltar para o editor atual quando o Editor 2.0 for lançado?
Sim, você terá a opção de alternar entre o editor atual e o Editor 2.0 por meio da página de modelos.
Como o Editor 2.0 lidará com ativos personalizados criados com o editor atual?
O Editor 2.0 é construído inteiramente com a tecnologia Flexbox, tornando todos os ativos baseados em Flex que você ou sua equipe tenham criado compatíveis com o novo editor.
O Editor 2.0 suporta esses ativos de design personalizados:
-
Widgets personalizados
-
Seções Flex personalizadas
-
Modelos personalizados do Flex (por exemplo, modelos com um cabeçalho Flex)
O Editor 2.0 não oferece suporte a esses ativos de design personalizados:
-
Modelos personalizados com um cabeçalho não flexível
-
Seções não flexíveis personalizadas
Quais opções você tem para seções e modelos personalizados não flexíveis?
Você pode continuar usando-os no editor atual como Website Builder manterá o suporte para isso. Como alternativa, considere criar novos ativos personalizados usando o Editor 2.0, que oferece um processo de criação simplificado
O Editor 2.0 suportará personalizações de HTML e CSS?
Você ainda poderá personalizar arquivos CSS usando Website Builder's Dev Mode no Editor 2.0. No entanto, as personalizações de HTML não serão suportadas. A infraestrutura tecnológica aprimorada e os recursos de design do Editor 2.0 reduzem a necessidade de ampla personalização de código. Ações como sobreposição de elementos e adição de mais de quatro colunas podem ser realizadas diretamente na tela de design do Editor 2.0
O Editor Clássico tem sido uma ferramenta confiável conhecida por sua simplicidade e eficiência na criação de sites. Você pode criar belos sites usando apenas o Editor Clássico ou também pode aprimorar sua experiência de design usando o modo flexível no Editor Clássico
-
Criação fácil e rápida de sites: O Editor Clássico oferece uma interface amigável, permitindo que os usuários criem sites rapidamente.
-
Flexibilidade com seções flexíveis: Incorpore seções flexíveis e seções de equipe pré-projetadas para aprimorar a flexibilidade do layout.
-
Cabeçalho personalizável: personalize cabeçalhos por dispositivo, com exceção dos tablets que espelham os layouts de desktop. Observe que as seções flexíveis não são suportadas no cabeçalho
-
Compatibilidade com lojas de comércio eletrônico: Suporta o Native Store e o Third Party Store.
A seguir, explicamos os diferentes rótulos de seção e modo flexíveis e como eles se relacionam com as diferentes versões do editor:
-
Seções flexíveis: Elas são semelhantes às linhas no Editor Clássico e também representam o modo de edição principal no Editor 2.0. Flex foi como chamamos de seções flexíveis ou modo flexível fora do
-
Modo Flex: Relevante para seções flexíveis no Editor clássico, não é aplicável no Editor 2.0.
-
Flexionar: Relevante às Flex Sections, é aplicável tanto ao Editor 2.0 quanto ao Editor Clássico.
-
Editor All-Flex (agora conhecido como Editor 2.0): Referido anteriormente ao editor antes de sua transformação na versão atualizada conhecida como Editor 2.0.
Para clientes preocupados com a transição gradual do All-Flex para o Editor 2.0 e seu impacto no Editor Clássico, aqui estão algumas notas importantes:
-
Suporte contínuo para o Editor Clássico: Os sites criados com o Editor Clássico permanecem totalmente suportados, com recursos de edição contínuos.
-
Migração entre versões do editor: Se você fizer uma redefinição completa do site, poderá alternar entre as versões do editor.