Wix recently announced their new website building platform called Wix Editor X in February 2020. First, let's go back to the original Wix Editor.
What is Wix Editor?
Wix Editor is a platform you use to build and edit your website. There are many different features where you can just drag and drop to create a stunning and functional website for your business.
However, after many years, competition has caught up with Wix. The Wix Editor is still used widely, but it is old and sluggish. Their competitors are coming up with new technology to try to get a piece of the pie in the website building world.
Wix is the leading cloud-based website builder out of many different website builders out there. Yet, Wix website is relatively slow when it comes to speed and its ability to scale on different devices. Introducing the new Wix Editor X.
What is Wix Editor X?
What do you think of the X when you first heard about it? We think of X-men, Xbox, Professor X, iPhone X, etc. The name entails something futuristic and superior, don't you think?
"Editor X is an advanced creation platform for designers and web professionals. The platform combines cutting edge responsive design with smooth drag and drop. Those that want to can add custom code and use a powerful CMS to build data driven sites and complex web applications. Editor X offers an unparalleled range of integrated business solutions from a leading eCommerce infrastructure to professional marketing and SEO tools." - Wix Editor X
Editor X is a WYSIWYG (What You See is What You Get) Website Builder like its predecessor Wix. However, the key difference here is responsive design. Responsive web design is an approach to make your website display at a more desirable layout on different devices. You can make your website display exactly how you want it, from desktop to tablet and to mobile.
What are the differences in Editor X?
Wix Editor X offers advanced design features including grid layout, docking, stack, text scale, flex box layout, custom breakpoints and more. (In Editor X, strips are now called sections and there are many other new features added)
- Grid layouting let you slice your section into smaller pieces for more controls
- Docking let your element change its size according to a reference point
- Stack & scale media allows you to group elements together and scale at the same time
- Text scale allows you to scale your text size on different devices automatically
- Flex layouter makes it easy to rearrange boxes of elements in a section
- Custom breakpoints let you see how your website changes on different viewports
- Flexible canvas let you resize your screen to different breakpoints by simply move the handles on both sides (left and right)
- Advanced sizing control let you choose a fixed/fluid mode for each element
- Wix design system featuring sections with built-in responsive behavior matched to the color palette of your site
You can learn more about each individual functionality directly on Wix Editor X website here
If you have been a Wix users over the years, Editor X will be a different game that will help you bring your website to the next level.
Is the price different in Editor X?
There is no price different in using Wix Editor X or just the regular Wix Editor. However, Wix Editor X interface is completely different. It will take you some time to learn all the new features and its capabilities.
Wix Editor X is still in Beta mode. They are still adding new features every day. Some features that are available in the Wix Editor may not be available in the Wix Editor X.
Three main features that are not available are Wix Chat, Wix Blog shortcut and Wix Multilingual. We will keep you updated on the date and what has been added to Wix Editor X here.
Editor X Coming Soon
Page Editing Permissions - From inside the editor, site owners can now control which collaborators and teammates can edit which pages and Masters. Once edit permissions are granted to a collaborator, the exact actions they can perform will be based on their specific site role.
Multi-Column Forms - Add and customize a selection of multi-column forms, based on CSS grid layouts.
Multilingual - Translate each site to over 180 languages and keep the same design and layout for each. Set your main language then choose manual or automatic translation for each additional language. Visitors can simply use a dropdown to choose the language they need.
Continuous Save - Never worry about losing your work. With continuous save, every change you make is saved for you automatically.
Concurrent Editing - Multiple creators can work on the same Editor X site at the same time for the ultimate collaborative design process. (Beta for Wix Partners)
Autostack on Drag - When you drag an element above or below another on your canvas, you'll be offered to stack them automatically.
Bulk Design of Elements - Multi-select elements of the same type and apply design changes to all of them at once.
Slideshow - Present content in slides that can be swiped through manually or that switch automatically.
Multi-Select Resizing - Select a few elements and resize them at the same time from the Inspector panel.
Repeaters with Variants - Repeaters with Variants
Editor X Recent Updates
June 8, 2021 - Get Feedback | Share the latest version of a site to collect feedback from clients, colleagues or friends. Any comments will be connected to relevant site elements, so you can quickly review, respond and resolve.
June 7, 2021 - Custom Elements | Create custom HTML tags to design elements with additional CSS capabilities that are not yet available from the App Market. Examples include countdown animations, breadcrumbs, tooltips, charts, cursor changes and scroll interactions.
May 31, 2021- Content Suggestions | Get professional, editable suggestions for text & visuals for any business type. All suggestions are prepared & curated by our in-house content & design teams.
May 18, 2021 - Site Search Component | You can now drag in a Site Search component from the Add panel, so website visitors can quickly find what they're looking for.
May 12, 2021 - Code-Free Hover Interactions | Add a variety of interactions, including transforms, to any element on hover.
May 9, 2021 - Element Selection Preferences | Set your preferred pathway for grabbing layers on your canvas. Choose to start from the parent container or child element on first click.
May 6, 2021 - Selection Tags for CMS
May 2, 2021 - Save Elements as Assets
April 25, 2021 - App Management Panel
April 20, 2021 - Conditional Forms
March 17, 2021 - Editor X Roles & Permissions
February 14, 2021 - Live Comments
February 7, 2021 - Live Chat
January 21, 2021 - New Hamburger Menus
January 12, 2021 - Dynamic Page Templates
January 7, 2021 - Direct Grid Editing
December 29, 2020 - Element IDs in Layers Panel
December 17, 2020 - New Releases Feed
December 16, 2020 - Preset Grid Containers
November 13, 2020 - Dev Mode Panel Resizing
November 9, 2020 - Design Libraries
November 2, 2020 - Grouping
October 29, 2020 - Designed Boxes
September 16, 2020 - Header & Footer Tags
August 26, 2020 - Header Scroll Effects
August 6, 2020 - Scroll Snap!
July 30, 2020 - HTML Embed Component
July 28, 2020 - Keyboard Shortcuts Panel
July 13, 2020 - New Form Designs
July 07, 2020 - Saved Design Assets
June 30, 2020 - Copy Paste Sections
June 28 ,2020 - Custom Menu Management
June 24, 2020 - Spacing for Application Widgets
June 23, 2020 - Smart Focal Point
June 16, 2020 - Rename Layers
June 15 ,2020 - Autodock Controls
June 10, 2020 - Container Padding
June 10, 2020 - Grid Relayouting
June 8, 2020 - Theme Manager
June 1, 2020 - Copy Paste Between Sites
May 25, 2020 - Shortcuts Panel
May 21, 2020 - Sticky Position
May 14, 2020 - Select a Layer
May 6, 2020 - Custom Size for Preview
May 3, 2020 - Copy Formatting
April 13, 2020 - Vertical Masters
April 7, 2020 - Unstack
April 5, 2020 - Forum
April 1, 2020 - BUG FIX: Section Colors
March 10, 2020 - Editor Type in Dashboard
March 10, 2020 - BUG FIX: Image Scroll Effects
March 2, 2020 - Multiple Custom Menus
March 1, 2020 - Overflow