Skip to main content
EN Deutsch Español Français Italiano Português

Editor Versions

Duda supports two editor versions to best suit your needs:

  • Editor 2.0

  • Classic Editor with optional flex mode

Each version of the editor is explained in the following sections along with the limitations and future developments of Editor 2.0.

Editor 2.0

Editor 2.0 integrates advanced functionalities while retaining the intuitive interface of the Classic Editor. However, it introduces an enhanced infrastructure, augmenting your editing experience with improved capabilities and efficiency:

  • Modern Editing Capabilities: Utilizes flex and grid technologies to enhance the editing process and improve the end result.

    • Easily adjust alignment or spacing of multiple elements at the same time (control in one click or slider).

    • Easily adjust column configurations with precision, vertically and horizontally.

      • Have up to 8 columns in a section.

      • Set an uneven number of columns to be the same size.

    • Seamlessly nest and overlap elements for dynamic designs using inner columns and advanced grids.

  • Responsive Design: Ensures full responsiveness across all screen sizes, reducing the need for manual customization while retaining the option.

  • Screen-Size-Specific Editing: Edit across desktop, tablet, and mobile devices, with customization options tailored to each screen size.

    • Edit per screen size rather than by device means, for example, if you view a site on mobile, the site will recognize the size of the screen and display the elements that you set to display on that screen size.

    • Edit per screen size allows for continuity across screen sizes, minimizing customization per device. With fewer breakpoints, Editor 2.0 streamlines style management, ensuring smoother cascading of styles and simplifying codebase complexity. Additionally, desktop and tablet screen sizes exhibit greater independence compared to the Classic Editor.

  • Consistent Header Design: Maintains header characteristics across screen sizes, such as the logo, facilitating seamless updates. You can update the header on the desktop and it will update on all devices.

  • Widget Accessibility: Supports all widgets from the Classic Editor, excluding additional features RSS Feeds and Floating Button currently under development.

  • Flex Section Management: Introduces a new flex section management system centralizing flex section reuse in Editor 2.0, including flex sections created in the Classic Editor, to further streamline website creation.

  • UI and Editing enhancements:

    • Design Panel Location: Resides on the right side of the interface in Editor 2.0, providing a cleaner editing environment. Users also have the option to close the panel when not in use.

    • Layer Panel Control: Manage the layer panel easily by closing and reopening it as needed to facilitate smoother navigation within the site structure.

    • Floating Bar Navigation: Enables seamlessly backtrack using breadcrumbs by introducing a floating navigation bar.

    • Duplicate Option: Enables the convenience of duplicating elements in Editor 2.0 by introducing a duplicate option.

    • Inline Image Resizing: Resize images directly within the editor interface, eliminating the need for external editing tools.

    • Improved Alignment and Spacing Controls: Enhanced vertical and horizontal alignment and spacing controls, including a spacing slider, streamlines the layout adjustment process. These improvements eliminate the need for additional rows and columns in the Classic Editor.

  • eCommerce Store Compatibility: Supports the native store, but does not support the third party store.

Editor 2.0: Future Developments and Current Limitations

Editor 2.0 is a dynamic and evolving feature set, incorporating continuous improvements to enhance the user experience. While the platform is continuously evolving, various features are under consideration or in development. Currently in the phase of evaluation and planning:

  • Site Theme Layouts (located in the Theme in the Classic Editor)

  • Third Party Store

  • Native eCommerce Multilingual Support. (This is a Native Store limitation)

  • Mobile editing (called "Duda on the Go")

  • Parallax.

  • Global Rows (located in the Theme in the Classic Editor).

  • New Row Personalization action type.

Editor 2.0 FAQs

How can I start building with Editor 2.0?

To start building,  click on create site and then you will see an option to switch to Editor 2.0 templates, choose a template to start building and that’s it!  If you don’t see an option for editor 2.0 templates please contact support.

What is Editor 2.0 and why is it unique?

Editor 2.0 is an innovative design editor entirely built on Flexbox technology, featuring Flex-based headers, sections, pages, and footers. It introduces a powerful new canvas that enhances design capabilities and efficiency. This allows you to create your desired site quickly, while maintaining compatibility with all existing Duda widgets, apps, add-ons, and tools.

Benefits of using Editor 2.0 for you and your team

  • Increased productivity: Significantly reduces the time from design to publish

  • Improved site performance: Achieves higher Core Web Vitals scores, contributing to better search engine rankings.

  • Enhanced design experience: Provides a pixel-perfect, responsive design that automatically adjusts to different screen sizes.

How does Editor 2.0 differ from Duda's classic editor? Do I get the features from the classic editor?

All familiar platform components like widgets, blogs, stores, apps, and other tools remain unchanged in Editor 2.0. The main difference lies in the design canvas where you drag and drop elements and customize their design.

What are the advantages of Editor 2.0's Design Canvas?

  • Faster site design: Offers extensive layout capabilities, automatic element reorganization during resizing, and absolute control over breakpoints.

  • Full Flex experience: Provides a seamless Flex experience across headers, sections, pages, and footers without toggling in and out of Flex Mode.

  • Enhanced widget customization: Facilitates easier customization of widget alignment, resizing, and ordering directly on the design canvas.

Why is Duda introducing this new editor?

Duda aims to empower web professionals to create next-generation websites and Editor 2.0 leverages cutting-edge web design and development technology to offer a powerful, intuitive site-building experience without needing any code.

What will happen to Duda's existing editor when Editor 2.0 is launched?

We will continue supporting the classic editor, allowing the use of existing custom assets and maintaining familiar site-building workflows.

How will the new Editor 2.0 impact sites I've already created with Duda's current editor?

Existing sites will remain unchanged, and the current editor will still be usable with regular (non-Flex) templates. We recommend exploring  Editor 2.0 for its comprehensive site-building capabilities.

Can I still build sites that include both Flex and non-Flex sections after Editor 2.0 is released?

With the release of Editor 2.0, previously used Flex sections will be accessible in Editor 2.0, but non-Flex sections will not be available in the new editor.

Will I be able to switch back to the current editor once Editor 2.0 is released?

Yes, you will have the option to switch between the current editor and Editor 2.0 through the templates page.

What existing platform capabilities will be available in Editor 2.0?

  • Widgets

  • Apps

  • Blog

  • Store (native store only)

  • AI Assistant

  • SEO and Site Settings

  • Site Theme

  • API Integrations

  • Templates

  • Sections

  • Team Management

  • Client Permissions

  • Multi-language

  • Personalization rules

  • Site Membership

  • Floating button

  • Site comments

  • Hamburger menu on desktop (coming soon)

How will Editor 2.0 handle custom assets created with the current editor?

Editor 2.0 is built entirely on Flexbox technology, making any Flex-based assets you or your team have created compatible with the new editor.

Editor 2.0 supports these custom design assets:

  • Custom widgets

  • Custom Flex sections

  • Custom Flex templates (e.g., templates with a Flex header)

Editor 2.0 does not support these custom design assets:

  • Custom templates with a non-Flex header

  • Custom non-Flex sections

What options do you have for custom non-Flex templates and sections?

You can continue using these in the current editor as Duda will maintain support for it. Alternatively, consider creating new custom assets using Editor 2.0, which offers a streamlined creation process.

Will Editor 2.0 support HTML and CSS customizations?

You will still have the ability to customize CSS files using Duda’s Dev Mode in Editor 2.0. However, HTML customizations will not be supported. Editor 2.0’s enhanced technological infrastructure and design capabilities reduce the need for extensive code customization. Actions like overlapping elements and adding more than four columns can be accomplished directly from Editor 2.0’s design canvas.

Classic Editor

The Classic Editor has been a trusted tool known for its simplicity and efficiency in website creation. You can create beautiful websites just using the Classic Editor or you can also enhance your design experience by using flex mode in the Classic Editor.

  • Easy and Quick Site Creation: The Classic Editor offers a user-friendly interface, allowing users to create websites swiftly.

  • Device-Specific Editing: Edit across desktop, tablet, and mobile devices, with customization options tailored to each device.

    • Edit per device rather than by screen size means for example if you view a site on mobile, you are seeing the mobile version of the site.

    • While you can edit per device, desktop and tablet are closely connected which has its benefits for simpler layouts. However, this can also increase the time spent on the site if you are creating a more advanced layout because customization per device is available and sometimes required for all devices in order to achieve the desired design.

  • Flexibility with Flex Sections: Incorporate pre-designed Flex Sections and Team Sections to enhance layout flexibility.

  • Customizable Header: Customize headers per device, with the exception of tablets mirroring desktop layouts. Note that flex sections are not supported in the header.

  • eCommerce Store Compatibility: Supports the Native Store and the Third Party Store.

Flex Sections and Flex Mode Labels

The following explains the different flex section and mode labels and how they relate to the different editor versions:

  • Flex Sections: These are similar to rows in the Classic Editor, it also represents the primary editing mode within Editor 2.0. DudaFlex was how we called flex sections or flex mode outside of Editor 2.0.

  • Flex Mode: Relevant to Flex Sections in the Classic Editor, it is not applicable in the Editor 2.0.

  • DudaFlex: Relevant to Flex Sections, it is applicable to both the Editor 2.0 and the Classic Editor.

  • All-Flex Editor (now known as Editor 2.0): Previously referred to the editor before its transformation into the updated version known as Editor 2.0.

Transition Guidelines and Compatibility Between Editors

For customers concerned about the gradual transition from All-Flex to Editor 2.0 and its impact on the Classic Editor, here are some important notes:

  • Continued Support for Classic Editor: Sites built with the Classic Editor remain fully supported, with ongoing editing capabilities.

  • Editor 2.0 Beta Group Access: Editor 2.0 is available as an additional editing option for users in the beta group. Users in this group can choose the platform that best suits their needs.

  • Partial Migration Shortcut: While full migration between editors is not possible at this time, users can save and reuse Flex sections saved in classic in Editor 2.0, providing a convenient shortcut for transitioning content.

Was this article helpful?

Return to top