Wix Harmony Editor is a hybrid editor that blends familiar drag-and-drop controls with built-in AI support. Whether this is your very first site or your next big project, you can move and edit everyth...

Introducing the Wix Harmony Editor

Discover how to create your website effortlessly with the Wix Harmony Editor, a hybrid platform that combines intuitive drag-and-drop controls with AI assistance. You can collaborate in real-time, customize your design, and utilize built-in tools to achieve your goals, whether launching a store or sharing a portfolio. With features like responsive design and the ability to generate unique elements using AI, you’ll have everything you need to bring your vision to life.

<div data-component-type="text"><div>Wix Harmony Editor is a hybrid editor that blends familiar drag-and-drop controls with built-in AI support. Whether this is your very first site or your next big project, you can move and edit everything yourself, ask the AI for help, or mix the two so you always feel confident.</div></div><div data-component-type="text"><div>Aria, your AI partner inside the editor, runs on Wix Harmony's fully managed, reliable platform. You can ask questions in your own words, get instant guidance and let Aria take actions for you, while you stay in charge of every change and focus on bringing your vision to life.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="The Wix Harmony Editor when it first opens, showing a designed website" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Create with Wix Harmony:</div><div class="info-content"><div>Experience the next generation of website creation with <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reach-your-goals-faster" level="3">Reach your goals faster</h2></div><div data-component-type="text"><div>Wix Harmony gives you built-in tools for every kind of goal, whether you want to launch a store, share a portfolio, start a blog, or anything else. Start from professionally designed site templates and ready‑made sections, or use AI to quickly generate pages and sections. Customize the layouts, images, and text as much or as little as you need.</div></div><div data-component-type="text"><div>Working with others? You and anyone you invite can <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-editing-a-site-together" target="">collaborate live on a site</a> and work on your design together – all in real time.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="stay-in-control-of-your-design" level="3">Stay in control of your design</h2></div><div data-component-type="text"><div>With Wix Harmony, you’re never limited to one way of working – build your site visually with precise drag and drop, or let AI generate designs that you can refine. </div></div><div data-component-type="text"><div>You can keep things simple by using ready‑made templates, or dive deeper and customize every detail — it’s completely up to you. Add elements, move content around, and adjust the layout to get the exact look and feel you're going for. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="build-with-ease" level="3">Build with ease</h2></div><div data-component-type="text"><div>Everything in the Harmony Editor is made to be simple, even if you've never built a site before. The dynamic action bar at the top shows the most relevant tools for the element you’re working on. The interface is clean and easy to scan, so you spend less time searching and more time making your site look the way you want.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="A text element is selected in the Wix Harmony Editor, and the action bar that appears above the page" /></div></div><div data-component-type="text"><div>Need help while working on an element? Click <strong>Ask AI </strong>on the action bar to start chatting with Aria. Choose one of our quick suggestions (e.g. 'Generate new design', 'Fix layout'), or type your own question and let Aria handle it for you.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3f8c613e-3624-43e9-a9ed-cedfd244dd1a/614a9d55-150c-4a16-a86b-3eb49b6b1bab.png" alt="a section generated by AI, next to the chat with Aria that led to the section creation" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Good to know:</div><div class="info-content"><div>Click the Aria icon at the bottom right of the editor to start a new chat at any time.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="express-your-unique-style" level="3">Express your unique style</h2></div><div data-component-type="text"><div>Make your site look and feel like you. Use the <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-about-your-sites-brand" target="">Brand panel</a> to set your color palette, fonts, and styles for elements you’ll use across the site, so your whole design stays consistent and polished.</div></div><div data-component-type="text"><div>Add a touch of personality by choosing from thousands of free graphics, images, videos, icons, and more — all organized in categories and easy to find in the <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-elements" target="">Add Elements panel</a>. You can also apply expressive <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-and-customizing-an-animation" target="">animations</a> to your elements to keep visitors engaged.</div></div><div data-component-type="text"><div>Interested in something completely custom? <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-new-generating-an-element-with-ai" target="">Generate your own unique element</a> with AI. This gives you endless more options without needing any design or coding experience.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deliver-a-seamless-responsive-experience" level="3">Deliver a seamless responsive experience</h2></div><div data-component-type="text"><div>With Wix Harmony, your site is automatically responsive — it instantly adjusts to look good on any device, from desktop to smartphone. You never have to build a separate mobile version or worry about how your site looks on different devices.</div></div><div data-component-type="text"><div>Want to fine-tune your mobile experience? <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adjusting-your-site-for-mobile" target="">Switch to the mobile view</a> in the editor at any time. You can resize and move elements, hide elements from mobile, or even add mobile-only elements to make your site work smoothly for every visitor. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/f893d1af-8547-4550-997a-9b60d3a31a7c/355bc9b3-a92a-4206-8670-ba6ac64a91a1.gif" alt="Clicking the mobile icon in the Wix Harmony Editor and seeing the auto-adjusted mobile view" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Are there elements / Wix apps that aren’t available in the Wix Harmony Editor?</h4><div class="collapsible-content"><div>Most apps are available on Wix Harmony. You can find the available apps by checking the App Market inside the Wix Harmony Editor and in the dashboard, as you do currently.</div><div><br /></div><div>However, there are several elements and Wix apps that we’re working on bringing into Wix Harmony:</div><ul>
  <li>CMS</li>  <li>Wix Chat</li>  <li>Wix Donations</li>  <li>Wix Hotels</li>  <li>Wix Music / Video</li>  <li>Wix Multilingual</li>  <li>Wix Portfolio</li>  <li>Wix Restaurants Orders (New)</li>  <li>Wix Loyalty and Referral Programs</li>  <li>Accordion</li>  <li>Audio player</li>  <li>Glass effect</li>  <li>Multi-state box</li>  <li>Tabs</li>  <li>Text mask</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is the Wix Harmony Editor available in other languages?</h4><div class="collapsible-content"><div>Currently, Wix Harmony (and Aria) is only available in English, and it is planned to expand to additional languages over time. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Ready to get started?</div><div class="info-content"><div>Get to know the editor with our <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-a-guided-tour" target="">guided tour article</a>.</div></div></div></div>

This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.Welcome to Wix H...

Wix Harmony Editor: A Guided Tour

Discover the powerful features of the new Wix Harmony Editor, designed to enhance your website-building experience. With intuitive AI tools, dynamic design options, and a fully responsive interface, you can create and customize your site effortlessly, regardless of your design skills. Learn how to navigate the action bar, manage site pages, and utilize the AI assistant, Aria, to streamline your workflow and achieve a professional look for your site.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Welcome to Wix Harmony, the all-new, all-in-one builder that puts creative magic at your fingertips. With smarter AI tools, dynamic design options, and total freedom to build your way, you can launch your first site or reimagine your latest project with confidence. </div></div><div data-component-type="text"><div>In this article, we'll get to know the editor. Get ready to design, create, and innovate faster than ever before – no design or coding experience needed.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="The Wix Harmony Editor when it first opens, showing a designed website" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Good to know: </div><div class="info-content"><div>The editor is fully responsive. When you resize your browser window, the canvas automatically adjusts so you can always see how your site looks at different sizes.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-action-bar" level="3">The action bar</h2></div><div data-component-type="text"><div>The action bar sits right above the page, giving you instant access to settings and tools tailored to what you’re working on. Select a menu, section, or element, and you’ll notice the options update automatically. </div></div><div data-component-type="text"><div>For example, when you select a text element, the action bar gives you quick the option to change its font as well as size, alignment and formatting. Then, if you select the header, new options appear like changing the background, adding a scroll effect and more. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="A text element is selected in the Wix Harmony Editor, and the action bar that appears above the page" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-top-navigation-bar" level="3">The top navigation bar</h2></div><div data-component-type="text"><div>At the top left of the editor, you can access everything that drives your editing workflow. Easily switch between <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-and-managing-pages" target="">pages</a>, see your <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-about-your-sites-brand" target="">brand</a>'s colors and fonts, publish changes, get info from the dashboard and so much more. This bar keeps your most important controls only a click away, helping you work fast and stay organized. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/71ab98f6-ec4b-4fb5-88ae-da1bfcc46b34/3e694d65-dac8-4bd6-95b2-498af175b3a9.png" alt="The top bar of the Wix Harmony Editor" /></div></div><div data-component-type="text"><div>Click below to learn more about every part of the top bar. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Quick site actions menu</h4><div class="collapsible-content"><div>Click the Wix logo at the top left to open the quick site actions menu. From here, you can preview your site, publish changes, view site history, access the media manager, open marketing tools, and more. </div><div><br /></div><div>This menu also lets you jump straight to your dashboard, upgrade your plan, or get help whenever you need it.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/8037cb1f-18bf-4d16-b6ac-c7f8b9394581/463051f3-c1e0-4f59-ba52-4b26b6236156.png" alt="The quick actions menu that appears when clicking the Wix logo in the Wix Harmony Editor" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Site overview</h4><div class="collapsible-content"><div>The <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-the-site-overview-panel" target="">Site Overview</a> panel gathers all your core business info in one place, from your domain and favicon to your organization’s name and description. </div><div><br /></div><div>Edit your site profile to help shape personalized content, improve your search presence, and keep your site’s identity front and center.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/c7f0a643-a292-4b18-8bd7-b5d5e4d0c94d/a097f3cb-c26b-4b7a-9b8d-ddda6c9ff405.png" alt="The Site Overview panel in the Wix Harmony Editor, with the business name and type already selected" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Brand</h4><div class="collapsible-content"><div>The <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-about-your-sites-brand" target="">Brand</a> panel is where you define the look and feel of your site. Set your color palette, choose text styles, and customize button, line, and box themes so every page is consistent and on-brand. </div><div><br /></div><div>Updating these global styles ensures your entire site looks polished and professional.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/cb040aa4-d0e4-4cfb-8a1b-b0ff76561b41/d922f165-ce3c-4074-8f01-7ee6cd1b6b12.png" alt="The Site Brand panel in the Wix Harmony Editor" />¡</div><div><br /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Site pages</h4><div class="collapsible-content"><div>Clicking the current page's name opens the<strong> </strong><a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-and-managing-pages" target="">Site pages</a> panel on the left. This is where you view, add, and organize your site pages. </div><div><br /></div><div>Quickly switch between pages, create new ones and adjust page settings to keep your site structure clear and easy to navigate.</div><div><br /></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/1660dfa0-10f3-4fc6-93ad-c989a5da4b2d/950aeb61-7666-42d4-95e1-403f4e4972b6.png" alt="Cursor is clicking the current page name, Site Pages panel is open on the left side of the Wix Harmony Editor" /></div><div><br />
</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Fit (zoom)</h4><div class="collapsible-content"><div>The<strong> Fit </strong>dropdown at the top of the editor lets you customize how you view your site while editing. Instantly zoom in or out, choose a preset zoom level, or make the page fit your screen. </div><div><br /></div><div>This helps you focus on details or get the bigger picture, making design adjustments easier and more precise.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/1955c9bc-c70c-4387-ac17-1552315404ba/88986e41-bb65-4a79-86b7-42922c9160c9.gif" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Preview and publish</h4><div class="collapsible-content"><div>You can always click <strong>Preview</strong> at the top right of the editor to see how your site would look live. When you’re ready to share your site, click <strong>Publish</strong>. </div><div><br /></div><div>As soon as you <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-previewing-and-publishing-your-site" target="">publish</a>, you’ll see a confirmation with your site’s live URL and a QR code that makes it easy to view your site on mobile. Visitors can access your site right away, and you can connect your own custom domain to look more professional.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/8cf99d62-53c7-4d81-b06e-93f997aba118/bb5ea1bb-75d3-4580-932a-b26d69c9d2d1.png" alt="The pop-up that appears after publishing your site in the Wix Harmony Editor, showing the URL and QR code for mobile preview" /><br />
</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-add-elements-panel" level="3">The Add Elements panel</h2></div><div data-component-type="text"><div>The <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-elements" target="">Add Elements</a> panel is your creative launchpad in the Wix Harmony editor. From here, you can explore a huge library of elements such as headings, images, slideshows, menus, and even third-party apps. </div></div><div data-component-type="text"><div>Filter by category or use the search bar to quickly find what you need. Then, drag elements onto your canvas and start shaping your site. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/b178cb73-294a-4ad3-b5a4-bd18ab8c0160/05a74c62-e08e-4ba4-9e50-24c72a87e73a.gif" alt="The Add Elements panel in the Wix Harmony Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ask-ai-aria" level="3">Ask AI (Aria)</h2></div><div data-component-type="text"><div>Aria, your multi-skilled AI partner, is here to help streamline your workflow. Click the <strong>Ask Aria</strong> icon at the bottom right of the editor to start chatting. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/24570730-7699-4d24-8f46-c88fe610bc30/1ebf1063-b259-4065-9468-d338bb5a0646.png" alt="The Ask Aria icon in the Wix Harmony Editor" /></div></div><div data-component-type="text"><div>When selecting an element, you can also click <strong>Ask AI</strong> on the action bar for tailored prompt suggestions. Ask Aria to move sections, generate a new design, fix layout issues, or improve section text—all with a simple command. If you need to make more changes, just send another message to Aria right in the chat.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3b6363ff-0a88-4428-90b7-fffd99276421/c3c8727f-9e66-42d1-acfe-392b07f83679.png" alt="An AI-generated section in the Wix Harmony Editor, showing the design and the chat with Aria" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="mobile-view" level="3">Mobile view</h2></div><div data-component-type="text"><div>At the top right of the page, quickly switch between desktop and mobile views with a single click. The mobile view lets you see how your site looks on smaller screens. </div></div><div data-component-type="text"><div>While your site is automatically responsive to different screen sizes, you always have the freedom to <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adjusting-your-site-for-mobile" target="">adjust the mobile design</a> and give your visitors the best experience possible, no matter the device.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/f893d1af-8547-4550-997a-9b60d3a31a7c/355bc9b3-a92a-4206-8670-ba6ac64a91a1.gif" alt="Clicking the mobile icon in the Wix Harmony Editor and seeing the auto-adjusted mobile view" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="additional-panels" level="3">Additional panels</h2></div><div data-component-type="text"><div>At the bottom left corner of the editor, you'll find additional panels to help you control every part of your page. Use the <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-the-layers-panel" target="">Layers panel</a> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/23/fd0b1fed-ce7c-46cd-8cbb-a18dfbd23b74/5b30cd66-be53-4e8d-ba28-91c2fec39ff5.png" />  to see the structure of every section and element on your page—great for fine-tuning layouts and managing overlapping items.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/12345678-1234-1234-1234-1234567890ab/2026/01/08/a00e34d2-3a2b-4fa4-bb93-2a5df4cc2c3e/9362dd47-341e-47ef-aec6-98af3f297a1e.png" alt="The Manage Layers panel in the Wix Harmony Editor" /></div></div><div data-component-type="text"><div>Click the <strong>Help</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/18/f09ac81f-9569-41af-967c-342e02dd9290/80284a6c-e7c7-47c5-bdfe-04c6ff8e5256.png" /> to see tailored tips, guides, and answers specific to where you are in the editor. This makes it easy to get support and discover new features, without ever leaving your workspace.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/1a36c863-edb9-45d3-af14-e49018847fda/aea87580-9e4f-4750-928f-6d2ad1d6ae53.png" alt="The Help panel in the Wix Harmony Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Create with Wix Harmony:</div><div class="info-content"><div>Experience the next generation of website creation with <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking.</div></div></div></div>

This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.The Wix Harmony ...

Wix Harmony Editor: About the AI Tools

Discover the powerful features of the new Wix Harmony Editor, an AI-driven platform designed to help you create a professional and personalized website effortlessly. With your AI agent, Aria, you can receive tailored suggestions, manage content, and generate unique site elements, all while focusing on your vision. Learn how to leverage AI for design, content creation, and more to build and grow your site with confidence.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>The Wix Harmony Editor is an AI-focused platform that gives you everything you need to build a professional, personalized site. Every stage of building and designing your site is supported by AI, so you can focus on your vision while provided with tailored suggestions, creative inspiration, and smart solutions exactly when you need them.</div></div><div data-component-type="text"><div>From customizing your design to managing content and beyond, the Wix Harmony Editor puts intuitive, AI-powered solutions right at your fingertips, so you can build, launch, and grow your site with confidence.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Create with Wix Harmony:</div><div class="info-content"><div>Experience the next generation of website creation with <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="meet-aria-your-ai-agent" level="3">Meet Aria, your AI Agent</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>Aria is powered by AI and as such may produce unexpected or inaccurate results. Always review Aria’s suggestions or changes before finalizing your site.</div></div></div></div><div data-component-type="text"><div>Aria is your expert AI agent for building your site in the Wix Harmony Editor. Aria can help with anything related to your site design, such as building pages, writing content, and customizing designs.</div></div><div data-component-type="text"><div>You can also ask for help with structure, settings, SEO, or site apps. Aria supports you with instant ideas, detailed guidance, and smart solutions, right when you need them.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-aria" target="">Learn more about working with Aria.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-a-professional-site-with-ai" level="3">Design a professional site with AI</h2></div><div data-component-type="text"><div>Create a professional website that fits your brand. Describe your business or pick a template, and let Aria handle the rest - building your site with tailored pages, beautiful layouts, and starter content. You can refine your site's appearance and update content until everything feels just right, before it goes live.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-creating-a-site-with-ai" target="">Learn more about designing your site with AI.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-unique-site-content" level="3">Create unique site content</h2></div><div data-component-type="text"><div>With Wix Harmony’s built-in AI tools, creating standout content for your site is effortless. Aria can help you write high-quality, engaging and SEO-friendly text in a way that speaks to your brand. Looking to enhance your visuals? Just describe the image you want, pick your style, and let Aria generate original graphics for your site.</div></div><div data-component-type="text"><div>Click<strong> Ask AI</strong> on the action bar to get instant suggestions to refine your content. You can improve your text, simplify language, adjust the length, or change the tone. For images, edit or regenerate visuals and get suggestions for how to fit the image to your page.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generate-custom-elements" level="3">Generate custom elements</h2></div><div data-component-type="text"><div>Need a unique element on your site? Use the AI Element Generator to create one-of-a-kind site elements, like interactive buttons, animated effects, or smart widgets. Describe anything you imagine: a glowing call-to-action button, a dynamic product carousel, even a weather widget with real-time updates. The AI transforms your ideas into ready-to-use, fully editable elements.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-new-generating-an-element-with-ai" target="">Learn how to generate custom elements.</a></div></div></div></div>

This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.Building your si...

Wix Harmony Editor: Working With Aria

Discover how to leverage the new Wix Harmony Editor and its built-in AI partner, Aria, to enhance your website-building experience. Aria assists you in designing, generating content, and managing your site intuitively and efficiently. Learn how to access Aria, utilize its features for personalized suggestions, and maintain control over your design decisions, ensuring your vision comes to life seamlessly.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Building your site in the Wix Harmony Editor is all about combining your ideas with the power of AI. Aria, your built-in AI partner, helps you build and design your site by creating content and providing helpful suggestions and inspiration. With Aria, bringing your vision to life becomes faster, simpler, and a lot more intuitive.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Aria is powered by AI and as such may produce unexpected or inaccurate results. Always review Aria’s suggestions or changes before finalizing your site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessing-aria" level="3">Accessing Aria</h2></div><div data-component-type="text"><div>You can access Aria by clicking <strong>Ask Aria</strong> at the bottom right of the editor. Simply start chatting whenever you have a task, idea, or question related to your site.</div></div><div data-component-type="heading"><h2 id="" level="4">When using Aria, you can:</h2></div><div data-component-type="text"><ul>
  <li><strong>Send a message: </strong>Type your message in the text box or click the <strong>Voice Control</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/11/20/0c279fdd-e61f-4db3-b2a0-1f24288e9534/68c85b13-d810-4de3-8319-6fa1d9b0e2e2.png" /> to speak.</li>  <li><strong>Share files and images: </strong>Click the <strong>Add</strong> icon <strong>+</strong> to upload images or files from your computer, or add media from your <a data-composite="true" href="https://support.wix.com/en/article/wix-media-about-the-media-manager" target="">Media Manager</a>.</li>  <li><strong>Start a new chat: </strong>Click the <strong>New chat </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/11/20/70db3b37-d82b-4070-ba40-0acc0902a78f/d35f52c5-69c3-4e80-b197-4b197bd42fa6.png" /> to start a conversation on a different topic.</li>  <li><strong>Tag an element: </strong>Select an element in your editor and automatically tag it in the chat, so you don't need to explain which element you're working on. Just send your request and Aria will know exactly what to update.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-can-aria-help-me-with" level="3">What can Aria help me with?</h2></div><div data-component-type="text"><div>Aria covers a wide range of site-building and management tasks, so you can move from idea to execution faster and with clear guidance. It knows your site and your business, so it can personalize answers and suggestions for you.</div></div><div data-component-type="heading"><h2 id="" level="4">Aria can help you:</h2></div><div data-component-type="text"><ul>
  <li><strong>Design and structure your site:</strong> Create, edit, and organize pages, sections, and layouts to fit your needs. Aria can also add and edit elements on your site, helping you shape each page the way you want.</li>  <li><strong>Personalize your site's look and feel: </strong><a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-about-your-sites-brand" target="">Update your brand</a> with consistent colors, fonts, and elements across your site.</li>  <li><strong>Generate and update content:</strong> Write or refine text, generate and enhance images, and manage your site’s media.</li>  <li><strong>Enhance and manage business features:</strong> Add or update apps, and manage site settings right in the chat.</li>  <li><strong>Get quick guidance and answers:</strong> Ask questions about site features, settings, SEO, or how to complete specific actions.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You always have full control of your design decisions. Anything Aria can do, you can also adjust or edit manually.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-ask-ai" level="3">Using Ask AI</h2></div><div data-component-type="text"><div>Alongside the main chat, you also have the <strong>Ask AI</strong> option on the action bar. Whenever you’re editing elements like text, images, or sections, Ask AI provides instant suggestions specific to that element.</div></div><div data-component-type="text"><div>For example, if you're editing a text box, you'll get options to make the text shorter or longer, rewrite, or change the tone. If you're editing a section, you can generate new section layouts or fix spacing with just a click.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about working with Aria.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can Aria manage my dashboard settings?</h4><div class="collapsible-content"><div>No, Aria focuses on helping you build and design your site in the Wix Harmony Editor. If your request involves changes in your dashboard, Aria will direct you there.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What should I know about using AI-generated content?</h4><div class="collapsible-content"><div>Before using any AI-generated content, we recommend double-checking that you have the right to use it. <a data-composite="true" href="https://support.wix.com/en/article/understanding-the-potential-risks-of-using-generative-ai-tools" target="">Review the potential risks of using generative AI tools</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What's the difference between Aria and Ask AI?</h4><div class="collapsible-content"><div><strong>Aria</strong> is the general AI chat in the Wix Harmony Editor. You can send any request or question to the chat, so it's useful for getting answers, ideas, and explanations across many different topics.</div><div>The<strong> Ask AI </strong>button on the action bar is context-specific, giving you suggestions for site editing and design changes based on what you're working on. When you click on an action, it sends the request to Aria and then Aria immediately works on the change for you.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Create with Wix Harmony:</div><div class="info-content"><div>Experience the next generation of website creation with <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking.</div></div></div></div>

This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.Manage your site...

Wix Harmony Editor: Previewing and Publishing Your Site

Discover how to effectively manage your site using the new Wix Harmony Editor, which features automatic saving and a user-friendly preview mode. Learn to save your work effortlessly, preview your site as visitors will see it, and publish updates instantly to share your latest designs. This article guides you through these essential features, ensuring your site remains up-to-date and visually appealing.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Manage your site right from the editor to keep it up to date with your latest changes. Save, preview, and publish whenever inspiration strikes, so your content is always ready to shine.</div></div><div data-component-type="text"><div>In the Wix Harmony editor, your site is saved automatically, so you never have to worry about losing your work. You can also choose to save your progress manually whenever you like for added peace of mind.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-autosave" level="3">Working with autosave</h2></div><div data-component-type="text"><div>Autosave helps protect your work by automatically saving changes as you build your site. This feature ensures you never lose progress if you forget to save manually.</div></div><div data-component-type="text"><div>To check when your site was last saved, hover over the <strong>Autosave</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/07/f803a9bb-67fd-4497-8e4e-f51cd807cd68/8fb69b28-d156-44dc-8133-c61eb40ab9b3.png" /> at the top right of your editor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-a-site" level="3">Previewing a site</h2></div><div data-component-type="text"><div>Take your site for a test drive, see your site exactly as your visitors will, on any device. Preview mode gives you a real-world look at your design, navigation, and responsive features before hitting publish. </div></div><div data-component-type="heading"><h2 id="" level="4">To preview your site:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Preview</strong> at the top right of the editor.</li>  <li>Check your site in preview mode on desktop or switch to mobile view. <br />
<strong>Tip:</strong> Drag the slider at the top of the preview to see your site in different screen sizes. </li>  <li>Choose what to do next:
    <ul>
      <li>Publish your changes. </li>      <li>Click <strong>Edit Site</strong> to go back to the editor. </li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>Click the <strong>Fit to Screen</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/10/13/2162c96d-ec29-4aae-b453-575c62981bad/d2569eb8-3ab3-411b-85fe-38dcae450187.png" /> in preview mode to make the preview fit your exact screen size.</div> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="publishing-a-site" level="3">Publishing a site</h2></div><div data-component-type="text"><div>Ready to launch? Publishing takes your updates live, so the world can see your latest work instantly. Your site is always one click away from going public or sharing a fresh redesign.</div></div><div data-component-type="heading"><h2 id="" level="4">To publish your site:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Publish</strong> at the top right of the editor.</li>  <li>Wait for the confirmation message that your site is live.</li>  <li>(Optional) Using your mobile, scan the <strong>QR code</strong> icon to quickly test how your site looks on mobile.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div>After publishing your site, it automatically appears online and can be seen by anyone entering your <a data-composite="true" href="https://support.wix.com/en/article/changing-your-free-wix-url-8591528" target="">free site URL</a> (siteprefix.wixsite.com/site-name) or <a data-composite="true" href="https://support.wix.com/en/article/connecting-a-domain-to-your-site-195136" target="">domain name</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What’s the difference between saving and publishing?</h4><div class="collapsible-content"><div>Saving stores your edits privately, only you and your team see them in the editor. Publishing makes the latest version live for everyone who visits your site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I go back to a previous saved or published version of my site?</h4><div class="collapsible-content"><div>You can restore and republish an older version of your site at any time. Learn how to <a data-composite="true" href="https://support.wix.com/en/article/viewing-and-managing-your-site-history" target="">view and restore previous versions of your site</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I hide a page from my site if it's not ready for my visitors to see?</h4><div class="collapsible-content"><div>If you are still working on a certain page, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-and-customizing-menus#managing-menu-items" target="">remove it from your site menu</a> until you're ready for visitors to see it. </div><div><br /></div><div>You can also consider <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adding-and-managing-pages#managing-your-site-pages" target="">adding a password</a> to access the page (in case someone finds its link). </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why are my changes not appearing on the live site after publishing?</h4><div class="collapsible-content"><div>Ensure that you have clicked the <strong>Publish</strong> button in the editor after making your changes. Saved changes in the editor or preview mode will not appear on the live site until you publish them. </div><div><br /></div><div>If the issue persists, try clearing your browser cache, testing in an incognito window, or republishing the site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I published my site accidentally, can I unpublish it?</h4><div class="collapsible-content"><div>Yes, you can unpublish your site permanently or temporarily at any time. To unpublish your site:<br />
</div><ol>
  <li>Click the <strong>Wix</strong> dropdown at the top left of the editor.</li>  <li>Hover over <strong>Site Actions</strong> and click <strong>Unpublish Site</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I published my site, why can't I find it on Google?</h4><div class="collapsible-content"><div>New sites, pages, and updates may take some time to appear on search engine results, as they need to be crawled and indexed by Google. To check if search engines like Google and Bing have indexed your site, enter &quot;site:&quot; followed by the URL of your domain. For example, &quot;<strong>site:</strong>mystunningwebsite.com/&quot;. </div><div><br /></div><div><strong>Tip:</strong> Optimize your site's <a data-composite="true" href="https://support.wix.com/en/article/getting-your-site-found-on-google-seo-best-practices" target="">SEO</a> to get it found on search engines. Optimizing SEO may also improve your site's ranking on search result pages. </div></div></div></div>

This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.With so many vis...

Wix Harmony Editor: Adjusting Your Site for Mobile

Discover how to optimize your site for mobile using the new Wix Harmony Editor. This article guides you through accessing the mobile view, adjusting your design, and adding mobile-only elements to enhance user experience. Learn how changes on desktop automatically sync to mobile, and find out how to hide elements or preview your site effectively. By following these tips, you can ensure your site looks great on any device.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>With so many visitors browsing on their phones, your site’s mobile look matters more than ever. In the Wix Harmony Editor, the hard part is handled for you — your design on desktop is automatically adjusted to fit all screens.</div></div><div data-component-type="text"><div>Access the mobile view to see how your site looks on your visitors' phones. You have the freedom to adjust the design to create the best experience possible, no matter the device.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Ready to get started?</div><div class="info-content"><div>Click the <strong>Mobile</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/5a2b3320-ecee-419a-846c-9dd4f722ef70/a0f2961e-940d-4f6c-ac3b-1f89ab82fe88.png" /> in the top right corner of the page.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-connection-between-desktop-and-mobile" level="3">The connection between desktop and mobile</h2></div><div data-component-type="text"><div>When you build your site, you create your layout and style on desktop first. Changes at the desktop level automatically flow down to mobile and other screens, keeping everything in sync. This means you only need to design once, and your site is ready for phones, tablets, and computers right away.</div></div><div data-component-type="text"><div>Want your site to look just right on mobile? You can fine-tune it by changing the size, color, or placement of elements, without changing the desktop version at all. </div></div><div data-component-type="text"><div>Some actions, like moving elements between sections or containers, are disabled on the mobile view. This is to help keep your site tidy and easy to manage across all devices. If you want to make those bigger moves, switch back to desktop and keep building with confidence.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-mobile-only-elements" level="3">Adding mobile-only elements</h2></div><div data-component-type="text"><div>Make your site's mobile experience truly unique by adding mobile-only elements. Once you switch to the mobile view, anything you add from the Add Elements panel is a mobile-only element. </div></div><div data-component-type="text"><div>As these elements don't appear on your desktop site, you can design them and adjust their layout as you wish. This is especially handy when you want to replace desktop elements that are less suitable for smaller screens.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know?</div><div class="info-content"><div>In the Layers panel, you can see an icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/aa7047d4-0be5-4242-8e6f-5de615e4bbc0/48a6cce6-ed49-47f0-9349-81edd9dad64c.png" /> next to mobile-only elements.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/ef4a7dc1-8ddb-4e70-b59e-9bacadc00882/bef9b575-d921-4c03-ad04-2d94a6ee8269.png" alt="The Layers panel on the mobile view in Wix Harmony, highlighting a mobile-only image" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-elements-from-mobile" level="3">Hiding elements from mobile</h2></div><div data-component-type="text"><div>You can always hide elements from desktop that you prefer not showing on mobile. Switch to the mobile view and open the Layers panel. Then, click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/e305f227-730e-4f1b-857f-87f2d3edf7b0/99ad6fb6-3e03-494d-92ef-4db266fdd0a3.png" /> next to an element and select <strong>Hide</strong> so it only appears on desktop. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/c4502f49-a9bb-4c6a-b546-3482d4b80a6d/842bff66-9333-4672-b5b5-9f1bf671822d.png" alt="The Layers panel on the mobile view in Wix Harmony, clicking to hide a button from mobile." /></div></div><div data-component-type="text"><div>Still in the Layers panel, click <strong>Hidden on mobile</strong> at the top to see the full list of hidden elements. If you ever change your mind about an element, click the <strong>Show on mo</strong><strong>bile</strong> icon to make it visible again.  </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/05/ae4432f7-9cc8-488c-8c16-c0021e0f9efb/24bc7ee2-699f-4d11-8379-cfb42fbf0e1f.png" alt="The Hidden from Mobile tab in Layers panel on the mobile view in Wix Harmony, clicking to show a button on mobile" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="previewing-your-mobile-site" level="3">Previewing your mobile site</h2></div><div data-component-type="text"><div>As you're making adjustments, it's important to make sure the design looks good before going live. Click Preview at the top right of the editor. Then, drag the slider at the top to make the screen smaller and see your design adjusting live - not just for mobile but for tablets as well. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/024a6fa9-bf94-4a42-b6ec-58c1ec38aced/5c696ddf-3374-4362-8c9e-bfbc825fa0e2.gif" /></div></div><div data-component-type="text"><div>Once you publish, scan the QR code that appears in the editor to see your site directly on your device.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/10/bd22a2a8-4790-4404-82ed-15ce0f1a505a/48dcb4d8-be23-4d7e-b7d0-81811c7acc73.png" alt="the pop-up that appears when publishing your site, highlighting the QR code you can scan from your mobile device" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why can't I drag elements between containers on mobile?</h4><div class="collapsible-content"><div>For best results, moving elements to a new section, box, or grid cell is only possible in desktop view. This keeps your mobile design clean, organized, and responsive on every device.</div><div><br /></div><div>On mobile, you can rearrange elements inside their current container and it won't affect their order on desktop. However, but to move them elsewhere, switch to desktop.</div><div><br /></div><div><strong>Tip:</strong> The term 'Container' refers to sections, boxes, or grid cells where your elements live.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why did some elements move from my header into the hamburger menu on mobile?</h4><div class="collapsible-content"><div>To give your visitors the best experience on mobile, we keep your header clean by moving most elements into the hamburger menu. Only your cart icon and logo stay visible up top, so everything remains clear and easy to find — even on small screens. This is part of how the Wix Harmony Editor makes your site automatically responsive.</div><div><br /></div><div>If you want an element to appear on the header instead, you can cut it from the menu and paste it back onto the header whenever you like.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why does my text wrap differently on mobile even though I didn’t change it?</h4><div class="collapsible-content"><div>The text was automatically optimized for mobile, so it might look different compared to desktop. </div><div><br /></div><div>However, you can always edit the text without it affecting the desktop view. Drag the side handles to change the width of the text box, and use the options on the action bar (e.g. font size, color, etc.)</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Some elements look too small on mobile, what can I do?</h4><div class="collapsible-content"><div>These elements were automatically optimized for mobile, so they might look a little smaller than expected. </div><div><br /></div><div>You can always resize these elements without affecting the desktop version – drag the side handles to make them bigger.</div></div></div></div>

In January 2026, we released a new website builder – the Wix Harmony Editor. With both the Wix Harmony Editor and the Wix Editor available, you may be unsure which one you’re working with, especially ...

Wix Harmony Editor: The Difference between Wix Editor and Wix Harmony

Discover the differences between the Wix Harmony Editor and the Wix Editor to identify which one you're using. The Wix Harmony Editor offers a clean interface with an AI assistant, Aria, for seamless website creation. In contrast, the Wix Editor features a more traditional layout with a panel of icons. By understanding these distinctions, you can choose the best tool for your website-building needs and enhance your design experience.

<div data-component-type="text"><div>In January 2026, we released a new website builder – the Wix Harmony Editor. With both the Wix Harmony Editor and the Wix Editor available, you may be unsure which one you’re working with, especially if you’re just getting started or seeing something unfamiliar. </div></div><div data-component-type="text"><div>This article explains the key differences between the editors, so you can identify which one you’re using.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-harmony-editor" level="3">The Wix Harmony Editor</h2></div><div data-component-type="text"><div>The Wix Harmony Editor features a clean, minimalistic working environment, allowing you to focus with ease. The main actions are always available at the top (e.g. Add, Brand, Pages) to help you get started. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/fa57e75e-f936-470d-becc-7ce51cb62512/1c0a1bd0-e0fa-4854-9c2e-d880d03e4cad.png" alt="The Wix Harmony Editor when it first opens, showing a designed website" /></div></div><div data-component-type="text"><div>Selecting an element brings up the action bar. It sits right above the page, giving you instant access to settings and tools tailored to what you’re working on. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/08/c5ae353d-9b6f-4c17-be29-374287c7b382/baad8a84-cba8-42d4-9a6a-ba497e858e44.png" alt="A text element is selected in the Wix Harmony Editor, and the action bar that appears above the page" /></div></div><div data-component-type="text"><div>Wix Harmony also introduces Aria, your skilled AI partner, ready to help at any point. Click <strong>Ask Aria</strong> at the bottom of the editor to start chatting. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/12/3f8c613e-3624-43e9-a9ed-cedfd244dd1a/614a9d55-150c-4a16-a86b-3eb49b6b1bab.png" alt="a section generated by AI, next to the chat with Aria that led to the section creation" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Create with Wix Harmony:</div><div class="info-content"><div>Experience the next generation of website creation with <a data-composite="true" href="https://www.wix.com/harmony" target="_blank">Wix Harmony</a>. Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-wix-editor" level="3">The Wix Editor</h2></div><div data-component-type="text"><div>If you're working in the Wix Editor, you'll notice a panel with large icons on the left side of the screen. These icons open the main panels, like Add Elements, Site Design, and more. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/a379624b-8122-4a6a-b1c7-5486e4890433/d4eee888-b62d-4a1e-b5f3-9f4a2f01d6c3.png" alt="The Wix Editor, highlighting the left side panels" /></div></div><div data-component-type="text"><div>Selecting an element brings up a toolbar with the main actions you need, appearing right above or below the element. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/08/06/5593c458-f673-471a-a1d9-fad81f55d074/0934cd9e-4d80-4c5b-92ff-f90788413169.jpeg" alt="The customization options in the Wix Editor." /></div></div><div data-component-type="text"><div>The Wix Editor includes several AI tools, available from the<strong> AI Tools</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/04667505-2c8a-4794-8ca3-1e5a9131f3fb/8b13e1d9-cc77-4ded-9761-04d4f0beeea6.png" /> at the bottom left. As opposed to the Wix Harmony Editor, it does not include the option to chat freely with AI throughout the creation process. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/16/99301477-ac33-45c2-b13b-71b1696fb256/72fda2bb-67c2-4414-8945-d9107ff52c61.png" alt="the AI tools panel in the Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is there a way to move a site from Wix Editor to the Wix Harmony Editor?</h4><div class="collapsible-content"><div>Currently, it is not possible to migrate an existing site from Wix Editor to the Wix Harmony Editor. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Does the Wix Harmony Editor support the same apps and features as the Wix Editor?</h4><div class="collapsible-content"><div>The Wix Harmony Editor includes most of the elements and apps that you know from the Wix Editor. You’ll also find a wide range of fresh designs that were curated especially for Wix Harmony, along with the option to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-new-generating-an-element-with-ai" target="">generate your own elements</a> with AI.</div><div><br /></div><div>We're currently working on adding:</div><ul>
  <li>CMS</li>  <li>Wix Chat</li>  <li>Wix Donations</li>  <li>Wix Hotels</li>  <li>Wix Music / Video</li>  <li>Wix Multilingual</li>  <li>Wix Portfolio</li>  <li>Wix Restaurants Orders (New)</li>  <li>Wix Loyalty and Referral Programs</li>  <li>Accordion</li>  <li>Audio player</li>  <li>Glass effect</li>  <li>Multi-state box</li>  <li>Tabs</li>  <li>Text mask</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Will my site visitors notice a difference depending on which editor I use?</h4><div class="collapsible-content"><div>No, your site visitors won’t know which editor you used – what they see depends entirely on the design choices you make. Both editors let you create unique, professional sites. </div><div><br /></div><div>Having said that, Wix Harmony does give you access to new site, section, and element designs, so if you use these, your site might stand out with a fresher look. </div></div></div></div>

How to begin

Choosing a template

Hiring a professional to build your site

Build your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.

Getting started with Wix

Learn how to build your website and business using Wix.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Structuring your site

Designing your site

Pages

Menus

Managing pages and menus

Text

Buttons

Containers and boxes

Slideshows

Shapes and lines

Adding and customizing elements

Images

Galleries

Videos

Documents and files

Adding files and media

Working with elements

Using effects and animations

Sharing and promoting your site

Adding advanced elements

Getting started

Mobile tools

Pages on mobile

Background on mobile

Mobile site layout

Site menu on mobile

Text on mobile

Media on mobile

Other elements on mobile

Troubleshooting your mobile site

Building a mobile site

Troubleshooting Editor sites

Using the Wix Editor

Using your dashboard

Managing your site

Managing Roles & Permissions

Getting Started with AI

Using AI to create & manage your website

Using AI to set up your business

AI Tools

Getting started with the editor

Using the editor tools

Adding animations and effects

Branding your site

Troubleshooting your site

Using the Wix Harmony Editor

Media Manager basics

Uploading media

Purchasing media

Managing media

Troubleshooting media

Adding & managing media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Getting started with Wixel

Creating and managing projects

Designing with Wixel

Upgrading and account management

Wixel

Managing your media

Wix Multilingual basics

Translating your website

Managing languages

SEO in Wix Multilingual

Creating a multilingual website

Privacy and GDPR

About accessibility

Making your site accessible

Advanced accessibility features

Building an accessible site

About the CMS (Content Management System)

Managing CMS collections

Connecting CMS collection content to your site

Working with dynamic pages and the CMS

Connecting user input elements to CMS

Using CMS with other Wix products

Advanced CMS features

Wix for Developers

Test Site

SSO Login

Wix Blocks

Advanced features

Getting started with  Wix Vibe

Managing your Wix Vibe site

Customizing your Wix Vibe site

Publishing your Wix Vibe site

Using Wix Vibe

Learn how to build and manage your website using our builders. You can also find information on our AI tools, site visitor privacy, and accessibility here.

Creating your site

Learn how to build, manage, and maintain a site with Wix.

Changing your account settings

Sign in issues

Managing your account

Upgrading to a Premium plan

Billing for Premium Plans

Billing for Domains

Billing for Google Workspace Business Emails

Managing your subscriptions

Charges, payments and tax

Invoices for Wix services

Using vouchers and promotions

Billing & premium subscriptions

Review your account settings, manage your subscriptions and plans and understand your invoices.

Account & billing

Manage subscriptions, plans and invoices.

Managing your site with the Wix app

Mobile apps basics

Customizing your own mobile app

Managing your own mobile app

Submitting your mobile app for approval

Building your own mobile app

Customizing your site on the Wix member apps

Managing your site on the Wix member apps

Using mobile apps as a member

Using the Wix member apps

Mobile apps for your customers

Use our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch. 

Using the Wix mobile apps

Run your business and connect with members.

Domain basics

Wix domains

Domains purchased elsewhere

Transferring domains

Managing domains

Troubleshooting domains

Follow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.

Connecting a domain

Learn to purchase, connect or transfer a domain to your site.

Setting up your store

Managing products and categories

Setting up shipping & fulfillment

Setting up payment and checkout

Designing your store

Managing your orders

Managing store inventory

Managing the Members Area

Managing store emails

Promoting stores sales

Dropshipping with Wix Stores

Setting up sales channels

Using the Wix app for Wix Stores

Wix Stores

Setting up Wix Bookings

Creating your services

Managing your staff

Managing your calendar & bookings

Memberships, packages & payments

Customizing Wix Bookings pages

Emails, SMS, and promotions

Using the Wix app to manage your bookings

Video conferencing with Wix Bookings

Fit by Wix

Inquiry Services

Wix Bookings

Setting up Wix Events

Creating your event

Designing Wix Events

Managing your events

Managing your guests

Selling event tickets

Promoting your event

Using the Wix app for Wix Events

Check-in by Wix for Events

Wix Events

Business solutions & apps

Get tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.

Managing your business

Get tools to grow your business and web presence.