Releases & updates.

The DOM order for new sections is now automatically arranged based on the visual order of elements. You can fix the DOM order for existing sections from the Pages panel by clicking “Reorganize DOM order”.

Create a unique flow from one section to the next by adding shapes to the top or bottom of your section background. Choose from a catalog of divider designs or upload your own.

Now you can design Repeaters that have an alternating “AB” design pattern. Split items into 2 sets and create a unique design for each set.

Create beautiful, decorative text filled with images, videos or gradients.

Create layouts that contain multiple, collapsible items. Consolidate site content and help visitors find relevant information with ease.

Manage the reusable masters sections through an intuitive panel where now you can reorder, preview, rename, choose on which pages to display and access the edit mode.

Control every element's alignment and spacing by adjusting docking, margins and padding using an intuitive visual interface.

Add a custom cursor to a page, section or element, no code needed. Choose from a variety of pre-built options, or upload your own.

Create easy-to-navigate layouts displaying different content in multiple tabs on the same page—no code needed.

Reorder your pages for better site organization. Switch them around easily with drag and drop from the pages panel.

Apply masks to your videos. Choose from thousands of in-house shapes and vector art, or upload a shape of your own. The video will take the shape of your selected mask.

Create mesmerizing gradients for section backgrounds with color transitions rotating around the center of a circle.

Display multiple store products in Sliders and related product galleries that look great on any screen size.

Choose between 3 fit modes—fill, fit or keep aspect ratio—to display images with your preferred proportions, without cropping.

Make your site more engaging for visitors by adding click or hover interactions to any element.

Place grids on top of content to update layouts without disrupting your design. Add, edit and delete grid lines directly on the canvas.

Control grid settings via the Inspector panel to intuitively manage responsive layouts and easily edit row and column definitions.

Use dev mode to add advanced input fields to any site including user signatures, ratings input and display, and reCAPTCHA.

Customize horizontal menus with advanced control over the layout, background and style of menu containers, submenus and individual items.

Edit text, images and videos right from the Content Manager with the rich content field. Display content with a dynamic structure on dynamic pages.

Add Lottie animations from LottieFiles to any Editor X site. These animations are lightweight, vector-based and optimized for web and mobile.

Use this new Layouter option to easily present galleries as slideshows with navigation arrows on any breakpoint.

Let customers see prices in their local currency so it's easier for them to make purchasing decisions from a website.

Design section backgrounds with radial, linear or fluid gradients, add color stops and customize their size and spread.

Manage Layouter & Repeater items by dragging them into order and add, duplicate, hide or delete them with controls in the Inspector panel.

Multi-state boxes allow different pieces of content to be displayed one state at a time—ideal for wizards, FAQ templates, product galleries, and more.

Share your design libraries with individuals who don’t have access to your Editor X account to allow them to save and reuse your assets.

Add detail and personality to site comments by adding files and formatting. Plus, tag collaborators to tell them they've been mentioned.

Calculate different units of measurement together to control element sizing with extreme accuracy.

Accept restaurant orders for pickup and delivery on Editor X sites. Streamline your order process and provide an exceptional purchasing flow.

Quickly identify site issues, navigate directly to problem areas and easily optimize them.

Manage how elements are placed within and across grid cells using an interactive panel that visualizes the grid areas.

Use images and videos as section backgrounds and bring them to life with new scroll effects, including parallax and 3D.

Define the size of containers, vertical sections, buttons, text and flexboxes based on the content within them using the max content sizing unit.

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.

Choose to import assets from a specific design library with their library styles or switch them over to your site's typography and colors.

Create custom, fluid layouts that wrap perfectly at any breakpoint and fully control their distribution, including spacing and alignment.

Add containers around elements you’ve already positioned, directly on the canvas. Plus, remove containers without disrupting your layout.

Style buttons to match any design with options for fills, borders, corners, and more.

Get notified directly in the editor when teammates reply to, post, or resolve comments when they publish a site you’re working on and more.

From the Inspector panel, you can now pin an element to a specific parent container. The pinned element will then stay fixed in place, relative to its parent.

Add and customize a selection of multi-column forms, based on CSS grid layouts.

Use this new layout option for Repeaters to wrap items into new rows with responsive column width, and maintain the height of the rows at any breakpoint.

Add dynamic content to a design and instantly see how it will be displayed on your site, without going into preview mode.

Get granular feedback by commenting on designs at select breakpoints. Plus, team members can filter comments by breakpoint for ease of implementation.

Add ARIA attributes to any custom elements or applications to provide additional information to assistive technologies.

Optimize the DOM order of your elements to ensure they're accessible to all, including those using assistive technologies to navigate your site.

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.

Experience greater control over stacked elements with more precise margin control and alignment shortcuts.

Multiple contributors can now work on the same Editor X site at the same time for the ultimate collaborative web creation process.

Test changes with a portion of your audience and get the feedback you need to fine-tune your site before going live.

Get more control over page transitions by disabling the default transition mode.

Rebuild a Wix site on Editor X. We'll transfer data, pages and supported components, so you can redesign each breakpoint and publish on Editor X.

Let site visitors make payments via a form. Choose from 3 types of payment form available in the Add panel and customize according to your needs.

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.

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.

Get professional, editable suggestions for text & visuals for any business type. All suggestions are prepared & curated by our in-house content & design teams.

You can now drag in a Site Search component from the Add panel, so website visitors can quickly find what they're looking for.

Add a variety of interactions, including transforms, to any element on hover.

Set your preferred pathway for grabbing layers on your canvas. Choose to start from the parent container or child element on first click.

Add Selection Tags to any user input form and connect them to your database collection. This allows visitors to select and submit multiple choices.

Save individual elements as local design assets—or to a design library for your whole team to access and reuse.

Add and manage site apps, like eComm and blog solutions, from within the Editor X workspace.

Add rules to make any site form conditional. This means the form can adapt and reveal new fields in response to visitor input.

Set custom roles with granular permissions for each site contributor and member of your team—from designers to developers and SEO experts. Let everyone focus on what they do best for seamless collaboration on every site.

Communicate with your team in real time on Editor X. Write comments, assign them to a team member and link them to a specific element on the canvas.

Add live chat to any site to enable instant conversations with site visitors.

Find brand new hamburger menu components in the Add panel. They're vector images, so you can easily replace and scale them—plus, each one comes with a separate X icon for closing.

Discover 3 new responsive templates for displaying dynamic content from a collection. Choose from Team, Projects or News templates to accelerate your flow.

Drag gridlines directly on the canvas to resize columns and rows.

In Dev Mode, you can now display element IDs in the Layers panel to keep track of each element on the canvas. Rename IDs from both the Layers panel and the Properties panel for an efficient workflow.

See what's new in Editor X, right from the canvas. From feature releases to updates and Academy resources, always stay up to date with this handy news feed.

You can now find a selection of containers in the Add panel with grids already built in. Choose from 6 common grid layouts as the base for your designs.

In Dev Mode, you can now manually control the height of the IDE and the width of the Site Structure panel to improve your coding experience.

Save color palettes, text themes and assets in design libraries that can be shared with teammates and applied on any site in your account.

Accelerate your design process with grouping. Drag, resize, duplicate and arrange multiple elements at once. Any animation you apply affects the whole group.

A brand new selection of designed boxes are available from the Add panel, created by our in-house studio. All boxes have built-in responsive behavior.

When you create a Master, you can now define whether it's a regular section, a header or a footer. This improves site accessibility and helps keep your Masters panel organized.

Control the behavior of fixed site headers with move, fade and fill-color effects.

Use iFrames to display visual content from external servers, for example, a weather widget, stock widget or calendar.

Drag in new pre-designed, responsive forms from the Add panel. Choose from categories like contact forms, sales leads and job applications.

Save sections you've already designed and reuse them on any site in your account.

Cut, copy and paste vertical and horizontal sections. Copying a section copies all of its data, layout and design.

When you add an app to your site, you can move the widget around, add margins and docking.

Multi-select which pages you want to appear on each menu component.

Get automatic focal point optimization on images with prominent facial features.

Rename the items in your layers panel so they're easy to identify.

Choose whether or not elements autodock when moving and resizing.

Select which type of layout you want for every new section. Instantly select either Blank, Grid or Layouter.

Add spacing around the edges of any container—including sections, stacks, lightboxes, Layouters and pages. This means you can still drag elements around freely but they'll always keep a certain distance from the edge.

Quickly switch your grid using different preset suggestions. Useful for redesigning per breakpoint.

Create and save your own site themes with custom color palettes and text styles.

Reuse designed elements across multiple Editor X sites.

Streamline your work with handy keyboard shortcuts.

Pin any element to the screen, so it stays visible during scroll. Set a specific point where the element unsticks and scrolls with the rest of the site.

Quickly grab the layer you need using right click and selecting the element from the listed layers.

From preview mode, you can choose the exact viewport width and height you want to review—and you can also jump between pages.

Copy design attributes from one element to another—either from an element at a specific breakpoint, or the way it's styled across all breakpoints.

Set vertical sections—like sidebars—as Masters, so you can save and reuse these designs on any site page.

Break up a stack to remove elements from their Flex container. Unstacking elements gets rid of the vertical relationship between them, so they may overlap when the viewport width changes.