A responsive website building platform can come in handy when you are trying to create a new website or an online store.
While there are dozens of website builders only a handful have earned the trust of thousands of consumers (especially web designers) across the world.
Wix’s Editor X is one of those website builders.
In this Editor X Review, I will talk you through the key features, pricing, pros & cons, and other aspects of this website builder. By the end of this Editor X Review, you will be in a much better position to assess whether this website builder is worth your time and investment.
Editor X Overview
For starters, Editor X is a website builder from Wix.
As you might know, Wix is one of the most powerful website builders today. The website builder commands a whopping 200 million user base globally.
In 2020, Wix launched their designer-oriented website builder called Editor X. This website builder packs a ton of designer-friendly features. The way Editor X website builder differentiates itself from Wix and other website builders is that it is meant for advanced web designers. This platform is more for users who are tech-savvy and find most website builders to be limited in terms of design-related features. Currently, the Editor X website builder is available only in English.
Getting Started with Wix Editor X
You can start the sign up process by clicking on the “Start Now” button on the top right of Wix Editor X website builder home page.
- It will take you to a sign up page.
- Here, you will have the option to either sign up using your email or sign up using Google/Facebook.
- Once you sign up with this website builder, you will get a prompt to describe your workplace (freelancer, agency, enterprise, small business, student, and others).
- You will also see a prompt requesting “who will you be building websites for”.
- Choose the one that fits your requirements, and then you will see the Editor X dashboard with Templates and Wireframes.
- By default, you will see Templates.
- The Template section offers dozens of well-designed templates, arranged by business vertical.
The first template is a blank canvas, meaning you can start designing from scratch. You will see beautiful templates organized by industries such as construction, fintech, interior design, beauty store, design & motion studio, gaming startup, electronics store, tech company, saas company, creative company, real estate agency, and more. If you click on the Wireframes tab (on the top), you will be presented with a similar layout (Templates).
However, now you will see wireframe templates such as landing page, business site, ecommerce, services, portfolio, advanced portfolio, and advanced business site. Alternatively, you can start with a blank canvas to design from scratch.
Wix Editor X Review: Features
Design & Layouting Features & CSS grid
This two-dimensional layout structure in Wix Editor X allows you to arrange content in columns and rows.
With help of this feature, you can easily add a grid to a section or container.
You can also change its structure and dimensions.
The biggest benefit of using a CSS grid is that it gives you precise control over the positioning of elements at every viewport to create a beautiful web design.
If you want to display dynamic content, you can use Wix Editor X’s multi-box layout tool, aka, Repeaters.
These use flexbox technology to make sure that your layout automatically adjusts to every screen size. For instance, you can use this functionality to display unique profiles with uniform styling on a “Team” page on a website. This tool can be accessed in the Editor X dashboard, under the “Layout Tools”. Editor X allows you to manually add data to each item of your Repeater. Alternatively, you can sync data behind the scenes using its content manager.
This feature can be used to have your content adjust to every screen size using flexbox technology. Layouter comes in handy when using structured layouts with multiple boxes to create a beautiful web design.
Simply drag and drop the element on your canvas to start. Layouter offers five display types- Columns, Rows, Mosaic, Slider, and Slideshow. If you are getting started with layouter, try resizing items, reordering items, changing the layout, and adding an item to get familiar with its features.
Editor X’s smart docking system offers cool features. For instance, it automatically docks to the closest edges when you drag an element into a container. You have the freedom to override this and manually set your docking from the Inspector panel.
Here are a few things you can do using the Smart docking system:
- Resize the canvas
- Change margin value
- Set margin unit
- Drag & dock
- Customize docking
- Dock to center
Try these to get a better feel of this tool in Editor X.
Using this feature, you can view and manage the order of all the elements on a page. You can also check the parenting relationships between them.
This comes in handy when you want to set a minimum and maximum font size to ensure text gradually scales in with respect to the screen size.
Editor X lets you save and reuse headers, sections, and footers on multiple pages. You can make a change to the master and it will implement it across the website. This saves much time and energy.
Using the theme manager in editor x, you can check the typography and color themes of a website and edit them as needed. Here, you can fully customize the text styles and color palettes of the website to create a beautiful web design.
Often, a section on a website renders differently on different screen sizes. With viewport height, this will not be the case. You can define any section of a website to 100% viewport height. This will make sure that the section covers the full height of the screen, regardless of the device/screen size.
You can use resizing handles on either side of the canvas to see and design a website at any viewport width.
New Features: Templates & Academy X
Since its release in 2021, Editor X has been making improvements to the platform. When it started, it had just 8 templates. Today, there are close to 40 templates. The team behind Editor X should add more templates soon. Another cool addition to the platform is Academy X.
Here, you can learn almost everything about the Editor X platform.
Here are some of the video lessons in Academy X:
- Discover the workspace
- Introducing Editor X
- Getting Started
- Element Hierarchy
- Site Structure
- Inspector Panel
The lessons are organized under Editor X Essentials, Design & Layouting, Interactions & Effects, Elements & Components, Web Concepts, and Collaboration.
For example, the videos under Design & Layouting teach you how to size and dock elements. You will also learn how to work with advanced layouting tools like flexbox and CSS Grid.
If you want to learn how to add scroll effects, animations, and interactions, head over to the Interactions & Effects video section.
Editor X: Pricing
Editor X offers three pricing plans- Website Plans, Business and eCommerce Plans, and Enterprise plans.
We believe that Editor X drag and drop editor comes with several useful features for website creation. Unlike most other website builders, this platform is great for people with some design experience. Editor X comes with a flexible drag and drop editor that offers simultaneous editing and supports databases and API. Editor X integrates with marketing tools such as Google Analytics, Facebook Pixel, and HotJar. On the flip side, editor x is not one of the most beginner-friendly website builders. It surely has a higher learning curve. Also, Editor X is not compatible with all Wix Apps available in the Wix app market. While Editor X has around 40 templates, Wix offers over 800 templates. However, unlike Wix and other website builders, Editor X offers simultaneous editing, which is a great feature for designers. All in all, Editor X is one of the most powerful website builders out there for website creation.
For Scale your Business you can connect with us; we help businesses to scale in their industry with the latest tech demand on their business. connect today