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.In the Wix Harmo...

Wix Harmony Editor: Editing a Site Together

Discover how to collaborate effectively using the new Wix Harmony Editor, where you and your team can work on your site simultaneously without interruptions. Learn to invite collaborators, assign roles, and manage permissions to streamline your workflow. With real-time updates and visibility into who is editing what, you can enhance teamwork and avoid conflicts, making site management smoother and more efficient.

<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>In the Wix Harmony Editor, you and your team can work on your site together at the same time — no waiting or interruptions. See updates from others appear within seconds, and easily spot who’s editing each element or page.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="inviting-collaborators-to-your-site" level="3">Inviting collaborators to your site</h2></div><div data-component-type="text"><div>When you invite people to work with you, you choose what <a data-composite="true" href="https://support.wix.com/en/article/roles-permissions-overview" target="">role(s)</a> they get. We offer a ton of <a data-composite="true" href="https://support.wix.com/en/article/roles-permissions-overview#general-roles-for-site-management" target="">predefined roles</a> like Website Designer or Content Writer, already set up with the relevant permissions. However, you have the freedom to <a data-composite="true" href="https://support.wix.com/en/article/roles-permissions-creating-and-managing-custom-roles-for-collaborators" target="">create custom roles</a>, picking and choosing the areas you want the collaborator to access.</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>You can invite people to collaborate while you're working in your editor – no need to open the dashboard. Click the <strong>Wix</strong> icon at the top left, hover over <strong>Site Actions</strong> and select <strong>Invite Collaborators</strong>.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/06d89c6b-1cf5-4810-94ae-2809e1fe24ad/50d3f426-2b55-45d4-a467-21391eba9720.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-together-in-the-editor" level="3">Working together in the editor</h2></div><div data-component-type="text"><div>You can always see who's working with you in the editor. Hover over a person's picture to see their name, email and current page.</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/10/26/c1817908-f36c-463f-83aa-edefce19f4c6/d00f1485-3fcf-4623-b730-fe15110c971d.png" alt="hovering over a collaborator's image in the Wix harmony Editor, showing their name, email and current page" /></div></div><div data-component-type="text"><div>Clicking the picture takes you to the page that person is currently working on. You can even see what element they selected, helping to avoid any editing conflicts. </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/10/26/3868d590-ecec-49fd-9369-91b53ba8df20/6a972c6e-05c3-4fc4-8f86-22e11ed6da3a.png" alt="a text box with a green frame around it and a label with a collaborator name, indicating they selected the element" /></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>When a collaborator logs in and joins you in the editor, you'll get a helpful notification. </div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/26/1c114d32-9acd-4ff3-ac51-7fef00609ea0/9c76563f-0d56-4c6c-89de-bd640c60191c.png" alt="A banner in the Wix harmony Editor. notifying that a collaborator is now also working in the editor" /></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">Why are some actions grayed out (disabled) for my collaborators?</h4><div class="collapsible-content"><div>If an action is non-clickable and appears in gray for your collaborator, it means their role does not include the relevant permission. Hovering over that action shows them a message advising to contact you, the site owner. </div><div><br /></div><div>To let your collaborator perform more actions, <a data-composite="true" href="https://support.wix.com/en/article/roles-permissions-changing-a-collaborators-role" target="">change their role</a>. You can either add more roles, or create a <a data-composite="true" href="https://support.wix.com/en/article/roles-permissions-creating-and-managing-custom-roles-for-collaborators" target="">custom role</a> with the exact permissions you want this person to have. </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/7fb4e417-e9a1-424e-952a-a85634159821/5f973a4e-84c8-44bb-8463-2ee12a8eda1f.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Which roles let collaborators edit and publish my site?</h4><div class="collapsible-content"><div>Roles like <strong>Website Manager</strong> and <strong>Website Designer</strong> allow your collaborators to edit and publish your site. The Website Manager role includes all the permissions of the Website Designer roles, plus additional permissions to manage more aspects of the site and its operations.</div><div><br /></div><div>You can also invite someone to be your <strong>Admin (Co-Owner)</strong> if you want them to have full access to site management in addition to the editor. </div><div><br /></div><div>Alternatively, create a custom role for your collaborator and pick the specific permissions they should have. Just make sure the role includes the <strong>Edit Site</strong> and <strong>Publish Site</strong> permissions.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can collaborators change other people's roles?</h4><div class="collapsible-content"><div>Other than the site owner, only collaborators with the <strong>Admin (Co-Owner)</strong> role can change other people's roles and permissions. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I changed my collaborator's permissions. How long does it take to update?</h4><div class="collapsible-content"><div>Once you change their role, they should have access to the new permissions right away. They may need to refresh the editor / dashboard in order to see the changes. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I see a history of the changes made to my site?</h4><div class="collapsible-content"><div>You can check your <a data-composite="true" href="https://support.wix.com/en/article/viewing-and-managing-your-site-history" target="">Site History</a> to see who published every version of your site. The versions are date and time stamped, and include the email of person who performed the update.</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/10/26/0fc370dc-1c7c-4077-a4bc-10c3508a9662/3a20c5d1-99d2-4d99-9658-d148057ebd4e.png" alt="The Site History page, showing the 2 most recent publish logs and the details of the person who published" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What happens if 2 people accidentally work on the same element?</h4><div class="collapsible-content"><div>As the editor automatically saves the most recent changes, their actions might override and only some changes (from both sides) will be saved.</div><div><br /></div><div>To avoid editing accidents, tell your collaborators to look out for the indication that another person is working on an element. If the element has a green frame, don't click it until the other collaborator is done.</div><div><br /></div><div>In the example below, there's a green frame around the entire header section as a collaborator is working on 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/2025/09/10/f9f76f62-953a-4eca-adc8-74e3b1e751d1/3fb8ac4c-d0e9-429b-bd87-0e554e255256.png" /></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.The right-click ...

Wix Harmony Editor: Using the Right-Click Menu

Discover how to efficiently manage elements in the new Wix Harmony Editor using the right-click menu. This article guides you through actions like cutting, copying, pasting, and arranging elements to streamline your site-building process. Learn to handle individual and multiple elements, ensuring a well-organized design that enhances your site's functionality. By mastering these tools, you can create a more visually appealing and user-friendly website.

<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 right-click menu is your shortcut to managing elements, sections, and groups throughout your site. With a quick click, you can cut, copy, paste, arrange, and customize elements, helping you build and organize your site faster.</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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/f221385d-1274-440e-a432-2e6c06cdeb41/37c5b9f3-57fa-40de-b6d0-b7db1b77c458.png" alt="A screenshot of the right-click menu" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-individual-elements" level="3">Managing individual elements</h2></div><div data-component-type="text"><div>When you right-click an element, you unlock a range of options to control its placement, duplication, and more. These actions help you work efficiently and maintain a consistent, organized site design.</div></div><div data-component-type="heading"><h2 id="" level="4">To manage an element using the right-click menu:</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>Right-click the element you want to edit.</li>  <li>Use the options to manage your element:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Copying or deleting the element</h4><div class="collapsible-content"><ul>
  <li><strong>Cut:</strong> Remove the element while saving it to your clipboard so you can paste it elsewhere.</li>  <li><strong>Copy:</strong> Save the element to your clipboard so you can paste it elsewhere.</li>  <li><strong>Paste:</strong> Add the cut/copied element to a new spot on your page.</li>  <li><strong>Duplicate:</strong> Quickly create an exact copy of the element.</li>  <li><strong>Delete:</strong> Remove the element from the page.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pinning the element to the screen</h4><div class="collapsible-content"><ul>
  <li><strong>Pin to screen:</strong> <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-pinning-elements-to-the-screen" target="">Keep the element in place</a> while visitors scroll.</li>  <li><strong>Pin settings:</strong> Once the element is pinned, you can set its exact position by adjusting the horizontal and vertical distance from the screen's edges.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/02/08/f71456a8-b1ae-452a-8d18-f4bf831522bd/a7bb26fa-f49b-4e62-b852-5a394e6096ec.png" alt="A pinned button in Wix Harmony and the right-click menu, showing the pin settings option and panel" /></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Arranging the element</h4><div class="collapsible-content"><div>When elements overlap, think of them as a stack of cards you can rearrange. Use these options to decide which element you want on top, in the middle, or behind everything else:</div><ul>
  <li><strong>Bring to front:</strong> Move the element in front of all other elements.</li>  <li><strong>Bring forward:</strong> Move the element 1 step closer to the front.</li>  <li><strong>Move backward:</strong> Move the element 1 step closer to the back. </li>  <li><strong>Send to back:</strong> Move the element behind all others.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Moving a section up or down</h4><div class="collapsible-content"><div>Right-click on an empty area of a section to see the option to move it up or down the page. If your section is divided into cells, head over to the Layers panel to select and move the section (more convenient than trying to select the section on the page). </div><div><br /></div><div><strong>Note: </strong>It is not possible to move the header or the footer.</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/02/08/52976a1e-9afd-4218-81b6-78f7772d0c94/93701456-8a97-4b3a-8a6f-29c96a3b1be3.png" alt="A page section in the Wix Harmony Editor and the right-click menu, showing the option to move the section up or down" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hiding the header or footer</h4><div class="collapsible-content"><div>Right-click on an empty area of your header or footer to see the option to hide it from the current page.</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/02/08/4c9fdd86-d278-4ebc-8220-baf6e659dcdc/64a91ef1-c162-4577-b3e7-118670f354ab.png" alt="A site header in Wix Harmony and the right-click menu, showing the option to hide the header" /></div></div></div></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 can also arrange elements on your site in <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-the-layers-panel" target="">the Layers panel</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-multiple-elements" level="3">Managing multiple elements</h2></div><div data-component-type="text"><div>Take control of groups of elements by selecting and aligning them as a unit. Grouping makes it easier to move, format, or align several elements at once.</div></div><div data-component-type="heading"><h2 id="" level="4">To manage multiple elements:</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>Hold the <strong>Shift</strong> key while clicking each element you want to select.</li>  <li>Right-click, and choose what to do next:
    <ul>
      <li><strong>Cut, copy, paste, duplicate or delete: </strong>Perform these actions on all selected elements at once. </li>      <li><strong>Group elements:</strong> Treat several elements as a single group.</li>      <li><strong>Ungroup elements:</strong> Separate a group back into individual elements.</li>      <li><strong>Align to:</strong> Snap the selected elements left, center, right, top, middle, or bottom for a clean layout.<br />
<strong>Distribute: </strong>Space your selected elements evenly by choosing <strong>Distribute horizontally </strong>(side to side), <strong>Distribute vertically</strong> (top to bottom), or <strong>Distribute</strong> (both directions).</li>    </ul>  </li></ol></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/02/08/ea3d5a35-2ae4-4a15-a91d-7f2a3c7691ac/f4e23ee2-b531-4aaa-9b0b-af1199b58a19.png" alt="A group of elements is selected in the editor and the right-click menu appears with all the options" /></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.Pinning an eleme...

Wix Harmony Editor: Pinning Elements to the Screen

Discover how to pin elements in the new Wix Harmony Editor to keep them visible as visitors scroll your site. You can easily choose the position and adjust the distance from the screen edges for features like social icons or contact buttons. Learn to customize and unpin elements whenever needed, ensuring a user-friendly experience without obstructing important content.

<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>Pinning an element keeps it visible as visitors scroll, which is great for features like social icons, menus, or ways to contact you. You can set the exact spot by choosing a side or corner, then adjusting the horizontal and vertical distance from the screen edge. </div></div><div data-component-type="text"><div>Most elements in your editor can be pinned and easily repositioned whenever you need. You can unpin elements at any time if you change your mind.</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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/df2d599e-f0a4-4a18-abe2-6b0d50d74d8b/ac1f01d6-ef39-4e75-92c4-102be73fb76c.png" alt="A screenshot of the Wix Harmony Editor - Pin to screen" /></div></div><div data-component-type="heading"><h2 id="" level="3">To pin or unpin an element:</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>Right-click the relevant element.</li>  <li>Choose what you want to do next:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pin an element to the screen</h4><div class="collapsible-content"><ol>
  <li>Select <strong>Pin to screen</strong>.</li>  <li>(In the Pin to Screen panel) Customize the available settings:
    <ul>
      <li><strong>Set position:</strong> Click one of the black dots to decide where the pin element appears on screen.<br />
<strong>Note: </strong>It is not possible to select the center of the screen as this would cover important parts of your site.</li>      <li><strong>Horizontal and vertical offset: </strong>Drag the sliders (or enter exact values) to adjust the distance between the element and the edges of your site.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Customize the settings of a pinned element</h4><div class="collapsible-content"><ol>
  <li>Select <strong>Pin settings</strong>.</li>  <li>(In the Pin to Screen panel) Customize the available settings:
    <ul>
      <li><strong>Set position:</strong> Click one of the black dots to decide where the pin element appears on screen.<br />
<strong>Note: </strong>It is not possible to select the center of the screen as this would cover important parts of your site.</li>      <li><strong>Horizontal and vertical offset: </strong>Drag the sliders (or enter exact values) to adjust the distance between the element and the edges of your site.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Unpin an element</h4><div class="collapsible-content"><ol>
  <li>Select <strong>Pin settings</strong>.</li>  <li>(In the Pin to Screen panel) Disable the <strong>Pin this element</strong> toggle to unpin it.</li></ol></div></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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/7c0502a2-6186-4ee6-905f-c0a4c0338102/63161b76-9a7d-467b-a2cf-6106b8ff26bd.png" alt="A screenshot of the Wix Harmony Editor - Pin to screen" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>Preview your site to check how the pinned element appears, making sure it's not covering important content. </li>  <li>You can perform these actions from the <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-working-with-the-layers-panel" target="">Layers</a> panel too. </li></ul></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.Grouping makes i...

Wix Harmony Editor: Grouping and Ungrouping Elements

Discover how to effectively use grouping in the new Wix Harmony Editor to organize your site elements. Grouping allows you to manage multiple items as one, keeping your layout tidy and making it easier to edit. Learn how to create, edit, and ungroup elements, ensuring your design process is efficient and streamlined. This article provides essential tips and FAQs to enhance your experience with the Harmony Editor.

<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>Grouping makes it easy to organize your site by letting you treat several elements as one. It helps keeping your layout tidy, move things together, and edit multiple items without losing their alignment. These groups are only visible to you, in the editor, and not to visitors.</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/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/3497c858-ef71-4998-8446-33ceac622ea1/997bacde-43c1-48ed-9450-f3f5bd93d6f1.png" alt="A screenshot of the Wix Harmony Editor - Group elements" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-new-group" level="3">Creating a new group</h2></div><div data-component-type="text"><div>Group a section's elements to move and align them together, saving you time as you update your design. You can add more elements to your group or merge existing groups into one larger group at any time. </div></div><div data-component-type="heading"><h2 id="" level="4">To group elements:</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 the first element you want to include in the group.</li>  <li>Hold the <strong>Shift</strong> key and click the other relevant elements.</li>  <li>Click <strong>Group Elements </strong>on the action bar.</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>You can also press <strong>Ctrl + G </strong>/ <strong>Cmd + G</strong> on your keyboard to group the elements.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-a-single-element-from-a-group" level="3">Editing a single element from a group</h2></div><div data-component-type="text"><div>You can select and edit one element at a time from inside a group. Click the group on your page, then click the element you want to adjust.</div></div><div data-component-type="heading"><h2 id="" level="4">To edit a single element from a group:</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 the group.</li>  <li>Click the relevant element.</li>  <li>Edit the element.</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>You can also press <strong>Ctrl</strong> on your keyboard and click the element (<strong>Cmd</strong> + click on Mac) to select it.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ungrouping-elements" level="3">Ungrouping elements</h2></div><div data-component-type="text"><div>You can ungroup elements any time — no content is lost, just the group association. </div></div><div data-component-type="heading"><h2 id="" level="4">To ungroup elements:</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 the group.</li>  <li>Click <strong>Ungroup Elements </strong>on the action bar.</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>You can also press <strong>Ctrl + Shift + G </strong>(PC) / <strong>Cmd + Shift + G </strong>(Mac) on your keyboard to quickly ungroup.</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">How many elements can I group together at once?</h4><div class="collapsible-content"><div>Due to a limitation in Google Chrome browsers, we recommend that you do not group more than 20 elements together. Having over 20 elements in a group can cause the elements to be displaced, misaligned, or scattered on the live site.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Are there any elements I can't group?</h4><div class="collapsible-content"><div>Yes, it isn't possible to include <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-pinning-elements-to-the-screen" target="">pinned elements</a> in your group. It's also not possible to include elements attached to a container, but you can select the whole container and include it in your group. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I add an element to an existing group?</h4><div class="collapsible-content"><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 the group.</li>  <li>Hold down the <strong>Shift </strong>key on your keyboard (<strong>Cmd </strong>for Mac). </li>  <li>Click the additional element.</li>  <li>Click <strong>Group Elem</strong><strong>ents</strong><strong> </strong>on the action bar.</li></ol> </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 Layers panel...

Wix Harmony Editor: Working with the Layers Panel

Discover how to utilize the Layers panel in the new Wix Harmony Editor to gain full control over your site's layout and structure. Learn to reorder sections and elements, rename layers for better organization, and manage visibility for mobile devices. This article empowers you to create a focused and visually appealing design, ensuring your content stands out while maintaining an organized workflow.

<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 Layers panel lets you see every section and element on your page in one place. Easily select, reorder, or adjust layers for full control over your layout and structure — so you can build each page exactly how 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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/cbc698be-a6c7-44e7-a428-8204fd0c8527/3b914909-890c-43a4-a245-593f6d393116.png" alt="Screenshot of Layers panel in Wix Harmony editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reordering-sections-and-elements" level="3">Reordering sections and elements</h2></div><div data-component-type="text"><div>Change the order of content on your page anytime. Using drag and drop, you can easily reorder your sections and elements.</div></div><div data-component-type="heading"><h2 id="" level="4">To reorder layers:</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>Laye</strong><strong>rs</strong> <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" /> at the bottom left of the editor.</li>  <li>(In the Layers panel) Find the section or element you want to move.</li>  <li>Drag the layer up or down to change its position on the page.<br />
<strong>Note: </strong>You can move elements within their current section. To move an element between sections, drag it on the page or cut and paste it elsewhere. </li></ol></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/1214c56a-db82-49c0-b883-a95c6502473d/91ba27e8-4066-476e-82a8-79bcb471bd18.png" alt="Screenshot highligting access point of Layers panel in Wix Harmony editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-a-layer" level="3">Renaming a layer</h2></div><div data-component-type="text"><div>Give your layers clear, custom names so you never lose track – even on sites with dozens of sections. These names are only visible within the editor, not to site visitors. </div></div><div data-component-type="heading"><h2 id="" level="4">To rename a layer:</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>Layers</strong> <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" /> at the bottom left of the editor.</li>  <li>(In the Layers panel) Double-click the relevant element or section.</li>  <li>Enter a new name and press <strong>Enter</strong>.</li></ol></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/3a862361-eb44-43ae-ae39-66113325e0b1/933b96fe-d42b-4845-ad7e-ef850ca9c17d.png" alt="Screenshot of layer being renamed in Layers panel in Wix Harmony editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-layers" level="3">Working with layers</h2></div><div data-component-type="text"><div>In the Layers panel, you can quickly manage the elements and sections on your page. Cut, copy, paste, duplicate, or delete layers to work faster, pin key elements so they stay visible as visitors scroll, and arrange overlapping items. This keeps your design organized and make precise edits easier.</div></div><div data-component-type="heading"><h2 id="" level="4">To select and work with a specific layer:</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>Layers</strong> <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" /> at the bottom left of the editor.</li>  <li>(In the Layers panel) 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/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" /> next to an element or section.</li>  <li>Choose what to do next: 
    <ul>
      <li><strong>Cut: </strong>Remove the layer while copying it to your computer's clipboard, so you can paste it elsewhere on your site.</li>      <li><strong>Copy: </strong>Copy the layer to your computer's clipboard, so you can paste it elsewhere on your site. </li>      <li><strong>Paste: </strong>Paste a layer copied from another part of your site. If it's an element, it's added to the section you're currently working with. If it's a section, it's pasted at the bottom of the page.  </li>      <li><strong>Duplicate: </strong>Create an exact copy of the layer for quick editing.  </li>      <li><strong>Delete:</strong> Remove the layer completely from your site.</li>      <li><strong>Pin to screen: </strong><a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-pinning-elements-to-the-screen" target="">Pin an element</a> to keep it visible as visitors scroll, great for social icons, menus or ways to contact you. <br />
<strong>Tip: </strong>This action is only available for elements, not sections.</li>      <li><strong>Arrange: </strong>When dealing with overlapping elements, change the placement of your chosen element:
        <ul>
          <li><strong>Bring forward:</strong> Move the element 1 layer above the one in front of it.</li>          <li><strong>Move backward:</strong> Move the element 1 layer below the one behind it.</li>          <li><strong>Bring to front:</strong> Bring the element to the very top layer above all others.</li>          <li><strong>Send to back:</strong> Send the element to the very bottom layer behind all others.</li>        </ul>      </li>    </ul>  </li></ol></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/42117cea-fef5-4ea0-82ee-37f03c58330d/6f3df09e-2cee-44e7-ba2c-f0769ac89f0c.png" alt="Screenshot of  More Actions menu in Layers panel in Wix Harmony editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-the-header-or-footer" level="3">Hiding the header or footer</h2></div><div data-component-type="text"><div>Want the page's content to take the spotlight? Instantly hide the header or footer for a bold, focused page. This setting applies to the specific page you're working on, and you can flip it on or off at any time.</div></div><div data-component-type="heading"><h2 id="" level="4">To hide the header or footer:</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>Layers</strong> <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" /> at the bottom left of the editor.</li>  <li>(In the Layers panel) 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/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" /> next to <strong>Header</strong> / <strong>Footer</strong>.</li>  <li>Select <strong>Hide header </strong>/ <strong>Hide footer</strong>.</li></ol></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/3d482b7e-b041-4b5c-9725-865685daae66/609ef93b-7883-4b0d-8cc7-c112d04388b8.png" alt="Screenshot of More Actions menu if Footer element n Layers panel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>To show the header or footer again, repeat these steps and select <strong>Show</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-elements-on-mobile" level="3">Hiding elements on mobile</h2></div><div data-component-type="text"><div>Design a <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-adjusting-your-site-for-mobile" target="">mobile experience</a> that’s just right for your visitors. With the Layers panel, you can control exactly what’s displayed on smaller screens, making it simple to keep things focused, organized, and on-brand. You can bring hidden elements back to mobile at any point.</div></div><div data-component-type="heading"><h2 id="" level="4">To manage layers on mobile: </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 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" /> at the top right of the page.</li>  <li>Click <strong>Layers</strong> <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" /> at the bottom left of the editor.</li>  <li>(In the Layers panel) 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/09/299c5eae-3a16-4941-8b47-18b6bcfda766/10051ce9-7365-4384-a16d-1fdbd66c7bf1.png" /> next to the element or section.</li>  <li>Select <strong>Hide</strong>.<br />
<strong>Tip: </strong>The element disappears from your mobile site but stays visible on desktop.</li></ol></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/4e8b466d-7b32-4495-a5c6-0ce1697e31fb/d5010bc1-fbc5-40ab-9ffb-ea1c3cfb330f.png" alt="Screenshot of Layers panel More Actions menu on Mobile in Wix Harmony editor.  Hide option highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>Want to show an element previously hidden on mobile? Switch to mobile view and click the <strong>Hidden from mobile</strong> tab at the top of the Layers panel. Then, click the <strong>Show on mobile </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/21/37dd12dc-eb9d-46f0-9e5d-51b6c056af92/24cb91d3-2e5c-4b3c-914b-7319a764db9a.png" />.</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">How do I control the DOM order of my sections to help with accessibility?</h4><div class="collapsible-content"><div>The DOM order of your sections is automatically optimized for accessibility — so there’s nothing you need to do. The ‘optimize DOM order’ setting in the Layers panel is enabled by default, so your sections' element order matches their visual placement on the page. </div><div><br /></div><div>This helps assistive technologies, like screen readers, navigate your content in a natural, logical way.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/02/03/3d30b76c-a2dc-463c-b4c7-645871e64e8e/ac14841f-b846-415a-88c9-e4816afe1c0a.png" /></div><div><br /></div><div>If you prefer to set a custom order, you can turn this option off for any section and arrange the elements manually. 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/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" /> next to a section and select <strong>Optimize DOM order</strong> to turn it off.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/02/03/61d038f4-612b-47c2-a91e-784ebbf670a7/8bf0de64-015c-4474-a176-5d2aec06385a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I select overlapping elements on my page?</h4><div class="collapsible-content"><div>If some elements on your page overlap, use the Layers panel to find and select the exact item you want. The panel lists every element on your page by order and includes a search bar, making it easy to choose, reorder, or adjust even the most hidden elements. <br />
</div><div><strong>Tip:</strong></div><div>You can also press <strong>Ctrl </strong>+ <strong>Shift </strong>+ <strong>M</strong> to toggle through the elements on the page until you reach the correct one, and <strong>Ctrl </strong>+ <strong>M </strong>to toggle backwards through the elements.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is there a limit to how many layers or sections I can have?</h4><div class="collapsible-content"><div>No, you can add as many as you need.</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.Keep your site l...

Wix Harmony Editor: Working With the Site Overview Panel

Discover how to utilize the new Wix Harmony Editor to keep your site optimized and engaging. Learn to check your site's status, update key information, and personalize your branding effortlessly. The Site Overview panel allows you to manage SEO, social sharing, accessibility, and analytics all in one place, ensuring your site remains discoverable and user-friendly. Enhance your online presence and make informed decisions with ease.

<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>Keep your site looking and performing its best with the Site Overview panel. Instantly check key details, update your info and take action right from one place, without ever leaving the editor. Everything you need for a quick site check-in is right at your fingertips.</div></div><div data-component-type="text"><div>Click your site’s name at the top left of the editor to get started. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-set-to-go-live" level="3">Get set to go live</h2></div><div data-component-type="text"><div>Check if your site is live and get its web address right from the top of the panel. Click <strong>Connect Domain </strong>to use your own unique URL. For that extra touch of branding, click <strong>Add Favicon</strong> to upload your own favicon, which is the icon that appears next to your site's name on the browser tab. </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/10/23/95007ffa-b565-4bb2-9f01-2de6654ee60a/30c1d419-afb5-4c26-8aab-053cd68d5b68.png" alt="The top part of the site overview panel in the Wix Harmony Editor, showing the URL, favicon and publish status" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjust-your-info-and-look-in-seconds" level="3">Adjust your info and look in seconds</h2></div><div data-component-type="text"><div>Make your site truly yours by instantly updating the name, business type and description. Just hover over the detail you want to adjust and click the <strong>Edit</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c5d4588c-9de0-4948-9f43-0bcf2a7716eb/8c5682bf-289c-407e-8057-90ebadb13b91.png" />. The more you personalize your info, the more helpful and relevant your AI-powered suggestions will be. </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/10/23/46879a53-f360-4739-abe7-80254fbd94d7/0f9a3be1-9c2d-4e60-b6ed-f05bba239926.png" alt="The site overview panel in the Wix Harmony Editor, clicking to edit the site description" /></div></div><div data-component-type="text"><div>You also get a quick preview of your current brand colors and fonts, helping you to ensure the design feels fresh and relevant. Click <strong>Edit Brand </strong>to open the <a data-composite="true" href="https://support.wix.com/en/article/wix-harmony-editor-about-your-sites-brand" target="">Brand panel</a> and tune your style anytime. </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/10/23/51e2226c-c45e-4f6e-967e-c6cba4e4a0e7/37a4f995-3557-4302-909b-62cab20fa333.png" alt="The site overview panel in the Wix Harmony Editor,  showing the brand section" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-your-site-for-discovery" level="3">Optimize your site for discovery</h2></div><div data-component-type="text"><div>It's important to keep your finger on the pulse when it comes to <a data-composite="true" href="https://support.wix.com/en/article/search-engine-optimization-seo" target="">SEO</a> – it determines how quickly people discover you on Google or any kind of online search. See how your site currently looks in search results and click <strong>Go to SEO Tasks</strong> to complete the necessary steps to get you found. </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/10/23/4a632d73-7652-49f2-bedc-3e184ef70b24/f425dde2-0666-44c4-bdf9-afbcab8e3334.png" alt="The site overview panel in the Wix Harmony Editor,  showing the SEO section" /></div></div><div data-component-type="text"><div>In the <strong>Social share</strong> section, see how your site looks when people share it on social media, like Facebook, Instagram and X (Twitter). Click <strong>Customize</strong> to tweak your <a data-composite="true" href="https://support.wix.com/en/article/customizing-the-social-share-settings-for-your-sites-pages" target="">social share settings</a> for each site page, adding unique and informative content that visitors would look for. </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/10/23/3cb7e6f7-48eb-4f94-b35a-7ec8d13dd35f/04838a61-ce1d-4ba5-8663-a27151f816f1.png" alt="The site overview panel in the Wix Harmony Editor, showing the social share section" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="keep-your-site-accessible" level="3">Keep your site accessible</h2></div><div data-component-type="text"><div>An accessible site means that everyone, regardless of ability, can access and enjoy your content. Check when you last ran an accessibility scan and click <strong>Review Issues</strong> to see what the <a data-composite="true" href="https://support.wix.com/en/article/accessibility-about-the-accessibility-wizard-5119725" target="">Accessibility Wizard</a> found, so you can quickly fix everything and open your site up to more people.</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/10/23/6d52123a-795e-49df-862e-61581cb278f9/0bdd3424-7987-44c5-a7e3-dc42f2daeafc.png" alt="The site overview panel in the Wix Harmony Editor,  showing the accessibility section" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="stay-updated-with-analytics" level="3">Stay updated with analytics</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/about-wix-analytics-reports" target="">Wix Analytics</a> offers many different reports that allow you to discover important insights. In the <strong>Analytics </strong>section at the bottom of the overview, you can see a snapshot of your total site visits in the past week. </div></div><div data-component-type="text"><div>Click <strong>Explore Analytics</strong> to get a complete overview, so you can recognize your wins and plan your next big move.</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/10/26/fde0df9d-1af2-4916-88e1-49190a7f067b/cddfde61-597b-4577-afbb-cf388ca9482e.png" alt="The site overview panel in the Wix Harmony Editor,  showing the analytics section" /></div></div>

Scan your site with the Accessibility Wizard to identify and fix any accessibility issues on your site.The wizard provides you with in-house solutions, as well as guidelines on making your own adjustm...

Wix Harmony Editor: Using the Accessibility Wizard

Discover how to enhance your site's accessibility using the Accessibility Wizard in the Wix Harmony Editor. This tool helps you identify and resolve accessibility issues, providing in-house solutions and guidance for manual adjustments. By completing the tasks outlined, you can create a more inclusive experience for all visitors, ensuring your site meets accessibility standards. Start making your site accessible today!

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

Your site's structure

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

Structuring your site

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

Read how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.

Creating a website

Design and manage your site with smart functionalities.


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.