Hi Guys,
I have recently been promoted to Icon Level WIX Partner. I have been actively using WIX and have extensively explored all the functions and keep sharing critical observations with the WIX team. I will continue to share inputs to enable the users of WIX to have a seamless experience.
I have now begun developing a site using Editor X - For Bold Creators. The new Editor X is simply awesome and has already begun sharing observations with the Team.
Today I am writing to explain the most basic infrastructure of Editor X. All of these are the most basic details to help anyone wanting to explore Editor X.
You need to build your websites on WIX! Hire me now.
Need a pre-loaded template? Purchase a Stunning WIX Website template by Maveristic
The Workplace
![Understanding WIX Editor X](https://static.wixstatic.com/media/97db43_7612b749d4604f9aaf0641b9071a9796~mv2.jpg/v1/fill/w_980,h_461,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/97db43_7612b749d4604f9aaf0641b9071a9796~mv2.jpg)
The Workplace consists of 7 parts:
Canvas
![WIX Editor X Canvas](https://static.wixstatic.com/media/97db43_d5d085602ba94fbdbc9639577d436d51~mv2.jpg/v1/fill/w_980,h_557,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/97db43_d5d085602ba94fbdbc9639577d436d51~mv2.jpg)
Your canvas is divided into horizontal sections. You have a header, a footer, and a large section in the middle. You can move them around and add as many sections and pages as you want. Use the resize handles at the side of your canvas to adjust the width and design your site at every viewport.
Add Panel
![WIX Editor X Add Panel](https://static.wixstatic.com/media/97db43_835883db76cf4ae9bdf577cd6ae0ad4f~mv2.jpg/v1/fill/w_802,h_907,al_c,q_85,enc_auto/97db43_835883db76cf4ae9bdf577cd6ae0ad4f~mv2.jpg)
Drag any kind of element onto your canvas, from simple shapes and text to social bars and fully designed sections.
Action Bar
![WIX Editor X Action Bar](https://static.wixstatic.com/media/97db43_a55111b6b0f040029c91c0481b361f5e~mv2.jpg/v1/fill/w_803,h_574,al_c,q_85,enc_auto/97db43_a55111b6b0f040029c91c0481b361f5e~mv2.jpg)
Select any element on your canvas to open this floating action bar. You can perform all actions to a particular element right from design, animation, links, and more.
Inspector panel
![WIX Editor X Inspector Panel](https://static.wixstatic.com/media/97db43_20b1aa058fb3445295f1a143d47a06cd~mv2.jpg/v1/fill/w_704,h_861,al_c,q_85,enc_auto/97db43_20b1aa058fb3445295f1a143d47a06cd~mv2.jpg)
This is where you can edit the properties of a selected element. Change the alignment, size, position, and more.
Layers
![WIX Editor X Layers](https://static.wixstatic.com/media/97db43_40a25760cd7a407bb64c3963ff756c97~mv2.jpg/v1/fill/w_840,h_893,al_c,q_85,enc_auto/97db43_40a25760cd7a407bb64c3963ff756c97~mv2.jpg)
Use the Layers panel to view the entire structure of your page. You can also select and edit elements from here. If you hide any element in tablet or mobile layout you will be able to show the element using the Layers.
Masters
![WIX Editor X Masters](https://static.wixstatic.com/media/97db43_7689d4d34c634e829db990ed54f5c2f9~mv2.jpg/v1/fill/w_749,h_906,al_c,q_85,enc_auto/97db43_7689d4d34c634e829db990ed54f5c2f9~mv2.jpg)
Masters are sections of content that can show on multiple site pages. Changes you make to one will affect this Master everywhere it appears on your site.
Breakpoints
![Breakpoints Navigator](https://static.wixstatic.com/media/97db43_95eee3a493724caca14f2e90c696ed7a~mv2.jpg/v1/fill/w_980,h_640,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/97db43_95eee3a493724caca14f2e90c696ed7a~mv2.jpg)
The breakpoints navigator at the top of your canvas lets you jump between 3 preset breakpoints - desktop, tablet, and mobile. Click the 3 dots to customize breakpoints and add more.
You will find all the details on how to work with Editor X by following the Academy X. An end-to-end resourceful documentation on how to build your website on Editor X.
Comments