Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.A ordem do D...

Editor do Wix Harmony: trabalhar com a ordem DOM

Descubra como a ordem do Document Object Model (DOM) impacta a acessibilidade, desempenho e classificação do seu site no novo Editor do Wix Harmony. Aprenda a otimizar a ordem DOM para garantir que seu site seja facilmente navegável e compreensível, tanto para usuários quanto para motores de busca. O artigo também oferece orientações sobre como ajustar manualmente a ordem DOM e utilizar o assistente de acessibilidade para melhorar a experiência do usuário.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony" target="">veja mais informações aqui</a>.</div></div></div></div><div data-component-type="text"><div>A ordem do Document Object Model (DOM) refere-se a como as páginas do seu site são estruturadas. Ela determina a ordem de carregamento e seleção dos elementos da sua página — o que vem primeiro, depois em segundo e assim por diante.</div></div><div data-component-type="text"><div>Ter uma ordem DOM clara e lógica pode otimizar seu site de várias maneiras. Use as informações neste artigo para saber mais sobre por que o DOM é importante e como você pode trabalhar com ele. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Por que a ordem DOM é importante</h2></div><div data-component-type="text"><div>O DOM do site é a ordem de carregamento e leitura dos elementos nas páginas do site e pode impactar:</div></div><div data-component-type="text"><ul>
  <li><strong>Acessibilidade do site: </strong>algumas pessoas que visitam o site podem usar a tecla Tab, um leitor de tela ou outras tecnologias assistivas para navegar no seu site. Essas tecnologias dependem da ordem DOM para saber a ordem para selecionar ou ler os elementos.</li>  <li><strong>Desempenho:</strong> o DOM determina a sequência em que os elementos são carregados em um site. Se ele não corresponder à ordem visual dos elementos, isso pode impactar o carregamento do site (por exemplo: pode fazer com que o layout da página mude conforme o conteúdo é carregado).</li>  <li><strong>Classificação nos resultados de busca:</strong> os motores de busca usam o DOM para determinar a ordem em que um site é rastreado (da esquerda para a direita e de cima para baixo). Um DOM desorganizado ou incorreto pode fazer com que o motor de busca &quot;leia&quot; o conteúdo na ordem errada e não entenda o conteúdo.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer testar a ordem DOM do seu site?</div><div class="info-content"><div>Você pode testar a ordem DOM automática de um site Wix usando a tecla Tab do teclado ou um leitor de tela na versão online do site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-adjusting-the-dom-order" level="3">Ajustar manualmente a ordem DOM</h2></div><div data-component-type="text"><div>O Wix organiza automaticamente a ordem DOM do seu site por padrão — mantendo o conteúdo da página otimizado para desempenho e classificação. No entanto, você pode ajustar manualmente a ordem DOM de seções e contêineres específicos.</div></div><div data-component-type="heading"><h2 id="" level="4">Para desativar a ordem DOM automática:</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">Vá para o seu editor</a>.</li>  <li>Clique no ícone <strong>Camadas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/8b9c0589-c455-431a-8224-b36d2ff50988/8391824e-7092-493c-8278-53c4a215ed8b.png" /> no canto inferior esquerdo do editor.</li>  <li>(No painel Camadas) Clique no ícone <strong>Mais ações</strong> <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" /> ao lado da seção ou contêiner relevante.</li>  <li>Clique em <strong>Ativo</strong> ao lado de <strong>Otimizar ordem DOM</strong> para desativar.</li>  <li>Arraste e solte os elementos relevantes na ordem que você deseja.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-dom-order-in-the-accessibility-wizard" level="3">Ajustar a ordem DOM no assistente de acessibilidade</h2></div><div data-component-type="text"><div>Você pode ser solicitado a organizar automaticamente a ordem DOM no <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-using-the-accessibility-wizard" target="target">assistente de acessibilidade</a>. Isso pode aparecer em páginas específicas ou para o site como um todo:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemas no nível do site: </strong>idiomas diferentes têm direções de leitura diferentes (por exemplo: o francês é lido da esquerda para a direita e o árabe da direita para a esquerda). Esta tarefa é exibida quando a direção de leitura do idioma do site não está alinhada com a ordem visual dos seus elementos.</li>  <li><strong>Problemas de página:</strong> esta tarefa é exibida quando o DOM está desativado em pelo menos uma das seções ou contêineres da página.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Para organizar a ordem DOM com o assistente:</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">Vá para o seu editor</a>.</li>  <li>Clique no nome do seu site no canto superior esquerdo do editor.</li>  <li>Role para baixo até <strong>Acessibilidade do site</strong> e clique em <strong>Corrigir problemas</strong>.</li>  <li>Clique em <strong>Verificar site</strong>.</li>  <li>Organize a ordem DOM com o tipo de tarefa:
    <ul>
      <li><strong>Nível do site: </strong>selecione o dropdown <strong>Nível do site</strong>.</li>      <li><strong>Nível da página:</strong>
        <ol>
          <li>Clique na coleção de páginas relevante (por exemplo: páginas principais, páginas da loja).</li>          <li>Clique na página específica.</li>        </ol>      </li>    </ul>  </li>  <li>Clique no menu suspenso <strong>Organizar ordem DOM</strong>.</li>  <li>Selecione <strong>Automaticamente (recomendado)</strong>.</li>  <li>Clique em <strong>Aplicar</strong>.</li>  <li>(Opcional) Verifique a exibição visual dos elementos do site para garantir que eles estejam alinhados.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De onde o Wix recebe suas informações sobre acessibilidade?</div><div class="info-content"><ul> <li>Fazemos recomendações de acordo com o <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">documento das Diretrizes de Acessibilidade para o Conteúdo Web (WCAG)</a>, que foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li> <li>Baseamos nossas diretrizes nos seguintes critérios de sucesso:
    <ul>
      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html" target="_blank">Sequência significativa (1.3.2)</a></li> <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html" target="_blank">Ordem de foco (2.4.3)</a></li> </ul> </li></ul></div></div></div>

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.Menus hambúr...

Editor do Wix Harmony: usar menus hambúrguer

Descubra como adicionar e personalizar um menu hambúrguer no novo Editor do Wix Harmony. Aprenda a criar um menu que se adapta ao seu estilo e marca, além de personalizar o botão que abre e fecha o menu. Com controle total sobre design e elementos, você pode melhorar a navegação do seu site e oferecer uma experiência mais limpa e eficiente para os visitantes.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-a-diferença-entre-o-editor-wix-e-o-wix-harmony" target="target">veja mais informações aqui</a>.</div></div></div></div><div data-component-type="text"><div>Menus hambúrguer oferecem uma solução limpa e eficiente em termos de espaço que só aparece quando os visitantes clicam no ícone do menu.</div><div><br /></div><div>Você tem controle total sobre os elementos de design do menu hambúrguer, o que permite adaptá-lo à sua marca e estilo únicos.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-hamburger-menu" level="3">Adicionar um menu hambúrguer</h2></div><div data-component-type="text"><div>Existem 2 maneiras de adicionar um menu hambúrguer ao seu site. Você pode adicionar um menu hambúrguer totalmente novo a partir do painel Elementos ou alterar rapidamente um menu existente para o estilo hambúrguer diretamente na barra de ação.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um menu hambúrguer:</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">Vá para o seu Editor</a>.</li>  <li>Escolha o que fazer em seguida:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionar um novo menu hambúrguer</h4><div class="collapsible-content"><ol>
  <li>Clique em <strong>+ Elementos</strong> no canto superior esquerdo do editor.</li>  <li>Selecione a categoria <strong>Menu</strong>.<br />
<strong>Dica: </strong>clique no ícone <strong>Seta</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> ao lado das categorias para navegar pela lista.</li>  <li>Selecione a aba <strong>Menu hambúrguer</strong>.</li>  <li>Arraste e solte o menu relevante no local desejado da página.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Alterar o layout existente para hambúrguer</h4><div class="collapsible-content"><ol> <li>Clique no menu relevante. </li>  <li>Clique em <strong>Alterar formato</strong> na barra de ação.</li>  <li>Selecione <strong>Hambúrguer</strong> em <strong>Menu</strong>.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Você sabia?</div><div class="info-content"><div>Quando você adiciona um menu horizontal ou vertical ao seu cabeçalho no desktop, ele se torna automaticamente um menu hambúrguer no mobile. Isso garante que as pessoas que visitam o site consigam acessar seu menu em todos os dispositivos. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-opens-the-menu" level="3">Personalizar o botão que abre o menu</h2></div><div data-component-type="text"><div>O botão do menu hambúrguer é uma parte essencial da navegação do seu site e você pode fazer com que ele combine com seu estilo de maneira simples. Ajuste o ícone e o texto para dizer exatamente o que você quer e, em seguida, ajuste os detalhes do design, desde as cores e o espaçamento até a animação.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o botão 'Abrir':</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">Vá para o seu Editor</a>.</li>  <li>Clique no ícone do menu hambúrguer. </li>  <li>Escolha como personalizar o botão:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Substituir o ícone</h4><div class="collapsible-content"><ol>
  <li>Clique em <strong>Personalizar ícone</strong> na barra de ação.</li>  <li>Escolha se o seu ícone é <strong>Estático</strong> ou <strong>Animado</strong>.<br />
<strong>Dica: </strong>você pode clicar em <strong>Criar ícone animado</strong> para criar um ícone próprio, usando um ícone inicial e um final.</li>  <li>Clique no ícone <strong>Substituir</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" /> em <strong>Escolha um ícone</strong>.</li>  <li>Selecione um novo ícone no Gerenciador de Mídia e clique em <strong>Atualizar</strong>.</li>  <li>(Para ícones animados) Defina a duração da animação.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurar o texto do botão</h4><div class="collapsible-content"><ol>
  <li>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/24/eb26b96f-1f9f-4533-aaaa-03d7d336eeba/fbc225b1-33f6-46f0-85a6-df1bee41e60c.png" /> na barra de ação.</li>  <li>Escolha o que fazer em seguida:
    <ul>
      <li>Insira o texto para aparecer ao lado do ícone no botão (por exemplo: &quot;Menu&quot;, &quot;Abrir&quot;).</li>      <li>Substitua o ícone que as pessoas clicam para abrir o menu.</li>      <li>Adicione um nome acessível (alt text) que descreve o ícone para motores de busca e leitores de tela.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Fazer o design do botão</h4><div class="collapsible-content"><ol>
  <li>Clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> na barra de ação.</li>  <li>Selecione a parte relevante do botão em <strong>Escolha o que personalizar:</strong>
    <ul>
      <li><strong>Botão Abrir: </strong><a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-designing-elements" target="_blank">personalize</a> o botão como um todo. A cor de preenchimento, borda, cantos, sombra, espaçamento, alinhamento e muito mais.</li>      <li><strong>Texto: </strong>controle o design e a formatação do texto que aparece ao lado do ícone no botão do menu hambúrguer.</li>      <li><strong>Ícone animado: </strong>altere a cor, o tamanho e o ângulo de rotação do ícone.</li>    </ul>  </li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-hamburger-menus-container" level="3">Personalizar o contêiner do menu hambúrguer</h2></div><div data-component-type="text"><div>Quando as pessoas que visitam o site clicam no ícone do menu hambúrguer, o menu do site abre em um contêiner espaçoso com uma sobreposição, o que facilita a leitura do menu. Há muito espaço para personalizar: ajuste as cores do contêiner, do menu e da sobreposição e adicione mais elementos, como seu logo ou uma barra de redes sociais.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o contêiner do menu hambúrguer:</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">Vá para o seu editor</a>.</li>  <li>Acesse o contêiner:
    <ol>
      <li>Clique no ícone do menu hambúrguer.</li>      <li>Clique no dropdown <strong>Modo normal</strong> e selecione <strong>Menu hambúrguer</strong>.</li>    </ol>  </li>  <li>Escolha o que fazer em seguida:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Fazer o design do contêiner</h4><div class="collapsible-content"><div>Personalize o contêiner que abriga seu menu. Altere a cor do background, adicione bordas, reposicione o menu e muito mais.</div><ol>
  <li>Clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> na barra de ação.</li>  <li>Verifique se <strong>Menu hambúrguer</strong> está selecionado em <strong>Escolha o que criar</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-designing-elements" target="_blank">Faça o design</a> do contêiner:
    <ul>
      <li><strong>Cores de preenchimento </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/48fc7a9b-f035-4716-afa5-2c6aa85795f5/725b11a7-b4c9-46bb-9637-3d7f3374e5e7.png" /><strong>: </strong>altere a cor de background do contêiner e a cor do sobrepor, escolhendo uma das cores da sua marca ou uma cor personalizada.<br />
<strong>Dica: </strong>a sobreposição é uma camada semitransparente que desfoca a página e permite que as pessoas foquem no menu.</li>      <li><strong>Borda </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/283c65bd-44e0-457e-8317-12e095da63e8/1cf1fd0d-545e-4618-902a-176c71af929c.png" /><strong>: </strong>defina as bordas do seu contêiner para que ele se destaque, escolhendo uma cor, largura e estilo. Clique no ícone <strong>Editar bordas individuais </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/07308240-4d35-4526-9583-8fd59df85e97/15386e65-92f9-4129-afaa-a0f7bc4be038.png" /><strong> </strong>para criar o design de cada lado da borda.</li>      <li><strong>Cantos </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/18a27fb2-7300-40a9-b8fa-01abfa7fcec3/668fa510-f756-468e-b0e5-27721128665e.png" /><strong>: </strong>deixe os cantos do contêiner mais quadrados ou arredondados arrastando o slider em <strong>Raio</strong>. Clique no ícone <strong>Editar cantos individuais </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/7110092a-c0de-4bf1-b478-170dbc56fdfa/08e86672-1fee-42e8-8de3-f62c0da521c2.png" /> para criar o design de cada canto separadamente.</li>      <li><strong>Sombra </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c58ddc92-ed60-4a11-b564-a010a97a891b/d4c7c831-59df-400c-a8f6-e2880427a247.png" /><strong>: </strong>aplique sombras internas e externas para dar ao contêiner um efeito 3D interessante, definindo a posição, o desfoque, a cor e muito mais.</li>      <li><strong>Espaçamento </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/88aafdc3-34ab-4a89-950c-93728d9254cb/25ead64b-38c8-4e68-b922-c7b8446316af.png" /><strong>: </strong>adicione um espaço ao seu conteúdo adicionando preenchimento ao redor do contêiner.</li>      <li><strong>Layout </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/7b1799d3-88e3-4290-9ccf-71837d7132b6/dcbe8aef-b86f-43c7-944a-26a13bae5ea0.png" /><strong>: </strong>decida onde tudo deve ser posicionado: o botão de fechar, o menu dentro do contêiner e o contêiner em relação à página. Você escolhe quanto espaço o contêiner ocupa (por exemplo: um terço da página, metade de página, etc.).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gerenciar e fazer o design do menu</h4><div class="collapsible-content"><ol>
  <li>Clique no menu.</li>  <li>Escolha o que fazer em seguida:
    <ul>
      <li><strong>Gerencie os itens do menu: c</strong>lique em <strong>Gerenciar menu</strong> na barra de ação e <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-menus#adding-and-managing-menu-items" target="">adicione, reordene ou remova</a> itens do menu.</li>      <li><strong>Faça o design do menu: </strong>clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> na barra de ação. Escolha o que você quer personalizar – os itens do menu (por exemplo: fonte, cor do texto, espaçamento) ou a barra de menu (por exemplo: cor do background, largura do item, espaço entre itens do menu).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionar elementos ao contêiner</h4><div class="collapsible-content"><div>Arraste elementos do painel Elementos para o contêiner. Por exemplo, você pode mostrar seu logo, uma barra de redes sociais, informações sobre uma promoção recente ou qualquer outra coisa que desejar. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Terminou de editar?</div><div class="info-content"><div>Clique em <strong>Ok</strong> ao lado de <strong>Editando: menu hambúrguer</strong> na barra flutuante para voltar à sua página.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-closes-the-menu" level="3">Personalizar o botão que fecha o menu</h2></div><div data-component-type="text"><div>Personalize o botão que as pessoas clicam para fechar o menu hambúrguer. Substitua o ícone, adicione um texto útil (por exemplo: &quot;Sair&quot;) e faça o design como você preferir.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o botão &quot;Fechar&quot;:</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">Vá para o seu editor</a>.</li>  <li>Acesse o botão &quot;Fechar&quot;:
    <ol>
      <li>Selecione o ícone do menu hambúrguer.</li>      <li>Clique no dropdown <strong>Modo normal</strong> e selecione <strong>Menu hambúrguer</strong>.</li>      <li>Clique no botão &quot;Fechar&quot;.</li>    </ol>  </li>  <li>Escolha o que fazer em seguida na barra de ação:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionar texto ao ícone</h4><div class="collapsible-content"><ol>
  <li>Clique em <strong>Editar texto</strong> na barra de ação.</li>  <li>Insira o texto que você quer que apareça ao lado do ícone (por exemplo: &quot;Sair&quot;, &quot;Fechar&quot;).</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Personalizar o ícone</h4><div class="collapsible-content"><ol>
  <li>Clique em <strong>Personalizar ícone</strong> na barra de ação.</li>  <li>Escolha se o seu ícone é <strong>Estático</strong> ou <strong>Animado</strong>.<br />
<strong>Dica: </strong>você pode clicar em <strong>Criar ícone animado</strong> para criar um ícone próprio, usando um ícone de início e um de fim.</li>  <li>Clique no ícone <strong>Substituir</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" /> em <strong>Escolha um ícone</strong>.</li>  <li>Selecione um novo ícone no Gerenciador de Mídia e clique em <strong>Atualizar</strong>.</li>  <li>(Para ícones animados) Defina a duração da animação.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Fazer o design do botão &quot;Fechar&quot;</h4><div class="collapsible-content"><ol>
  <li>Clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> na barra de ação.</li>  <li>Selecione a parte relevante do elemento em <strong>Escolha o que criar</strong>:
    <ul>
      <li><strong>Botão Fechar: </strong><a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-designing-elements" target="_blank">personalize</a> o botão como um todo. A cor de preenchimento, borda, cantos, sombra, espaçamento, alinhamento e muito mais. Se o seu botão inclui ícone e texto, você também pode decidir o posicionamento deles.</li>      <li><strong>Ícone: </strong>altere o tamanho, a cor e o ângulo do ícone.</li>      <li><strong>Texto: </strong>personalize o texto que aparece ao lado do ícone. Altere a fonte, formatação, alinhamento, espaçamento entre caracteres e muito mais.</li>    </ul>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Terminou de editar?</div><div class="info-content"><div>Clique em <strong>Ok</strong> ao lado de <strong>Editando: menu hambúrguer</strong> na barra flutuante para voltar à sua página.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div>

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.O cabeçalho ...

Editor do Wix Harmony: personalizar o cabeçalho do seu site

Descubra como personalizar o cabeçalho do seu site no novo Editor do Wix Harmony, lançado em janeiro de 2026. Aprenda a ajustar o background, design e comportamento do cabeçalho para refletir seu estilo pessoal e melhorar a navegação dos visitantes. O artigo oferece orientações práticas para criar um cabeçalho atraente e funcional, além de dicas sobre como ocultá-lo em páginas específicas.

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.Organize sua...

Editor do Wix Harmony: adicionar e gerenciar páginas

Descubra como organizar e gerenciar suas páginas no novo Editor do Wix Harmony, lançado em janeiro de 2026. Aprenda a adicionar novas páginas, personalizá-las e escolher entre diferentes visualizações para manter seu site elegante e envolvente. Além disso, você pode ajustar configurações importantes como SEO e acessibilidade, garantindo que seu conteúdo esteja sempre atualizado e otimizado para os visitantes.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-a-diferença-entre-o-editor-wix-e-o-wix-harmony" target="">veja mais informações aqui</a>.</div></div></div></div><div data-component-type="text"><div>Organize suas páginas para manter seu site elegante, envolvente e sofisticado. Depois de adicionar uma página, você pode dar a ela um novo nome, defini-la como sua página inicial, ocultá-la do menu e personalizá-la para se adequar perfeitamente ao seu estilo. Você também pode escolher como ver suas páginas, seja em uma visualização em lista minimalista ou em uma visualização em grade visual com prévias das páginas.</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/9b3746bd-ee9c-4b9d-b516-c513fd5c0064/abc8fb83-48ba-41bf-962a-2c62dacaf2e0.png" alt="captura de tela do painel de páginas do site no Editor do Wix Harmony." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Navegar entre páginas:</div><div class="info-content"><div>Clique no dropdown <strong>Página</strong> no canto superior esquerdo da página para navegar para outro lugar no seu site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-new-page" level="3">Adicionar uma nova página</h2></div><div data-component-type="text"><div>Escolha entre uma variedade de páginas criadas profissionalmente pelo Wix ou comece do zero com uma página em branco para dar vida à sua própria visão. Cada nova página que você adiciona aparece instantaneamente no menu do seu site, pronta para uso.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma nova página do 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">Vá para o seu editor</a>.</li>  <li>Clique no dropdown <strong>Página</strong> no canto superior esquerdo da página.</li>  <li>(No painel Páginas do site) Clique em <strong>+ Adicionar página</strong> na parte inferior.</li>  <li>Escolha como você quer criar sua nova página:
    <ul>
      <li><strong>Gerar com IA:</strong> receba ideias de páginas e deixe a IA criar sua página. Avalie os tipos de página sugeridos no chat e escolha o que você quer adicionar. Como alternativa, você pode escrever sua própria descrição da página que está imaginando.</li>      <li><strong>Escolher um design:</strong> navegue pelos nossos templates de página criados e selecione o que você mais gosta.</li>      <li><strong>Página em branco:</strong> comece com uma página completamente em branco. A nova página é adicionada ao seu site, pronta para você personalizar.</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/24fc2dc2-e811-4677-8683-b2f0ba753c50/c02677c9-9fa4-4725-a1f8-82cf7af59848.png" alt="captura de tela do Editor do Wix Harmony, com as opções de adicionar e gerenciar páginas sendo exibidas. Opções de adicionar página mostradas." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-site-pages" level="3">Gerenciar as páginas do seu site</h2></div><div data-component-type="text"><div>Gerencie todas as páginas do seu site em um só lugar para manter seu conteúdo organizado e atualizado. Adicione novas páginas, renomeie ou exclua as existentes e ajuste configurações importantes como SEO, acesso de membro e compartilhamento nas redes sociais.</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/5b596023-d3ff-4a24-a81e-20fe4c83c14b/81167dae-e7dc-442a-a308-700faf90cb5b.png" alt="captura de tela do painel gerenciar páginas no Editor do Wix Harmony, com o menu mais ações sendo exibido." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Altere a visualização do painel:</div><div class="info-content"><div>Clique no ícone <strong>Grade</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/ba3bb70f-7b8a-4e12-be88-e68c6ca16782/28a3230e-cfc3-4fdb-a11a-caf5556fc45d.png" /> ou <strong>Lista</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/86af03f0-710a-4b92-8061-b9311c31018e/e3b3fd8d-2f55-40ea-a399-b5e475a7119c.png" /> no topo do painel para alterar a visualização. A lista é mais compacta, enquanto a grade mostra uma prévia de cada página. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para gerenciar as páginas do seu 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">Vá para o seu editor</a>.</li>  <li>Clique no dropdown <strong>Página</strong> no canto superior esquerdo da página.</li>  <li>(No painel Páginas do site) Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/16/207b5bd2-1894-4b71-a342-d5d859e4a03b/5aa7b874-694d-4e28-b7ce-c4af6370342f.png" /> ao lado da página relevante.</li>  <li>Escolha o que fazer em seguida:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Renomear</h4><div class="collapsible-content"><div>Dê nomes claros e descritivos às suas páginas para ajudar os visitantes a navegar com confiança. Digite o novo nome da página e clique em <strong>OK</strong>.</div><div><br /></div><div><strong>Observação:</strong> isso altera automaticamente o nome da página no menu do seu site. Se necessário, você sempre pode <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-menus#managing-menu-items" target="">renomear esse item do menu específico</a> sem afetar o nome da página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Duplicar</h4><div class="collapsible-content"><div>Duplique páginas do site para economizar tempo e manter seu site com um visual nítido e consistente. Depois de clicar em <strong>Duplicar</strong>, dê um nome à sua nova página e comece a editar. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Definir como página inicial</h4><div class="collapsible-content"><div>Torne esta página a landing page principal do seu site.<strong><br />
</strong></div><div><strong>Dica: </strong>se você deseja excluir sua página inicial atual, primeiro defina uma página diferente como a página inicial e, em seguida, você pode excluir a antiga com segurança.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Excluir</h4><div class="collapsible-content"><div>Exclua páginas que não precisa mais para manter o site focado e fácil de navegar. Depois de selecionar essa opção, clique em <strong>Excluir página</strong> no pop-up para confirmar.</div><div><br />
<strong>Importante:</strong> se uma página estiver vinculada a um app Wix (por exemplo: Wix Blog, Wix Stores, etc.), excluir a página também remove o app.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">SEO e acessibilidade</h4><div class="collapsible-content"><div>Escolha qual área você deseja ajustar:</div><ul>
  <li><strong>SEO: </strong>configure como a página aparece em motores de busca como o Google. Passe pela checklist de SEO e adicione as configurações que faltam (por exemplo: palavra-chave de foco, tag de título) ou clique em <strong>Otimizar com IA</strong> para finalizar mais rápido.</li>  <li><strong>Compartilhar nas redes sociais: </strong>configure a aparência da página quando as pessoas a compartilham em redes sociais como Facebook, Instagram e Twitter. Clique na checklist das redes sociais ou em <strong>Otimizar com IA</strong> para concluir mais rápido.</li>  <li><strong>Acessibilidade: </strong>faça uma verificação nesta página e corrija problemas de acessibilidade do site para que todos possam aproveitar seu conteúdo.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurações</h4><div class="collapsible-content"><div>Tenha uma visão geral e ajuste todas as configurações da sua página em um só lugar:</div><ul>
  <li><strong>URL da página: </strong>atualize o final do URL da página (slug) para combinar com seu estilo. Você também pode alterar o lugar da página na hierarquia do site ao clicar no ícone <strong>Mais opções</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/de196a05-2ee9-4eb9-baeb-be180561e6da/00acf16a-501d-4b48-8726-f0d95db0a4a4.png" />.</li>  <li><strong>Acesso: </strong>decida quem pode acessar esta página: todos, visitantes com uma senha ou membros (ou funções, selos e planos pagos específicos). Para alterar essa configuração, clique em<strong> Acesso</strong> e, em seguida, em <strong>Gerenciar acesso</strong>.</li>  <li><strong>SEO: </strong>visualize como esta página aparece nos resultados de busca. Clique em <strong>Ir para tarefas</strong> para ver um checklist de SEO para cada página do seu site, assim você pode seguir seu progresso e otimizar suas páginas detalhadamente.</li>  <li><strong>Acessibilidade: </strong>visualize<strong> </strong>os problemas de acessibilidade do site existentes no seu site. Clique em <strong>Verificar site </strong>para começar ou em <strong>Verificar problemas</strong> se você já fez uma verificação no seu site anteriormente.</li>  <li><strong>Compartilhamento nas redes sociais: </strong>visualize como esta página aparece quando é compartilhada nas redes sociais. Clique em<strong> Personalizar </strong>para definir um título, descrição e imagem de visualização para cada rede social.</li></ul></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>Clique em uma pergunta abaixo para saber mais.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso editar a largura da minha página?</h4><div class="collapsible-content"><div>No Editor do Wix Harmony, sua página é criada para uma largura de desktop de 1280 pixels e uma largura de mobile de 390 pixels.</div><div><br /></div><div>Você não precisa se preocupar em definir uma largura de página personalizada, o Wix Harmony ajusta automaticamente seu site para que ele fique bonito em qualquer tela. Os elementos na sua página são dimensionados proporcionalmente ou mantêm a largura em relação ao tamanho da tela, para que seu conteúdo sempre tenha uma ótima aparência para seus visitantes.</div><div><br /></div><div><strong>Dica: </strong>enquanto estiver no modo <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-visualizar-e-publicar-seu-site" target="">Visualizar</a>, arraste o slider de tamanho da tela no topo para ver como o design se adapta.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso fazer o download de uma página do meu site?</h4><div class="collapsible-content"><div>Não é possível fazer o download de um site Wix ou de qualquer uma de suas páginas, pois o editor precisa estar em conexão constante com nossos servidores. Por isso, não é possível trabalhar offline ou salvar páginas do site no seu computador.<br />
<br />
No entanto, você pode pressionar <strong>Ctrl + P</strong> no seu teclado para salvar a página como um PDF ou fazer uma captura de tela da página.</div></div></div></div>

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.Pense no seu...

Editor do Wix Harmony: personalizar o rodapé do seu site

Personalize o rodapé do seu site no novo Editor do Wix Harmony para refletir sua marca e fornecer informações essenciais. Aprenda a ajustar o fundo, bordas, e animações, além de adicionar elementos como menus e links de redes sociais. O artigo oferece orientações práticas para criar um rodapé atraente e funcional, ajudando seus visitantes a encontrar informações importantes de forma rápida e fácil.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-a-diferença-entre-o-editor-wix-e-o-wix-harmony" target="target">veja mais informações aqui</a>.</div></div></div></div><div data-component-type="text"><div>Pense no seu rodapé como a assinatura do seu site no fim de cada página. Ele é o lugar perfeito para detalhes de contato, direitos autorais, um <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-menus" target="">menu personalizado</a> ou links de redes sociais. Adicione elementos, redimensione para abrir mais espaço e faça o design do rodapé conforme necessário.</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/18e77e9e-71f2-4f91-b836-e098b4a11da6/a970c8dd-4657-4ba7-865d-e023d829b09e.png" alt="Uma captura de tela de como editar o rodapé de um site no Editor do Wix Harmony" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-sites-footer" level="3">Personalizar o rodapé do seu site</h2></div><div data-component-type="text"><div>Personalize o background, as bordas, os separadores e a animação do seu rodapé até que ele reflita sua marca. Use a alça de redimensionar para deixar o rodapé com o espaço que você quer. Precisa compartilhar mais informações? Aumente o rodapé. Prefere um visual limpo e simples? Mantenha-o pequeno. A escolha é sua.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o rodapé do seu 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">Vá para o seu editor</a>.</li>  <li>Clique no rodapé.</li>  <li>Escolha o que você quer fazer em seguida:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Fazer o design do rodapé</h4><div class="collapsible-content"><div>Escolha o que você quer personalizar na barra de ação:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-personalizar-o-background-da-sua-seção" target=""><strong>Substituir background</strong></a><strong>:</strong> clique em <strong>Substituir background</strong> para alterar o background do seu rodapé ao selecionar uma cor, uma imagem ou um vídeo.</li>  <li><strong>Cores:</strong> clique no ícone <strong>Cores</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/231dd69f-c942-425e-bb07-e3e7b21c25a1/c5c435dc-c2bc-423d-b98b-4f95540237b4.png" /> para alterar as cores do seu rodapé para uma das cores da marca do seu site.</li>  <li><strong>Opacidade:</strong> clique no ícone <strong>Opacidade</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/68a44d1f-72cc-45e4-8128-6bf3c02d139e/5b7ade33-6022-4163-ae2c-513c60ea046d.png" /> para ajustar a opacidade do background da seção, imagem e cores, dependendo do que sua seção contém.</li>  <li><strong>Bordas:</strong> clique no ícone <strong>Bordas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/d2c09aa9-a76a-4f66-8a1c-edc0567a06fe/2ff6a260-07b8-433f-9b6b-7c9fc29e74d2.png" /> para adicionar ou ajustar bordas ao redor do seu rodapé. Altere a cor, largura e estilo da borda.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-shape-dividers" target=""><strong>Separador de seção</strong></a><strong>:</strong> clique no ícone <strong>Separador de seção</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/4f682f1f-044c-40b3-b6f4-eac38cc953c1/034ee741-d587-4f86-8981-b89c81a4baea.png" /> para adicionar ou editar uma linha para separar visualmente o seu rodapé do restante da página.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-an-animation" target=""><strong>Animações</strong></a><strong>:</strong> clique no ícone <strong>Animação</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/3eddbec0-ca54-4b38-8b2c-a4a1509f3ff9/7714e774-161c-44bc-aa0d-4ef93eb6de50.png" /> para fazer seu rodapé aparecer ou desaparecer quando a página carrega.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Redimensionar o rodapé</h4><div class="collapsible-content"><div>Segure a alça de esticar na parte inferior do seu rodapé e arraste-a até que ela tenha o tamanho ideal para você.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ocultar o rodapé</h4><div class="collapsible-content"><div>Clique com o botão direito no rodapé e selecione <strong>Ocultar rodapé</strong> para remover o rodapé desta página específica.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionar elementos ao rodapé</h4><div class="collapsible-content"><div>Adicione os elementos que você deseja ao rodapé. Por exemplo, o rodapé é um ótimo espaço para compartilhar links de redes sociais ou um menu personalizado para facilitar a navegação.</div><ol>
  <li>Clique em <strong>+ Elementos</strong> no canto superior esquerdo do editor.</li>  <li>Escolha o elemento que você quer adicionar, como <strong>Menu</strong>.</li>  <li>Arraste o elemento escolhido para a área do rodapé.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-trabalhar-com-elementos" target="">Posicione e personalize os elementos</a> como preferir.</li></ol></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>Clique em uma pergunta abaixo para saber mais.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso adicionar uma seção abaixo do meu rodapé ou fazer uma cópia dele?</h4><div class="collapsible-content"><div>Você não pode adicionar outra seção abaixo do seu rodapé ou duplicá-lo. Seu site tem 1 único rodapé, mantendo as coisas simples e consistentes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso criar diferentes tipos de rodapés no meu site?</h4><div class="collapsible-content"><div>Não, cada página compartilha o mesmo estilo e conteúdo de rodapé. Dessa forma, seus visitantes sempre sabem onde encontrar suas informações importantes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Devo adicionar um menu ao meu rodapé?</h4><div class="collapsible-content"><div>Embora não seja obrigatório, recomendamos <a data-composite="true" href="https://support.wix.com/pt/article/wix-harmony-editor-adding-and-customizing-menus" target="">adicionar um menu personalizado</a> ao seu rodapé, pois isso ajuda os visitantes a encontrar rapidamente páginas importantes que você prefere ocultar do menu do site (por exemplo: sua Política de Privacidade, sitemap, etc.).</div><div><br /></div><div>Isso também ajuda os motores de busca a entender melhor a estrutura do seu site, o que pode melhorar sua classificação nos resultados de busca.</div></div></div></div>

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.As seções aj...

Editor do Wix Harmony: adicionar e personalizar seções

Descubra como organizar e personalizar seu site com o novo Editor do Wix Harmony, lançado em janeiro de 2026. Aprenda a adicionar seções, alterar layouts, editar nomes e links, e personalizar o design de cada seção para criar uma apresentação atraente e funcional. Com recursos como geração de seções por IA e opções de design flexíveis, você pode facilmente adaptar seu site a qualquer tela e destacar sua marca.

Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.Os menus fac...

Editor do Wix Harmony: adicionar e gerenciar menus

Descubra como adicionar e personalizar menus no novo Editor do Wix Harmony para melhorar a navegação do seu site. Aprenda a criar menus horizontais, verticais ou hambúrgueres, e a gerenciar itens de menu, incluindo a adição de dropdowns para agrupar páginas relacionadas. Com essas ferramentas, você pode garantir que seus visitantes encontrem facilmente o que procuram, independentemente do dispositivo que estão usando.

Como começar

Escolha o seu template

Contrate um profissional para criar o seu site

Confira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.

Primeiros passos

Confira como usar o Wix para construir seu site e negócio.

Noções básicas do Editor Wix

Use as ferramentas do Editor

Layout do site

Faixas e colunas

Estruture o seu site

Personalize seu site

Páginas

Gerencie páginas e menus

Texto

Botão

Contêineres e caixas

Slideshow

Formas e linhas

Adicione e personalize elementos

Imagem

Galeria

Vídeo

Documentos e arquivos

Adicione arquivos e mídia

Trabalhe com elementos

Use efeitos e animações

Compartilhe e divulgue seu site

Adicione elementos avançados

Visualização mobile

Recursos mobile

Páginas mobile

Background no mobile

Layout do site mobile

Elementos mobile

Texto no mobile

Mídia no mobile

Outros elementos no mobile

Solucionando problemas no site online

Mobile

Soluções de problemas do Editor

Use o Editor Wix

Use seu painel de controle

Configurações do site

Gerencie funções e permissões

Gerencie seu site

Comece a usar a IA

Use a IA para criar e gerenciar seu site

Use a IA para configurar o seu negócio

Ferramentas de IA

Conheça o editor

Use as ferramentas do editor

Estruture seu site

Adicione animações e efeitos

Estabeleça a identidade do site

Faça o design do site

Solução de problemas do site

Use o Editor do Wix Harmony

Gerenciador de mídia - Básico

Faça upload de mídia 

Compre arquivos de mídia

Gerencie seus arquivos de mídia

Problemas com mídia

Adicione e gerencia sua mídia

Use o Pro Gallery

Edite imagens (Wix Photo Studio)

Comece a usar o Wixel

Crie e gerencie projetos

Faça o design com o Wixel

Sobre upgrade e gerenciamento da conta

Wixel

Gerencie sua mídia

Comece a usar o Wix Multilíngue 

Traduza seu site

Gerencie seus idiomas

SEO no Wix Multilíngue

Crie um site multilíngue

Privacidade e GDPR

Sobre acessibilidade

Torne o seu site acessível

Recursos avançados de acessibilidade

Crie um site acessível

Sobre o CMS (antigo Gerenciador de Dados)

Use o CMS (antigo Gerenciador de Dados)

Conecte conteúdo de coleções do CMS ao site

Trabalhe com páginas dinâmicas e CMS

Conecte elementos de entrada do usuário ao CMS

Use o CMS com outros produtos Wix

Recursos avançados do CMS

Wix para desenvolvedores

Sites de teste

Logins SSO

Wix Blocks

Recursos avançados

Aprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.

Crie o seu site

Personalize e gerencie seu site com os recursos do Wix.

Altere as configurações da conta

Problemas de login

Gerencie sua conta

Faça upgrade para um plano Premium

Planos Premium

Domínios Wix

Contas de email Google Workspace

Gerencie suas assinaturas

Cobranças, pagamentos e impostos

Faturas para Serviços Wix

Use promoções e cupons

Faturamento e assinaturas Premium

Revise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.

Conta e faturamento

Gerencie seu site no app Wix

Princípios dos apps mobile

Personalize seu próprio app mobile

Gerencie seu próprio app mobile

Envie seu app mobile para aprovação

Construa seu próprio app mobile

Personalize seu site nos apps de membros Wix

Gerencie seu site nos apps de membros Wix

Use os apps mobile como membro

Use os apps de membros Wix

Apps mobile para clientes

Use o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.

Use os apps mobile do Wix

Administre seu negócio e conecte-se com os membros.

Domínios: primeiros passos

Domínios comprados em outro lugar

Transferência de domínios

Gerencie domínios

Solução de problemas de domínios

Entenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.

Conecte um domínio

Compre, conecte ou transfira um domínio para o seu site.

Configure sua loja

Adicione produtos e categorias

Configure o envio e atendimento

Configure pagamentos e checkout

Personalize o design da sua loja

Gerencie seus pedidos

Gerencie seu estoque

Gerencie a área de membros

Gerencie os emails da loja

Incentive as vendas na loja

Dropshipping no Wix Stores

Configure canais de vendas

Use o app Wix para Wix Stores

Wix Stores

Configure o Wix Bookings

Crie serviços

Gerencie sua equipe

Gerencie os seus agendamentos

Plano de membros, pacotes e pagamentos

Personalize o Wix Bookings

Emails, SMS e promoções

Use o app Wix para gerenciar agendamentos

Videoconferência com o Wix Bookings

Fit by Wix

Serviços sob demanda

Wix Bookings

Configure o Wix Events

Crie seu evento

Personalize o Wix Events

Gerencie os seus eventos

Gerencie os convidados no Wix Events

Venda ingressos para eventos

Promova seu evento

Use o app Wix para Wix Events

Check-in by Wix para eventos

Wix Events

Configure planos pagos

Crie planos pagos

Crie sua página de planos pagos

Venda planos pagos

Gerencie planos pagos

Use o app Wix para Planos Pagos Wix

Planos Pagos Wix

Aplicativos e soluções comerciais

Encontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.

Gerencie o seu negócio