Use faixas de largura total para estruturar seu conteúdo e dividi-lo em seções horizontais, criando uma aparência profissional. Escolha entre uma variedade de elementos para adicionar à sua faixa e, e...

Editor Wix: adicionar e configurar uma faixa

<div data-component-type="text"><div>Use faixas de largura total para estruturar seu conteúdo e dividi-lo em seções horizontais, criando uma aparência profissional. Escolha entre uma variedade de elementos para adicionar à sua faixa e, em seguida, personalize o background da faixa usando cor, imagem ou vídeo. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-strip" level="3">Adicionar uma faixa</h2></div><div data-component-type="text"><div>Adicione uma faixa para começar a estruturar sua página. Você pode usar faixas para dividir o conteúdo e as informações da sua página. Algumas ideias populares para faixas incluem dados de contato e listas de preços.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>As faixas ficam particularmente ótimas em <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-criar-um-site-de-página-única" target="">sites de página única</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma faixa:</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 em <strong>Elementos </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Faixa</strong>.</li>  <li>Selecione o tipo de faixa que deseja adicionar.</li>  <li>Arraste um elemento de faixa para sua página.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/70898dd7-09fa-4d2f-a5a4-2b40f30b6db1/6e65741d-5e09-4191-aea5-a4cec9013679.png" alt="Uma captura de tela de uma faixa sendo selecionada no painel do editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-your-strip" level="3">Adicionar elementos à sua faixa</h2></div><div data-component-type="text"><div>Crie sua faixa ao adicionar conteúdo relevante. Depois que os elementos forem <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-anexando-elementos-a-uma-faixa#attaching-elements-to-a-strip" target="">anexados à sua faixa</a>, você pode mover facilmente a faixa e os elementos pelas páginas do seu site.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Antes de começar: </div><div class="info-content"><div>Redimensione a faixa ou elemento para que ele caiba dentro da faixa antes de tentar anexá-lo. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar elementos à sua faixa:</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>Arraste o elemento sobre a faixa.</li>  <li>Solte o elemento quando vir a mensagem <strong>Anexar à faixa</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/7ad03664-c2e4-4403-9475-e39cceb068d6/45bd0255-715e-41ae-8ce2-7969cb1768f6.gif" alt="Um GIF de um elemento sendo arrastado para uma faixa." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-alignment-of-your-strip" level="3">Ajustar o alinhamento da faixa</h2></div><div data-component-type="text"><div>Escolha como o conteúdo da sua faixa é alinhado ao seu site para garantir que seus visitantes sempre possam visualizar informações importantes e relevantes. Talvez você queira alterar o alinhamento para organizar seu conteúdo em um layout diferente.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Você só pode alterar o alinhamento do conteúdo da faixa se a faixa não tiver colunas.</div>    </div></div></div><div data-component-type="heading"><h2 id="" level="4">Para ajustar o alinhamento da faixa:</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 na faixa na sua página.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7e4ebaa2-ac6f-41c0-98b7-a878f57d6f39.png" /> .</li>  <li>Selecione um layout:
    <ul>
      <li><strong>Centro:</strong> o conteúdo é alinhado ao centro da faixa.</li>      <li><strong>Esquerda:</strong> o conteúdo é alinhado à esquerda da faixa.</li>      <li><strong>Direita:</strong> o conteúdo é alinhado à direita da faixa.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/1706cf8f-f5d8-40fd-af20-0715c2212fc0/0a79427f-dc15-4d4a-bab2-459d45e29ccf.png" alt="Uma captura de tela de um layout sendo selecionado para a faixa no editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-strip-background" level="3">Alterar o background da faixa </h2></div><div data-component-type="text"><div>Escolha um background para a sua faixa para combinar com a aparência do seu site. Uma variedade de opções estão disponíveis. Você pode escolher entre uma variedade de cores, imagens ou vídeos.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o background da faixa:</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 na faixa na sua página.</li>  <li>Clique em <strong>Alterar background</strong> e escolha uma das seguintes opções:
    <ul>
      <li><strong>Cor:</strong> escolha entre uma variedade de cores para combinar com a paleta do seu site ou crie algo ousado. </li>      <li><strong>Imagem:</strong> selecione entre uma variedade de imagens gratuitas ou faça upload da sua própria imagem.</li>      <li><strong>Vídeo:</strong> escolha um vídeo atraente gratuito do Wix ou faça upload do seu próprio vídeo através do Gerenciador de Mídia. </li>      <li><strong>Criar uma imagem com IA:</strong> gere uma imagem personalizada com o <a data-composite="true" href="https://support.wix.com/pt/article/wix-media-criar-imagens-com-o-gerador-de-imagem-por-ia-do-wix" target="">criador de imagem com IA</a> (não disponível para todos os usuários).</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/ece9984a-bf4c-493f-8713-ae9731da8422/ab9c7ed2-4a11-48b7-a3a2-f02849df8215.png" alt="Uma captura de tela de um background da faixa sendo selecionado." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Uma faixa ocupa automaticamente a largura do seu site, no entanto, você pode alterar a largura ao clicar no ícone <strong>Esticar</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/hFsLkzXM6691wSkj0XgIFyepmmnLsTe9HwRDedC6P6-zas753GHSFnvtxaxeTR1Gn-V52KxwZqNIllf6_AbKadP3KA6CJFVPFUr_lMvS_1YZGkF9vAJ2yLyUuYL3AoSKHk4WtiKm=s0" />. A altura máxima para uma faixa é 15.000 px.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-strip" level="3">Personalizar sua faixa</h2></div><div data-component-type="text"><div>Você pode personalizar o elemento de faixa para que fique exatamente como você deseja. Ajuste configurações como borda, cantos e sombra para que combine com o seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar sua faixa:</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 na faixa na sua página.</li>  <li>Clique no ícone <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/e4328628-cdc4-44bc-8523-d64731e45031/590b4e1d-2a26-4ecb-a66c-db4c0660730f.png" />.</li>  <li>Escolha o que você deseja personalizar:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Borda</h4><div class="collapsible-content"><div>Personalize as bordas da faixa:</div><ul>
  <li><strong>Opacidade e cor: </strong>clique na caixa de cores e selecione uma cor para as bordas da faixa. Arraste o slider para aumentar ou diminuir a opacidade.</li>  <li><strong>Estilo da borda: </strong>selecione um estilo de borda (<strong>Nenhuma</strong>, <strong>Todos os lados</strong>, <strong>Inferior</strong>).</li>  <li><strong>Largura:</strong> arraste o slider para aumentar ou diminuir a largura da borda da faixa. <br /> <strong>Observação: </strong>essa opção não aparecerá se você selecionar <strong>Nenhum </strong>em <strong>Estilo da borda</strong>.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Canto</h4><div class="collapsible-content"><div>Arredonde os cantos da faixa para deixá-la mais circular. Insira um número em cada campo de texto para arredondar o canto.</div><div><br /></div><div><strong>Dica:</strong> clique no ícone <strong>Bloquear </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/05/0f00085d-c9a2-49dc-afb2-d9974dc6e57d/3d9a647f-b86b-4db1-9778-1daa4258d129.png" /> para manter todos os cantos e proporções iguais.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sombra</h4><div class="collapsible-content"><div>Crie uma sombra para o seu elemento de faixa. Clique na alavanca <strong>Aplicar sombra</strong> para ativar ou desativar a sombra no elemento.</div><div>Quando a alavanca estiver ativada, continue personalizando a sombra:</div><ul>
  <li><strong>Ângulo:</strong> selecione uma posição no círculo ou insira um valor.</li>  <li><strong>Distância: </strong>arraste o slider para aumentar ou diminuir a distância.</li>  <li><strong>Tamanho:</strong> arraste o slider para aumentar ou diminuir o tamanho.</li>  <li><strong>Desfoque:</strong> arraste o slider para aumentar ou diminuir o desfoque de sombra.</li>  <li><strong>Opacidade e cor: </strong>selecione uma cor e arraste o slider para aumentar ou diminuir a opacidade da sombra.</li></ul></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/22e9af24-365c-4617-8e3a-b3f6d6982ad8/9e304ac1-f221-434f-bb02-a1ea21c88282.png" alt="Uma captura de tela de personalização do design da faixa." /></div></div>

Altere as configurações de background da sua faixa para que ela fique exatamente como você deseja no seu site. Você pode personalizar as configurações de cada tipo de background da faixa: cor, imagem ...

Editor Wix: alterar as configurações da faixa

<div data-component-type="text"><div>Altere as configurações de background da sua faixa para que ela fique exatamente como você deseja no seu site. Você pode personalizar as configurações de cada tipo de background da faixa: cor, imagem e vídeo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-strip-settings" level="3">Alterar as configurações da faixa</h2></div><div data-component-type="text"><div>As configurações da faixa variam conforme o tipo de background escolhido (cor, imagem ou vídeo). Você tem a opção de personalizar aspectos como cor e opacidade da imagem, padrões de sobreposição e velocidade de reprodução do vídeo.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar as configurações da faixa:</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 na faixa.</li>  <li>Clique em <strong>Trocar background da faixa</strong>.</li>  <li>Clique em <strong>Configurações </strong></li>  <li>Personalize o tipo da sua faixa usando as opções disponíveis:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurações de cor</h4><div class="collapsible-content"><div>Clique na caixa de cores para selecionar uma nova cor para o background da faixa. Em seguida, arraste o slider para ajustar a transparência da faixa para que ela combine com o design do seu site.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/31678030-b262-4fb6-b8ae-21418b6652cf/2a393ea3-e078-415e-940c-6674236aa47d.png" /><br />
</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurações de imagem</h4><div class="collapsible-content"><div>Ajuste as configurações da imagem da faixa para que ela combine com o design do seu site.</div><div><br /></div><ul>
  <li><strong>Opacidade da imagem:</strong> arraste o slider para ajustar a transparência da imagem e expor alguns elementos que a faixa cobre.</li>  <li><strong>Cor atrás da imagem:</strong> escolha uma cor para aparecer atrás da imagem quando você diminuir a sua opacidade.</li>  <li><strong>Dimensão da imagem: </strong>amplie ou reduza o tamanho da imagem na faixa.
    <ul>
      <li><strong>Tamanho original:</strong> o tamanho original da imagem é exibido. Partes dela podem ser cortadas.</li>      <li><strong>Preenchimento total:</strong> a imagem é redimensionada para preencher o espaço disponível. Você pode reposicioná-la se quiser.</li>      <li><strong>Ladrilhos:</strong> a imagem é exibida em uma formação de mosaico em todo o espaço disponível.</li>    </ul>  </li>  <li><strong>Posicionamento:</strong> selecione uma seção na grade para escolher qual parte da sua imagem está em foco dentro dos limites da sua faixa.</li>  <li><strong>Texto da imagem:</strong> adicione uma descrição da sua imagem da faixa para melhorar o SEO e a acessibilidade do seu site.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/7ebbf3a0-1b3b-4f1d-9f7f-e8518166061e/795c50be-5b2b-41d9-a3ce-87ef3373dbe8.png" /><br />
</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurações de vídeo</h4><div class="collapsible-content"><div>Ajuste as configurações do vídeo da faixa para que ele combine com o design do seu site.</div><div><br /></div><ul>
  <li><strong>Textura da sobreposição: </strong>escolha um padrão de sobreposição interessante para ficar em cima do vídeo de background. Clique em <strong>Mais escuro</strong> ou <strong>Mais claro</strong> para alterar o contraste da sobreposição.</li>  <li><strong>Opacidade do vídeo:</strong> arraste o slider para tornar o vídeo mais ou menos visível.</li>  <li><strong>Cor atrás do vídeo:</strong> selecione a cor que está atrás do background do vídeo.</li>  <li><strong>Posição: </strong>selecione uma seção na grade para escolher qual parte do vídeo vai ficar em foco dentro dos limites da faixa.</li>  <li><strong>Reprodução do vídeo:</strong>
    <ul>
      <li><strong>Velocidade da reprodução:</strong> escolha reproduzir seu vídeo na velocidade original (normal) ou 0,5/0,25 vezes a velocidade original.</li>      <li><strong>Tocar continuamente:</strong> clique na alavanca para ativar o loop automático do seu background.</li>    </ul>  </li></ul><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/f2a53cf5-1f24-4cd0-9859-99c5bf1ef913/0823adf6-cb69-4bf0-afd0-5d0e87bf87ea.png" /></div><div><br /></div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/590cf437-6adc-4aaa-92f1-55674a1d6a72/50ff3042-a106-4e98-95d9-5cd7728ea6d5.png" alt="O painel de configurações para um background de vídeo em uma faixa no Editor Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Recomendamos que você explore as configurações e <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-salvando-visualizando-e-publicando-seu-site#previewing-your-site" target="">visualize seu site</a> para ver o que fica melhor.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>As configurações da faixa variam de acordo com o tipo de background (cor, imagem ou vídeo).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-image-scaling-and-position-on-a-strip" level="3">Alterar a dimensão e a posição da imagem em uma faixa</h2></div><div data-component-type="text"><div>Se a imagem que você estiver usando em sua faixa tiver um tamanho ou forma diferente da própria faixa (ou coluna dentro da faixa), parte da imagem pode ser cortada ou simplesmente não aparecer como você deseja. Você pode alterar o dimensionamento e o posicionamento da imagem para corrigir isso.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a dimensão e a posição da imagem em uma faixa:</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>Selecione a imagem na faixa.</li>  <li>Dependendo de se a sua imagem ocupa a faixa inteira ou apenas uma coluna, siga um desses procedimentos:
    <ul>
      <li>Faixa inteira: clique em <strong>Alterar background da faixa</strong>.</li>      <li>Apenas coluna: clique em <strong>Alterar background da coluna</strong>.</li>    </ul>  </li>  <li>Clique em <strong>Configurações</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/7953fb02-4498-45c1-9471-2498fad967cc/83136bfd-a130-4673-9f44-a252b683358a.png" alt="O painel de uma faixa de background no Editor Wix." /></div></div><div data-component-type="text"><ol><li>Role para baixo até <strong>Dimensão e posição</strong>.</li><li>Clique no dropdown <strong>Dimensão da imagem</strong> e selecione uma opção:<ul><li><strong>Tamanho original:</strong> o tamanho original da imagem é exibido. Partes dela podem ser cortadas.</li><li><strong>Preenchimento total:</strong> a imagem é redimensionada para preencher o espaço disponível. Você pode reposicioná-la se quiser.</li><li><strong>Ladrilhos:</strong> a imagem é exibida em uma formação de mosaico em todo o espaço disponível.</li></ul></li><li>Selecione uma posição para sua imagem em <strong>Posicionamento</strong>.<br /> <strong>Dica:</strong> isso é útil se sua imagem não estiver centralizada ou estiver focada na área errada.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/a1fc1f67-6d63-4b81-a763-7726f3fc83c9/9ba6655f-de75-49b1-ba55-91cd09207d09.png" alt="O painel de dimensionamento e posicionamento para um background de faixa no Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Como alternativa, você pode recortar a imagem para se ajustar melhor no espaço disponível.</div></div></div></div>

Atualize o design do seu site e impressione seus visitantes ao personalizar o background da sua faixa. Adicione uma cor, imagem ou vídeo de background à sua faixa. Você pode escolher entre uma varieda...

Editor Wix: alterar o background da faixa

<div data-component-type="text"><div>Atualize o design do seu site e impressione seus visitantes ao personalizar o background da sua faixa. Adicione uma cor, imagem ou vídeo de background à sua faixa. Você pode escolher entre uma variedade de imagens e vídeos profissionais das bibliotecas do Wix ou fazer upload do seu próprio.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/d2677c91-2cc3-4794-b2c9-5813e66666a8/44bbc5c2-d4d7-467a-b324-329b02fb2a71.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-color-or-gradient-to-your-strip-background" level="3">Adicionar uma cor ou gradiente ao background da faixa</h2></div><div data-component-type="text"><div>Adicione um background de cor sólida ou de gradiente à sua faixa. Você pode escolher entre as cores do seu site ou criar a sua própria.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma cor ou gradiente à sua faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Cor</strong> e selecione uma das seguintes opções:
    <ul>
      <li><strong>Cor:</strong> escolha uma cor sólida para aplicar à sua faixa.</li>      <li><strong>Gradiente:</strong> aplique um efeito legal ao background da faixa com um gradiente Linear, Radial ou Cônico. </li>      <li><strong>Gradiente responsivo:</strong> faça suas faixas se destacarem com um gradiente responsivo sofisticado.</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/2024/04/17/2f874c2f-ea89-45d7-a9c7-1e9cb1b47115/5ebbd722-a837-46c3-ac29-0b8bcc76b46f.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Você pode adicionar uma cor <strong>e </strong>uma imagem ou vídeo. A cor aparece enquanto a imagem ou o vídeo está carregando. Você pode ver a cor por trás da imagem ou do vídeo no painel <strong>Background da faixa</strong>:</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/2e983a7b-a9c5-442a-b196-180bd8b61c74/693dda78-efc3-40df-b7b0-c5ee868516ec.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-image-to-your-strip-background" level="3">Adicionar uma imagem ao background da sua faixa</h2></div><div data-component-type="text"><div>Traga a atenção dos seus visitantes para sua faixa ao adicionar imagens impressionantes. Use o <a data-composite="true" href="https://support.wix.com/pt/article/usando-as-ferramentas-do-estúdio-fotográfico-wix" target="">Estúdio Fotográfico Wix</a> para aplicar uma variedade de efeitos que aprimoram suas imagens, desde filtros exclusivos a opções de cortar e redimensionar. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Recomendamos fazer upload de imagens com uma resolução de no mínimo 1920px por 1080px. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma imagem à sua faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Imagem</strong>.</li>  <li>Selecione uma imagem no Gerenciador de Mídia.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>(Opcional) Clicar no ícone <strong>Editar</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/04/12/80e19ca2-2daf-4835-a8ab-becc2dbd68f6/fcd40534-3fe2-4a5d-b848-bf727f7fe206.png" /> para acessar o Estúdio Fotográfico Wix, onde você pode recortar a imagem e fazer outros ajustes.</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/2024/04/17/a8473e9b-e0e4-43d2-b4d0-380bbafb23c1/ca1486ce-d427-4414-8452-088c1c41fc74.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-video-to-your-strip-background" level="3">Adicionar um vídeo ao background da sua faixa</h2></div><div data-component-type="text"><div>Insira um background de vídeo à faixa para adicionar movimento ao seu site. Escolha entre os vídeos gratuitos do Wix ou faça upload de um vídeo próprio.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Por definição, os backgrounds com vídeo em faixas são definidos para não serem reproduzidos no mobile. No entanto, você pode selecionar a faixa e ativar o background com vídeo no editor mobile. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um vídeo à sua faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Vídeo</strong>.</li>  <li>Selecione um vídeo no Gerenciador de Mídia ou clique em <strong>Upload de mídia</strong> para fazer upload do seu próprio vídeo.</li>  <li>Clique em <strong>Alterar background</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/7b77ab89-8b56-45ee-ae22-241100e1043f/82ac5623-d4fe-436e-8e15-a295e516aa6f.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observações:</div><div class="info-content"><ul>
  <li>Dependendo do tamanho do arquivo, seu vídeo pode demorar um pouco para ser carregado. Você pode continuar editando seu site enquanto o upload está em andamento. <a data-composite="true" href="https://support.wix.com/pt/article/tipos-e-tamanhos-de-arquivos-de-mídia-suportados" target="">Saiba mais sobre tipos e tamanhos de arquivos</a>.</li>  <li>Após o upload, o vídeo finaliza suas propriedades para garantir que ele seja otimizado para todos os dispositivos. Isso pode demorar alguns minutos e você não verá o vídeo em resolução máxima no background da sua página até que ele seja finalizado.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="removing-an-image-or-video-from-a-strip" level="3">Remover uma imagem ou vídeo de uma faixa</h2></div><div data-component-type="text"><div>Para remover uma imagem ou vídeo de uma faixa, você simplesmente precisa substituir o background da faixa por outra cor, imagem ou vídeo.</div></div><div data-component-type="heading"><h2 id="" level="4">Para remover uma imagem ou vídeo de uma faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Selecione outro background.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dicas:</div><div class="info-content"><ul>
  <li>Para remover completamente o background da faixa, altere a cor da faixa para branco.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-aplicar-efeitos-de-rolagem-do-background-à-faixa" target="">Adicione um efeito de rolagem legal</a> para criar uma sensação de movimento ao redor da sua faixa.</li></ul></div></div></div>

Gerencie colunas na sua faixa para manter seu conteúdo alinhado e organizado. Você pode excluir colunas, alterar sua ordem e duplicá-las para organizar seu conteúdo da melhor maneira possível. Dica:Sa...

Editor Wix: gerenciar colunas

<div data-component-type="text"><div>Gerencie colunas na sua faixa para manter seu conteúdo alinhado e organizado. </div></div><div data-component-type="text"><div>Você pode excluir colunas, alterar sua ordem e duplicá-las para organizar seu conteúdo da melhor maneira possível. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Saiba como <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-redimensionando-suas-colunas" target="">redimensionar suas colunas</a> e ajuste o espaçamento e preenchimento.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-columns" level="3">Duplicar colunas</h2></div><div data-component-type="text"><div>Duplicar suas colunas é uma ótima maneira de manter o design das colunas dentro da sua faixa consistente.</div></div><div data-component-type="text"><div>Quando você duplica uma coluna, o estilo e o design são copiados automaticamente para a nova coluna, então tudo o que você precisa fazer é editar o conteúdo; uma maneira rápida e fácil de construir seu site.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/03/09/6041a4bf-94af-458f-97cc-98dbc2ec2938/d8ab53ce-0539-467f-9591-5aea44cea708.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para duplicar colunas:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa que contém as colunas no Editor.</li>  <li>Clique em <strong>Gerenciar colunas</strong>.</li>  <li>Clique em uma coluna em <strong>Escolha uma coluna</strong>.</li>  <li>Clique no ícone <strong>Duplicar</strong><strong> </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/876559a5-4408-4fa7-bd44-163fd6fa6f0c.png" />.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-order-of-columns" level="3">Alterar a ordem das colunas</h2></div><div data-component-type="text"><div>Altere a ordem das colunas dentro da sua faixa para melhor se adequar ao seu conteúdo.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/03/09/bcb44ac6-4716-4e0a-a2ec-f4fc39aa1d59/7b624598-b0e1-4cca-a74a-913c653e8280.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a ordem das colunas em uma faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa relevante no Editor.</li>  <li>Clique em <strong>Gerenciar colunas</strong>.</li>  <li>Clique em uma coluna em <strong>Escolha uma coluna</strong>.</li>  <li>Clique nos ícones<strong> </strong><strong>Mover para esquerda</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/PTvY0Wdlcn1hL_qROGrc2sWH8gwldGyiiLdptjH8bnKhYK2Wb2e-DHpqvtiWj7kJGzLnlSjIhBWs8Bpco_IVTekXkgbHxfqFGpfv9knWRVXBgYZPmLpvTGq6fYsyc_rn37Z2LDyx" /> ou <strong>Mover para direita</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/HptQa3rSOMBLpHXJHmPkn5lz-ICs1kzK5Zfureg5jaTmz3fd665J_wT8jJt6tVWdkAkwkIzyGUBginAyTOigmmGvO7lGuEYNZPMUO5Ovs8J7-snLdqNzhMebrPihVDiYsY8Z5q8_" />. </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-columns" level="3">Excluir colunas</h2></div><div data-component-type="text"><div>Você pode excluir uma coluna dentro da sua faixa a qualquer momento. Se você excluir todas as colunas, exceto uma, o elemento será revertido para uma faixa normal.</div><div><br /></div><div>Quando você exclui uma coluna, as outras colunas são redimensionadas automaticamente para caber no espaço.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/03/09/705a46a1-573c-4f83-8d83-32a695cd864b/b4f87c2e-ddbe-41b0-8cad-39f692ac886e.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para excluir uma coluna:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa com as colunas no Editor.</li>  <li>Clique em <strong>Gerenciar colunas</strong>.</li>  <li>Clique em uma coluna em <strong>Escolha uma coluna</strong>.</li>  <li>Clique no ícone <strong>Excluir</strong><strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/10/1e7f05d1-83c2-4706-83c9-a9ee5482ad12.png" />.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Você também pode excluir uma coluna ao selecioná-la dentro da faixa e pressionar <strong>Delete</strong> no teclado. Se você quiser excluir uma coluna sem excluir os elementos dentro, clique e arraste-os para qualquer lugar fora da coluna.</div>    </div></div></div>

Ajuste o layout das colunas para se adequar à aparência e ao alinhamento da sua página. Você pode alterar o tamanho e o espaçamento para se adequar ao seu conteúdo para garantir que seu site seja clar...

Editor Wix: ajustar o Layout das suas colunas

<div data-component-type="text"><div>Ajuste o layout das colunas para se adequar à aparência e ao alinhamento da sua página. Você pode alterar o tamanho e o espaçamento para se adequar ao seu conteúdo para garantir que seu site seja claro e fácil de navegar.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-columns" level="3">Redimensionar colunas</h2></div><div data-component-type="text"><div>Ajuste o tamanho das colunas para se adequar ao conteúdo da sua faixa. Você pode selecionar um layout predefinido ou usar a opção de personalização para alterar as proporções para o que quiser.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/03/09/362eab7b-d179-47e7-b0d4-36f43fe5ca6d/85cc7637-6625-492d-ac41-5e2f0a7a68ff.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para redimensionar suas colunas:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa que contém as colunas no editor.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Clique em um layout em <strong>Proporções da coluna.</strong></li>  <li>(Opcional) Clique em <strong>Personalizar proporções</strong> e personalize o layout arrastando as bordas da coluna.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Se você tiver 5 colunas, você não pode personalizar suas proporções - elas são sempre distribuídas igualmente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-column-spacing" level="3">Alterar o espaçamento da coluna</h2></div><div data-component-type="text"><div>Escolha a quantidade de espaço entre suas colunas e as margens ao redor delas ajustando o espaçamento e preenchimento.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/03/09/a08c034a-80d8-42bd-b084-ac789ef052ed/e4a9eaf1-3eb2-4a97-8e41-2bd7644eac28.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para ajustar o espaçamento e preenchimento:</h2></div><div data-component-type="text"><ol>
  <li>Clique na faixa que contém suas colunas no editor.</li>  <li>Clique no ícone <strong>Layout </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Arraste o slider <strong>Espaçamento da coluna</strong> para aumentar ou diminuir a lacuna entre cada coluna ou insira um valor.</li>  <li>Arraste o slider <strong>Preenchimento</strong> para aumentar ou diminuir o espaço entre as colunas e a borda da faixa ou insira um valor.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aligning-the-column-content" level="3">Alinhar o conteúdo da coluna</h2></div><div data-component-type="text"><div>Cada coluna na sua faixa pode ter um alinhamento diferente para o seu conteúdo.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o alinhamento do conteúdo das suas colunas:</h2></div><div data-component-type="text"><ol>
  <li>Clique na coluna no seu elemento de faixa.</li>  <li>Clique no ícone <strong>Layout </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7e4ebaa2-ac6f-41c0-98b7-a878f57d6f39.png" />.</li>  <li>Selecione um layout: 
    <ul>
      <li><strong>Centro: </strong>o conteúdo é alinhado ao centro da coluna.</li>      <li><strong>Esquerda:</strong> o conteúdo é alinhado à esquerda da coluna.</li>      <li><strong>Direita: </strong>o conteúdo é alinhado à direita da coluna.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/81c28e03-ba26-4047-9047-a5fcbcdf0703/a640e52f-d18f-4b08-b2f1-aa8c18f9bb1c.png" /></div></div>

Colunas são uma ótima maneira de separar e organizar faixas no seu site. Personalize cada coluna individualmente para que ela combine com a aparência e o layout do seu site e crie páginas atraentes pa...

Editor Wix: adicionar e configurar colunas na sua faixa

<div data-component-type="text"><div>Colunas são uma ótima maneira de separar e organizar faixas no seu site. Personalize cada coluna individualmente para que ela combine com a aparência e o layout do seu site e crie páginas atraentes para seus visitantes.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="splitting-a-strip-into-columns" level="3">Dividir uma faixa em colunas</h2></div><div data-component-type="text"><div>Adicione uma coluna a uma faixa de forma rápida e fácil nas configurações de layout da faixa para começar a construir e organizar o conteúdo do seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para dividir uma faixa em colunas:</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 elemento de faixa na sua página.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Clique em <strong>Adicionar coluna</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/9834d3cd-dfdd-412f-a9bd-7943c158dbe4/15e6a4ee-d609-466b-b203-442be345b997.png" alt="Captura de tela da faixa selecionada no Editor Wix. O ícone de layout selecionado, botão do painel Adicionar coluna exibido." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-more-columns-to-a-strip" level="3">Adicionar mais colunas a uma faixa</h2></div><div data-component-type="text"><div>Depois de adicionar suas primeiras colunas, você pode adicionar outras para continuar organizando e criando sua faixa. Você pode adicionar até cinco colunas.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar mais colunas a uma faixa:</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 elemento de faixa (com pelo menos duas colunas) na sua página.</li>  <li>Clique em <strong>Gerenciar colunas</strong>.</li>  <li>Clique em <strong>Adicionar coluna</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/f3f6d931-1194-427f-8350-937058a87feb/13157d4f-8755-453e-865e-778ac3c9e503.png" alt="Captura de tela da coluna na faixa selecionada no Editor Wix. Botão Gerenciar coluna selecionado, botão Adicionar coluna exibido." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-column-background" level="3">Alterar o background da coluna</h2></div><div data-component-type="text"><div>Selecione um <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-o-background-de-suas-colunas" target="">background individual</a> para cada uma das suas colunas para criar um design interessante e atraente. Você pode escolher uma cor, uma imagem ou um vídeo para o background da coluna.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o background da coluna:</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 na coluna na faixa na sua página.</li>  <li>Clique em <strong>Alterar background</strong> e escolha uma das seguintes opções:
    <ul>
      <li><strong>Cor:</strong> escolha entre uma variedade de cores para combinar com a paleta do seu site ou crie algo diferente. </li>      <li><strong>Imagem:</strong> selecione entre uma variedade de imagens gratuitas ou faça upload da sua própria imagem.</li>      <li><strong>Vídeo:</strong> escolha um vídeo incrível e gratuito do Wix ou faça upload do seu próprio vídeo através do Gerenciador de Mídia. </li>      <li><strong>Criar uma imagem com IA:</strong> gere uma imagem personalizada com o <a data-composite="true" href="https://support.wix.com/pt/article/wix-media-criar-imagens-com-o-gerador-de-imagem-por-ia-do-wix" target="">criador de imagem com IA</a>.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/bd8265ba-8832-44ee-ad22-1860ac9dcf18/fe647773-593c-462f-9e59-6ce4e5193d8e.png" alt="Captura de tela do painel Alterar background no Editor Wix. Diferentes backgrounds disponíveis são exibidos." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-columns" level="3">Adicionar elementos às colunas</h2></div><div data-component-type="text"><div>Crie o conteúdo da sua página ao <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-anexando-elementos-a-uma-faixa#attaching-elements-to-a-column" target="">adicionar elementos</a> às colunas na sua faixa. Os elementos populares para adicionar às colunas incluem texto, botões e arte vetorial. </div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar elementos às colunas:</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>Arraste o elemento para a posição escolhida na coluna.</li>  <li>Solte o elemento quando vir<strong> Anexar à coluna</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Para elementos maiores, certifique-se de que o elemento é menor que a coluna. Se necessário, redimensione o elemento para ajustá-lo na coluna.</div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/5d0fe6dd-dc5c-45b8-a361-f8fbde7ff318/fc52aa74-2456-45b5-99b7-0f594ddd91f7.gif" alt="GIF da arte vetorial sendo arrastada e anexada às colunas no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-columns" level="3">Personalizar as colunas</h2></div><div data-component-type="text"><div>Você pode personalizar as colunas para que fiquem exatamente como deseja. Ajuste configurações como borda, cantos e sombra para que combine com o seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar suas colunas:</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 em uma coluna na sua página.</li>  <li>Clique no ícone <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/e4328628-cdc4-44bc-8523-d64731e45031/590b4e1d-2a26-4ecb-a66c-db4c0660730f.png" />.</li>  <li>Escolha o que você deseja personalizar:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Borda</h4><div class="collapsible-content"><div>Personalize as bordas da coluna:</div><ul>
  <li><strong>Opacidade e cor: </strong>clique na caixa de cores e selecione uma cor para as bordas da coluna. Arraste o slider para aumentar ou diminuir a opacidade.</li>  <li><strong>Estilo da borda: </strong>selecione um estilo de borda (<strong>Nenhuma</strong>, <strong>Todos os lados</strong>, <strong>Inferior</strong>).</li>  <li><strong>Largura:</strong> arraste o slider para aumentar ou diminuir a largura da borda da coluna.<br /> <strong>Observação: </strong>essa opção não aparecerá se você selecionar <strong>Nenhum </strong>em <strong>Estilo da borda</strong>.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Canto</h4><div class="collapsible-content"><div>Arredonde os cantos da coluna para deixá-la mais circular. Insira um número em cada campo de texto para arredondar o canto.</div><div><br /></div><div><strong>Dica:</strong> clique no ícone <strong>Bloquear </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/05/0f00085d-c9a2-49dc-afb2-d9974dc6e57d/3d9a647f-b86b-4db1-9778-1daa4258d129.png" /> para manter todos os cantos e proporções iguais.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sombra</h4><div class="collapsible-content"><div>Crie uma sombra para sua coluna. Clique na alavanca <strong>Aplicar sombra</strong> para ativar ou desativar a sombra no elemento.</div><div>Quando a alavanca estiver ativada, continue personalizando a sombra:</div><ul>
  <li><strong>Ângulo:</strong> selecione uma posição no círculo ou insira um valor.</li>  <li><strong>Distância: </strong>arraste o slider para aumentar ou diminuir a distância.</li>  <li><strong>Tamanho:</strong> arraste o slider para aumentar ou diminuir o tamanho.</li>  <li><strong>Desfoque:</strong> arraste o slider para aumentar ou diminuir o desfoque de sombra.</li>  <li><strong>Opacidade e cor: </strong>selecione uma cor e arraste o slider para aumentar ou diminuir a opacidade da sombra.</li></ul></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/262c2d31-dd28-417b-9dee-c46ec48161a0/4eb61d20-c4b2-4708-bc0b-c9cb64c04464.png" alt="Uma captura de tela das configurações de design das colunas no Editor Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é o próximo passo?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-redimensionando-suas-colunas" target="">Ajuste o espaçamento</a> e o tamanho das colunas. </li>  <li>Saiba mais sobre como gerenciar suas <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-faixas-e-colunas-no-seu-site-mobile" target="">colunas no seu site mobile</a>.</li></ul></div></div></div>

As colunas são uma ótima maneira de mostrar informações importantes do site. Você pode fazer isso ao adicionar uma faixa ao seu site e organizar seu texto em colunas simples e estruturadas. Projete su...

Editor Wix: criar colunas de texto

<div data-component-type="text"><div>As colunas são uma ótima maneira de mostrar informações importantes do site. Você pode fazer isso ao adicionar uma faixa ao seu site e organizar seu texto em colunas simples e estruturadas. Projete suas colunas para ter o mesmo tamanho ou personalize as proporções de cada coluna individualmente.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/13/cc85f433-9943-4b95-8b2b-4547e902b9f7/44e56ca0-c443-4e74-a996-2e9767a39236.png" alt="Captura de tela do site exibindo faixas com 3 colunas." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-split-your-strip-into-columns" level="3">Etapa 1 | Divida sua faixa em colunas</h2></div><div data-component-type="text"><div>Primeiro, divida sua faixa na quantidade desejada de colunas. Você pode ter até cinco colunas.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/8ab8ae2e-320a-4d35-9d92-01f73545f907/a767f629-465d-4640-8c39-b1d7c0e6fc59.png" alt="Captura de tela do painel Gerenciar colunas no Editor Wix." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para dividir sua faixa em colunas:</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 na faixa relevante. </li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Clique em <strong>Adicionar coluna</strong>.</li>  <li>(Opcional) Clique em <strong>Gerenciar colunas</strong> e em <strong>Adicionar coluna</strong> para adicionar mais colunas.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-resize-your-columns" level="3">Etapa 2 | Redimensione suas colunas</h2></div><div data-component-type="text"><div>Ajuste as proporções da coluna para se adequar à quantidade de texto que você deseja mostrar. Você pode escolher entre uma de nossas predefinições de proporções de coluna ou criar um layout personalizado.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Se você tiver 5 colunas, não é possível personalizar suas proporções. Elas são sempre distribuídas igualmente.</div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/cb5fae53-9044-4020-b173-c49ad8c0591c/49c0e88a-3d40-4616-b781-8dedc4f7e8a8.png" alt="Captura de tela das opções de proporção de layout de faixa no Editor Wix." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para redimensionar suas colunas:</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 na faixa relevante.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Clique em um layout em <strong>Proporções da coluna.</strong></li>  <li>Clique em <strong>Personalizar proporções</strong> e personalize o layout arrastando as bordas da coluna.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-text-to-your-columns" level="3">Etapa 3 | Adicione texto às suas colunas</h2></div><div data-component-type="text"><div>Em seguida, adicione um elemento de texto ao seu site. Depois, redimensione o elemento usando as alças de arrastar e solte-o no lugar desejado da coluna.</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/9a007a81-a575-4af6-af73-b957f6f89517/c9b3a6fb-b8b0-47d1-a394-240d34679300.gif" alt="GIF do elemento de texto sendo anexado à coluna no Editor Wix" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar texto às suas colunas:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-e-editando-texto" target="">Adicione um elemento de texto</a> ao site.</li>  <li>Redimensione o elemento de texto para que ele se encaixe completamente dentro das bordas da coluna.</li>  <li>Clique e arraste o elemento de texto para a posição escolhida na coluna.</li>  <li>Solte o elemento de texto quando vir<strong> Anexar à coluna</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Certifique-se de que seu texto seja colocado nas linhas de grade de cada coluna para garantir que o texto seja visível em todos os dispositivos.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Se você não quiser que sua faixa (atrás das colunas) seja visível, torne-a transparente ao diminuir a opacidade nas configurações do background.</div></div></div></div>

Incremente o design do seu site e impressione os visitantes do site ao alterar o background de cada coluna individual. Você pode optar por um background de cor, imagem ou vídeo. Escolha entre uma vari...

Editor Wix: alterar o background das colunas

<div data-component-type="text"><div>Incremente o design do seu site e impressione os visitantes do site ao alterar o background de cada coluna individual. Você pode optar por um background de cor, imagem ou vídeo. Escolha entre uma variedade de imagens e vídeos profissionais das bibliotecas Wix ou faça upload dos seus próprios.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é a diferença entre faixas e colunas?</div><div class="info-content"><div>Você pode dividir sua faixa em colunas para organizar seu conteúdo em seções simples e de fácil entendimento.</div></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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/9117665a-2e15-460d-8cc0-27beb93a29db/be8ad0c9-e6e8-4c15-9578-f14b4853874d.gif" alt="Um GIF mostrando um exemplo de uma faixa com 4 colunas, algumas incluem backgrounds de imagem e outras mostram um background de vídeo" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-color-or-gradient-to-your-column-background" level="3">Adicionar uma cor ou gradiente ao background da coluna</h2></div><div data-component-type="text"><div>Adicione um background de cor sólida ou de gradiente à sua faixa. Você pode escolher entre as cores do seu site ou escolher a sua própria.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma cor ou gradiente ao background da coluna:</h2></div><div data-component-type="text"><ol>
  <li>Clique na coluna na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Cor</strong> e selecione uma das seguintes opções:
    <ul>
      <li><strong>Sólido:</strong> escolha uma cor para aplicar à sua faixa.</li>      <li><strong>Gradiente </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/28d70a3a-ae83-4954-8d9b-073aa3b38f20/e8713ee8-70f5-4452-9556-0a9cff5a6b1b.png" /><strong>: </strong>aplique um efeito legal ao background da faixa com um gradiente Linear, Radial ou Cônico. </li>      <li><strong>Gradiente responsivo </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/ef82e401-93f4-46ab-a657-9dfa2a826274/63c1e3a7-ec0f-4f50-8f6b-edb83e17463a.png" /><strong>:</strong> faça suas faixas se destacarem com uma malha gradiente sofisticada.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Saiba mais sobre como <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-o-background-da-faixa#adding-a-color-or-gradient-to-your-strip-background" target="">adicionar gradientes ao background da faixa</a>.</div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/13/37bee15a-5eed-4928-9a0c-3bf0c9a27306/07431f32-971e-4014-a9dd-1567b618da35.png" alt="Uma captura de tela do seletor de cores dentro do painel Background da coluna" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-image-to-your-column-background" level="3">Adicionar uma imagem ao background da sua coluna</h2></div><div data-component-type="text"><div>Adicione imagens chamativas aos backgrounds das suas colunas para manter os visitantes envolvidos enquanto eles exploram seu site. Você pode fazer upload da sua própria imagem ou selecionar entre uma grande variedade de imagens profissionais oferecidas pelo Wix.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma imagem ao background da coluna:</h2></div><div data-component-type="text"><ol>
  <li>Clique na coluna na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Imagem</strong>.</li>  <li>Selecione uma imagem no Gerenciador de Mídia ou clique em <strong>Upload de mídia</strong> para fazer upload da sua própria.</li>  <li>Clique em <strong>Alterar background</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/09ac32fa-a7f9-4371-b538-5826deb94918/a6b99369-4b0b-42ae-9678-2a5135d8f089.png" alt="Uma coluna com um background de imagem, ao lado do painel Background da coluna" /></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>Você pode definir uma imagem adicionada à coluna como background ao selecionar a imagem e, em seguida, clicar no ícone Definir imagem como background <img data-composite="true" src="https://lh7-us.googleusercontent.com/YEVLofEBhLGpsMeS2d4zcI-mKCuJb1U_hXNRPjL-jH19P47FS3gR3RhY5PqfZ1-POyM_t1EhVwDxkndKMvghDi6S9iFNa-14qPIOr0S7WBvzH0Fpadx6POTXvyHhjSWdONNAhZQrsQYsZDjDa_3Raic" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-video-to-your-column-background" level="3">Adicionar um vídeo ao background da sua coluna</h2></div><div data-component-type="text"><div>Aumente o encanto visual do seu site, assim como a experiência dos seus visitantes, ao adicionar vídeos atrativos aos backgrounds da sua coluna. Você pode fazer upload da sua própria imagem ou selecionar entre uma grande variedade de vídeos profissionais oferecidos pelo Wix.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um vídeo ao background da sua coluna:</h2></div><div data-component-type="text"><ol>
  <li>Clique na coluna na faixa no seu editor.</li>  <li>Clique em <strong>Alterar background</strong>.</li>  <li>Clique em <strong>Vídeo</strong>.</li>  <li>Selecione um vídeo no Gerenciador de Mídia ou clique em <strong>Upload de mídia</strong> para fazer upload do seu próprio vídeo.</li>  <li>Clique em <strong>Alterar background</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/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/3c240fce-5321-493c-aaf3-80437f375dc1/aa6a4596-58f4-4c1a-87a2-44a857a82142.png" alt="Uma captura de tela de uma coluna ao lado do painel Background da coluna" /></div></div>

As faixas são uma excelente forma de construir um site. Você pode dividi-las em seções ao adicionar colunas e anexar qualquer elemento a elas, incluindo imagens, texto, vídeos e galerias.Dicas:
  Ao a...

Editor Wix: anexar elementos a faixas e colunas

<div data-component-type="text"><div>As faixas são uma excelente forma de construir um site. Você pode dividi-las em seções ao adicionar colunas e anexar qualquer elemento a elas, incluindo imagens, texto, vídeos e galerias.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dicas:</div><div class="info-content"><ul>
  <li>Ao anexar elementos a uma faixa ou coluna, as camadas do editor podem fazer com que eles fiquem ocultos atrás da faixa/coluna. Para visualizar e selecionar elementos ocultos, clique com o botão direito na área e use o recurso <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-visualizando-e-selecionando-elementos-sobrepostos" target="">Itens sobrepostos</a>.</li>  <li>Pode ser necessário mover sua <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-movendo-elementos-para-frente-ou-para-trás" target="">faixa ou coluna para trás e seus elementos para frente</a> para anexar à faixa/coluna.</li></ul>   </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-strip" level="3">Anexar elementos a uma faixa</h2></div><div data-component-type="text"><div>Depois de adicionar elementos à sua faixa, eles são anexados a ela e você pode movê-la com os elementos.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Antes de começar: </div><div class="info-content"><div>Certifique-se de que o elemento caiba dentro da faixa (redimensione-o, se necessário).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para anexar elementos à faixa:</h2></div><div data-component-type="text"><ol>
  <li>Clique e arraste o elemento sobre a faixa.</li>  <li>Solte o elemento quando vir <strong>Anexar à faixa</strong>.<br /> <strong>Observação: </strong>certifique-se de anexar elementos dentro das <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-linhas-de-grade-do-editor" target="">linhas de grade</a> da faixa para que sejam exibidos em telas menores.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/f0b302a5-7466-48a9-8fe3-d8aa7c732bf3/128958b4-981c-4873-bc0f-7f26458b2b31.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Para separar um elemento de uma faixa, clique e arraste o elemento completamente para fora da faixa. Se você quiser excluir uma faixa sem excluir os elementos dentro, arraste-os para fora da faixa antes de excluí-la.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-column" level="3">Anexar elementos a uma coluna</h2></div><div data-component-type="text"><div>Dividir uma faixa em colunas permite que você aplique designs diferentes e mostre um conteúdo diferente em cada coluna. Depois de adicionar colunas à sua faixa, você pode anexar elementos às colunas.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Antes de começar: </div><div class="info-content"><div>Certifique-se de que o elemento caiba dentro da coluna (redimensione-o, se necessário).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para anexar elementos a uma coluna:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-dividir-uma-faixa-em-colunas" target="">Divida uma faixa em colunas</a>.</li>  <li>Clique e arraste o elemento sobre a coluna.</li>  <li>Solte o elemento quando vir<strong> Anexar à coluna</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/ec79e640-9757-42ad-aa1e-bd83f02b5fbd/4ba682c6-7b41-4efc-bfe0-b1c58ec03736.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Para tirar um elemento de uma coluna, clique e arraste o elemento para fora da coluna. Se você quiser excluir uma coluna sem excluir os elementos dentro, arraste-os para fora da faixa antes de excluí-la.</div></div></div></div>

Adicione separadores de forma às suas faixas e seções para criar um layout interessante e elegante. Em vez de usar linhas retas para dividir o conteúdo, escolha uma forma (por exemplo: Elipse, Ondas) ...

Editor Wix: adicionar e personalizar separadores de forma

<div data-component-type="text"><div>Adicione separadores de forma às suas faixas e seções para criar um layout interessante e elegante. Em vez de usar linhas retas para dividir o conteúdo, escolha uma forma (por exemplo: Elipse, Ondas) ou faça upload da sua própria. Esses separadores podem ficar na parte superior e inferior de uma seção, e você pode personalizar seu design como quiser.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/52be9d66-5c9b-4a5c-b182-06f2e4f68770/58528999-be9d-43ff-a5c6-0cd22bf27062.png" alt="Um separador de forma em um site online." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Antes de começar:</div><div class="info-content"><div>Certifique-se de <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-uma-faixa" target="">adicionar e configurar a faixa</a> primeiro.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-shape-divider" level="3">Adicionar um separador de forma</h2></div><div data-component-type="text"><div>Comece adicionando um separador de forma à sua seção ou faixa. Você pode adicionar o separador na parte superior ou inferior da sua faixa/seção, ou em ambas. </div></div><div data-component-type="text"><div>Há uma variedade de formas que você pode escolher, assim como designs adicionais no catálogo do Wix Media. Você também pode fazer upload da sua própria forma para dar um toque pessoal a essa transição.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um separador de forma à sua seção ou faixa:</h2></div><div data-component-type="text"><ol>
  <li>Selecione sua seção ou faixa:
    <ul>
      <li>(Para faixas) Clique na faixa no seu editor.</li>      <li>(Para seções) Clique duas vezes na seção no seu editor.</li>    </ul>  </li>  <li>Clique no ícone <strong>Separadores de forma</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Clique na aba <strong>Topo</strong> ou <strong>Inferior</strong> para escolher onde adicionar o separador.</li>  <li>Selecione um separador para adicionar:
    <ul>
      <li><strong>Designs sugeridos:</strong> clique em um dos estilos disponíveis no painel.</li>      <li><strong>Designs adicionais oferecidos pelo Wix:</strong>
        <ol>
          <li>Clique em <strong>+</strong> <strong>Mais formas</strong>.</li>          <li>(No Gerenciador de Mídia) Selecione um design na aba <strong>Mídia do Wix</strong>.</li>          <li>Clique em <strong>Escolher arquivo</strong> para aplicá-lo.</li>        </ol>      </li>      <li><strong>Seu próprio separador de forma:</strong>
        <ol>
          <li>Clique em <strong>+ Mais formas</strong>.</li>          <li>(No Gerenciador de Mídia) Selecione a forma que deseja usar na aba <strong>Arquivos do site</strong> ou faça upload de uma nova.</li>          <li>Clique em <strong>Escolher arquivo</strong> para aplicá-lo.</li>        </ol>      </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/5bb8cfc6-e8ea-400b-ba8b-2107ccd0cda5/8e5c7b01-3a24-4b7f-8801-81e769c6276f.jpg" alt="O painel Separador de forma no Editor. Uma forma de skyline foi selecionada." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-shape-divider" level="3">Personalizar seu separador de forma</h2></div><div data-component-type="text"><div>Após adicionar um separador, você pode personalizar o design como preferir. Ajuste a altura, cor, opacidade e camadas para personalizar a transição e torná-la exatamente como você deseja.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>As opções disponíveis dependem do separador de forma que você escolher.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar seu separador de forma:</h2></div><div data-component-type="text"><ol>
  <li>Selecione sua seção ou faixa:
    <ul>
      <li>(Para faixas) Clique na faixa no seu editor.</li>      <li>(Para seções) Clique duas vezes na seção no seu editor.</li>    </ul>  </li>  <li>Clique no ícone <strong>Separadores de forma</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Clique na aba <strong>Topo</strong> ou <strong>Inferior</strong> para acessar o separador que você deseja personalizar.</li>  <li>Clique em <strong>Personalizar design</strong> na parte inferior.</li>  <li>Escolha como você deseja ajustar a aparência do seu separador de forma:
    <ul>
      <li><strong>Opacidade e cor:</strong> escolha a cor que você deseja para o seu separador e torne-o mais ou menos visível na seção ou faixa.</li>      <li><strong>Altura:</strong> defina o quão alto ou baixo você deseja que o separador fique em sua seção ou faixa.</li>      <li><strong>Recuo horizontal:</strong> reposicione seu separador de forma, movendo-o para a esquerda ou para a direita.</li>      <li><strong>Efeito de camada:</strong> clique na alavanca para adicionar um efeito gradual ao separador e selecione uma direção no menu dropdown:
        <ul>
          <li><strong>Centralizado:</strong> o efeito é visível em todo o separador.</li>          <li><strong>Desaparecer para cima:</strong> o efeito diminui em direção à parte superior do separador.</li>          <li><strong>Desaparecer para baixo:</strong> o efeito diminui em direção à parte inferior do separador.</li>        </ul>      </li>      <li><strong>Inverter:</strong> inverta a forma do separador (verticalmente).</li>      <li><strong>Virar:</strong> defina o separador para ser exibido no sentido oposto (horizontal) na sua faixa/seção.</li>      <li><strong>Quantidade de repetições:</strong> defina quantas vezes o padrão se repete no separador.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/a7f0e68c-8dd1-4163-8f02-19e52d3023ae/b951c5a2-8ec1-4287-a8fb-eb5fdeb17e5e.jpg" alt="O painel Personalizar design para um separador de forma no Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-custom-shape-divider" level="3">Criar um separador de forma personalizado</h2></div><div data-component-type="text"><div>Quando você faz upload do seu próprio separador de forma, você pode usar uma variedade de opções para personalizá-lo ainda mais. Ajuste configurações como cor, visibilidade e escala do separador para criar uma estrutura e design exclusivos em sua página.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Observação:</div><div class="info-content"><div>As opções de design disponíveis para o seu separador personalizado dependem do arquivo específico que você carrega.</div><div><br /></div><div>Para personalizar o design do seu arquivo SVG, o arquivo precisa:</div><ul>
  <li>Ser uma forma fechada.</li>  <li>Conter apenas um nível de opacidade (transparência).</li>  <li>Não conter nenhum texto, traços, gradientes, filtros, etc.</li></ul><div><br /></div><div>Além disso, você só pode alterar a cor dos arquivos SVG que tenham a cor RGB = #000000 (preto).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o design do seu próprio separador de forma:</h2></div><div data-component-type="text"><ol>
  <li>Selecione sua seção ou faixa:
    <ul>
      <li>(Para faixas) Clique na faixa no seu editor.</li>      <li>(Para seções) Clique duas vezes na seção no seu editor.</li>    </ul>  </li>  <li>Clique no ícone <strong>Separadores de forma</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Clique na aba <strong>Topo</strong> ou <strong>Inferior</strong> para acessar o separador que você deseja personalizar.</li>  <li>Clique em <strong>Personalizar design</strong> na parte inferior.</li>  <li>Escolha como você deseja ajustar a aparência do seu separador de forma:
    <ul>
      <li><strong>Opacidade e cor:</strong> escolha a cor que você deseja para o seu separador e torne-o mais ou menos visível na seção ou faixa.</li>      <li><strong>Como o separador está dimensionado?:</strong> selecione se deseja que o padrão do separador se estenda por toda a faixa/seção ou se repita.</li>      <li><strong>Altura:</strong> defina o quão alto ou baixo você deseja que o ponto mais alto do separador fique na sua faixa ou seção.</li>      <li><strong>Recuo horizontal: </strong>defina o deslocamento do separador a partir dos lados da seção/faixa.</li>      <li><strong>Virar:</strong> defina o separador para exibir no sentido oposto (horizontal) na sua faixa ou seção.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/03/06/14eaa300-24a9-46d6-8299-7fe3be3e7f5f/800fa520-ff6a-44d6-afdb-4bbecfbf075d.png" alt="O painel de design de um separador de forma em uma seção." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="text"><div>Clique nas perguntas abaixo para saber mais. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Que tipo de separador de forma personalizado posso fazer upload?</h4><div class="collapsible-content"><div>Só é possível fazer upload e usar arquivos SVG como separadores de forma em seu site. Arquivos PNG e JPG não são suportados.</div><div><br /></div><div>Ao fazer upload do seu arquivo SVG, tenha em mente que:</div><ul>
  <li>Os arquivos SVG que você faz upload não podem ter mais de 250 KB.</li>  <li>O tamanho da proporção recomendada para seus próprios arquivos SVG é uma largura de 1920px e uma altura entre 50 a 300px.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Os separadores de forma são responsivos?</h4><div class="collapsible-content"><div>Alguns designs de separador de forma são totalmente responsivos, o que significa que eles se ajustam ao tamanho das telas dos visitantes.</div><div><br /></div><div>Designs mais complexos (como New York Skyline e Fundo do mar) não podem esticar sem perder suas proporções, então eles são automaticamente redimensionados/cortados para o tamanho da tela.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso adicionar separadores às colunas em uma faixa?</h4><div class="collapsible-content"><div>Não é possível adicionar separadores de forma às colunas. No entanto, você pode adicionar colunas a faixas que têm separadores de forma.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como eles funcionam no mobile?</h4><div class="collapsible-content"><div>Os separadores de forma são transferidos automaticamente para o seu site mobile e são fixados em 50px.</div><div><br /></div><div>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-separadores-de-forma-no-seu-site-mobile" target="">personalizar os separadores que você adicionou a partir do editor desktop</a> para criar conteúdo exclusivo para visitantes no mobile. No entanto, não é possível adicionar separadores somente para mobile através painel <strong>Adicionar ao mobile</strong>.</div></div></div></div>

Separadores de forma são formas gráficas que você pode usar para criar transições únicas e fluidas entre faixas e seções. Existem muitos designs e opções de personalização disponíveis, para que você p...

Editor Wix: sobre separadores de forma

<div data-component-type="text"><div>Separadores de forma são formas gráficas que você pode usar para criar transições únicas e fluidas entre faixas e seções. Existem muitos designs e opções de personalização disponíveis, para que você possa realmente personalizar seu layout e criar páginas atraentes.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/19/5fe1c5ed-2be2-433e-8715-9f40fd4ce5a4/0f44a4f7-78c8-47db-8e34-5b7aad38364c.gif" alt="um GIF mostrando separadores de forma em um site online." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enhance-the-design-of-your-sections-and-strips" level="3">Melhorar o design de suas seções e faixas</h2></div><div data-component-type="text"><div>Separadores de forma são formas gráficas que você pode aplicar na parte superior e/ou inferior da sua faixa ou seção para adicionar um toque profissional e exclusivo. Como eles dividem as seções/faixas na sua página, você pode usar separadores de forma para criar a transição perfeita entre partes do conteúdo.</div></div><div data-component-type="text"><div>Quer você prefira ângulos impactantes e bem definidos, ou formas suaves e fluidas, temos diversos designs para você. No Gerenciador de Mídia, você pode encontrar formas e padrões ainda mais complexos.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/19/946b8cf8-817f-4694-b968-7f366dcb535f/ae222303-7d4a-4acf-a550-b782d7d73c8a.png" alt="O catálogo do wix media mostrando designs adicionais de separadores de forma" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="use-your-own-unique-shapes" level="3">Usar suas próprias formas exclusivas</h2></div><div data-component-type="text"><div>Além de nossas formas sugeridas, você também pode fazer upload de seus próprios separadores personalizados. Separadores de forma personalizados são uma ótima maneira de reforçar sua marca e adicionar um toque pessoal ao seu conteúdo. </div></div><div data-component-type="text"><div>Escolha um arquivo do seu computador ou exporte um arquivo de um software de edição vetorial. Após adicionar seu arquivo, você pode ajustar o design para que fique exatamente como você deseja.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/037421f8-6db0-4e5e-ae18-5f344ad39049/fefd3f0e-e430-4601-b4ed-54615cc03297.gif" alt="Um GIF mostrando um arquivo SVG do site sendo adicionado como um separador de forma e sendo editado." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="personalize-the-shape-divider" level="3">Personalizar o separador de forma</h2></div><div data-component-type="text"><div>Depois de selecionar um separador, <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-personalizar-separadores-de-forma" target="">ajuste seu design</a> para criar layouts impressionantes e simplificados. Você pode usar as opções de design para complementar o tema da sua faixa ou seção ou destacar seu conteúdo. Escolha a cor, defina a visibilidade e altere sua posição para que fique como você deseja. </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/a9701ff4-7e6f-4fe3-87b4-9a0caa33acf6/ff555398-15d6-4047-82d8-cf4c9402d5ae.png" alt="O painel de design do separador de forma. O cursor está passando sobre o dropdown" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Os separadores de forma são responsivos?</h4><div class="collapsible-content"><div>Alguns designs de separador de forma são totalmente responsivos, o que significa que eles se ajustam ao tamanho das telas dos visitantes.</div><div><br /></div><div>Designs mais complexos (como New York Skyline e Fundo do mar) não podem esticar sem perder suas proporções, então eles são automaticamente redimensionados/cortados para o tamanho da tela.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Que tipo de separador de forma personalizado posso fazer upload?</h4><div class="collapsible-content"><div>Só é possível fazer upload e usar arquivos SVG como separadores de forma em seu site. Arquivos PNG e JPG não são suportados.</div><div><br /></div><div>Ao fazer upload do seu SVG, tenha em mente o seguinte:</div><ul>
  <li>Os arquivos SVG que você carregar não devem ser maiores que 250KB.</li>  <li>O tamanho da proporção recomendada para seus próprios arquivos SVG é uma largura de 1920px e uma altura entre 50 a 300px.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso personalizar o design dos meus próprios arquivos?</h4><div class="collapsible-content"><div>Sim. As opções de design disponíveis para o seu separador personalizado dependem do arquivo específico que você carrega.</div><div><br /></div><div>Para personalizar o design do seu SVG, o arquivo precisa:</div><ul>
  <li>Ser uma forma fechada.</li>  <li>Conter apenas um nível de opacidade (transparência).</li>  <li>Não conter nenhum texto, traços, gradientes, filtros, etc.</li></ul><div><br /></div><div>Além disso, você só pode alterar a cor de arquivos SVG da cor RGB = #000000 (preto). <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-personalizar-separadores-de-forma#customizing-a-custom-shape-divider" target="">Saiba como personalizar separadores de forma</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso adicionar separadores às colunas em uma faixa?</h4><div class="collapsible-content"><div>Não é possível adicionar separadores de forma às colunas. No entanto, você pode adicionar colunas a faixas que têm separadores de forma.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como eles funcionam no mobile?</h4><div class="collapsible-content"><div>Os separadores de forma são transferidos automaticamente para o seu site mobile e são fixados em 50px.</div><div><br /></div><div>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-separadores-de-forma-no-seu-site-mobile" target="">personalizar os separadores que você adicionou a partir do editor desktop</a> para criar conteúdo exclusivo para visitantes no mobile. No entanto, não é possível adicionar separadores somente para mobile através painel <strong>Adicionar ao mobile</strong>.</div></div></div></div>

 Atualmente, não é possível fazer o conteúdo desaparecer quando os visitantes rolam para baixo no site.No entanto, você pode configurar um background em faixa que desaparece ao rolar o mouse criando u...

Pedido Editor Wix: fazer o conteúdo desaparecer ao rolar o mouse

<div data-component-type="text"><div> Atualmente, não é possível fazer o conteúdo desaparecer quando os visitantes rolam para baixo no site.</div><div><br /></div></div><div data-component-type="text"><div>No entanto, você pode configurar um background em faixa que desaparece ao rolar o mouse criando um efeito similar. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-aplicar-efeitos-de-rolagem-do-background-à-faixa" target="">Saiba como</a></div></div><div data-component-type="text"><div><br />
Estamos sempre trabalhando para atualizar e melhorar os nossos produtos e seu feedback será extremamente apreciado. </div><div><br />
 Se este é um recurso que você gostaria de ver no futuro, por favor clique em <strong>Vote nesse recurso</strong> e iremos nos certificar de mantê-lo atualizado. </div></div>

Atualmente, não é possível adicionar e personalizar interações ao passar o mouse em faixas e colunas.Como alternativa, você pode adicionar conteúdo e interações ao passar o mouse para caixas de contêi...

Pedido Editor Wix: adicionar interações ao passar o mouse em faixas e colunas

<div data-component-type="text"><div>Atualmente, não é possível adicionar e personalizar interações ao passar o mouse em faixas e colunas.</div></div><div data-component-type="text"><div>Como alternativa, você pode adicionar conteúdo e interações ao passar o mouse para caixas de contêiner em seu site. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-e-configurando-uma-interação-ao-passar-o-mouse" target="">Saiba como</a></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Atualmente, não é possível ajustar o raio dos cantos em faixas ou colunas.Como alternativa, você pode exibir o conteúdo com caixas de contêiner e ajustar o raio do canto no painel de design. Saiba mai...

Pedido Editor Wix: ajustar o raio dos cantos em faixas e colunas

<div data-component-type="text"><div>Atualmente, não é possível ajustar o raio dos cantos em faixas ou colunas.</div></div><div data-component-type="text"><div>Como alternativa, você pode exibir o conteúdo com caixas de contêiner e ajustar o raio do canto no painel de design. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-uma-caixa#customizing-your-box-design" target="">Saiba mais</a></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Atualmente, não é possível dividir colunas que você adicionou em faixas.Dividir colunas permite que você edite cada parte separadamente, como mostrado na imagem abaixo.Como alternativa, você pode anex...

Pedido Editor Wix: dividir colunas em faixas

<div data-component-type="text"><div>Atualmente, não é possível dividir colunas que você adicionou em faixas.</div></div><div data-component-type="text"><div>Dividir colunas permite que você edite cada parte separadamente, como mostrado na imagem abaixo.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/15/0f56ddf4-fb6a-4e08-8be0-c88735ce9cc6/25f5fefd-e337-4232-bdf7-0af58ed96db2.png" /></div></div><div data-component-type="text"><div>Como alternativa, você pode anexar elementos como linhas e texto a diferentes partes da coluna para dar a impressão de que eles estão divididos. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-anexando-elementos-a-uma-faixa#attaching-elements-to-a-column" target="">Saiba como</a></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Atualmente, o Wix não suporta a adição e personalização de sombras em faixas e colunas em seu site.No entanto, existem muitas opções de design disponíveis para faixas e colunas, como alterar o backgro...

Pedido Editor Wix: adicionar sombras em faixas e colunas

<div data-component-type="text"><div>Atualmente, o Wix não suporta a adição e personalização de sombras em faixas e colunas em seu site.</div></div><div data-component-type="text"><div>No entanto, existem muitas opções de design disponíveis para faixas e colunas, como alterar o background e escolher configurações de rolagem. <a data-composite="true" href="https://support.wix.com/pt/the-wix-editor/strips-columns" target="">Saiba mais</a></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Atualmente, o Wix não suporta a adição e personalização de bordas em faixas e colunas.Como alternativa, você pode adicionar linhas às bordas de suas faixas e colunas no painel Adicionar à esquerda. Es...

Pedido Editor Wix: adicionar bordas às faixas e colunas

<div data-component-type="text"><div>Atualmente, o Wix não suporta a adição e personalização de bordas em faixas e colunas.</div></div><div data-component-type="text"><div>Como alternativa, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-formas-e-linhas-decorativas" target="">adicionar linhas</a> às bordas de suas faixas e colunas no painel <strong>Adicionar</strong> à esquerda. </div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Atualmente, não é possível que as faixas ajustem automaticamente sua altura para diferentes janelas de visualização ou tamanhos de tela (como dispositivos móveis).No entanto, você pode diminuir ou aum...

Pedido Editor Wix: ajustar automaticamente a altura de uma faixa para caber em diferentes janelas de visualização

<div data-component-type="text"><div>Atualmente, não é possível que as faixas ajustem automaticamente sua altura para diferentes janelas de visualização ou tamanhos de tela (como dispositivos móveis).</div></div><div data-component-type="text"><div>No entanto, você pode diminuir ou aumentar sua faixa no Editor mobile clicando e arrastando as alças de esticar. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-faixas-e-colunas-no-seu-site-mobile#strips-on-your-mobile-site" target="">Clique aqui para saber como</a> </div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

Você pode personalizar seus separadores de forma nas faixas e seções ao ajudar configurações como camadas e opacidade, além de alterar sua cor. No entanto, não é possível adicionar um gradiente a um s...

Pedido Editor Wix: adicionar gradientes aos separadores de forma

<div data-component-type="text"><div>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-personalizar-separadores-de-forma#customizing-your-shape-divider" target="">personalizar seus separadores de forma</a> nas faixas e seções ao ajudar configurações como camadas e opacidade, além de alterar sua cor. No entanto, não é possível adicionar um gradiente a um separador de forma em uma faixa/seção.</div></div><div data-component-type="text"><div>Como alternativa, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-o-background-da-faixa" target="">adicionar um gradiente a um background de faixa ou seção</a> e ajustar a opacidade do separador para que o gradiente fique mais visível. </div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div>

As páginas do seu site não têm um tamanho predeterminado e elas ajustam automaticamente seu comprimento para acomodar o conteúdo que você adiciona a elas. Isso garante que suas informações e elementos...

Editor Wix: alterar o comprimento da página

<div data-component-type="text"><div>As páginas do seu site não têm um tamanho predeterminado e elas ajustam automaticamente seu comprimento para acomodar o conteúdo que você adiciona a elas. Isso garante que suas informações e elementos não sejam cortados em seu site online.</div></div><div data-component-type="text"><div>Você pode alterar manualmente o comprimento de suas páginas para torná-las mais longas ou mais curtas, dependendo do layout e do conteúdo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-page-length" level="3">Alterar o comprimento da página</h2></div><div data-component-type="text"><div>Redimensione sua página com a alça Altura da página no editor. Você pode encontrar essa opção em diferentes lugares do seu site, dependendo se você tem ou não um rodapé nessa página. </div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a altura de uma página que tem um rodapé:</h2></div><div data-component-type="text"><ol>
  <li>Clique no seu rodapé.</li>  <li>Clique e arraste a alça <strong>Ajustar altura da página</strong> na parte superior do rodapé para a posição desejada.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/551fd3aa-9d04-454e-9699-be341f2186aa/b7f9f6ed-ad48-4885-9acd-54b37b120b86.gif" alt="Uma página com um rodapé sendo redimensionada com a alça de altura da página." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a altura de uma página sem rodapé:</h2></div><div data-component-type="text"><ol>
  <li>Clique na sua página.</li>  <li>Clique e arraste a alça <strong>Ajustar altura da página</strong> na parte inferior da página para a posição desejada.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/3240e795-27e4-4311-ab27-166702c52513/f86716dd-3c09-493f-80de-b0d88ecdbf8d.gif" alt="Uma página sem um rodapé sendo redimensionada com a alça de altura da página." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Essa opção só estará disponível se você tiver escolhido o <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">layout Sem cabeçalho e rodapé</a> para sua página.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Cada página pode ter um comprimento diferente?</h4><div class="collapsible-content"><div>As páginas do seu site podem ter comprimentos diferentes. Isso também se aplica ao seu site mobile.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso redefinir a altura da minha página?</h4><div class="collapsible-content"><div>Com certeza. Basta clicar duas vezes na alça <strong>Ajustar altura da página</strong> para redefinir a altura da página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Estou clicando na alça de altura da página, mas ela não está se movendo. Por que não?</h4><div class="collapsible-content"><div>Se a sua página não for redimensionada, pode haver um elemento que está atrapalhando. Por exemplo, você não pode encurtar uma página se isso for cortar um elemento na parte inferior da página. Para redimensionar o comprimento da página, você precisa mover ou <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-elementos-ao-seu-site#deleting-elements-from-your-site" target="">excluir</a> o elemento primeiro.</div><div><br /></div><div><strong>Observação:</strong> se você não conseguir encontrar o elemento, você pode usar o <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">painel Camadas</a> para localizá-lo.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Quais são os comprimentos mínimo e máximo que minha página pode ter?</h4><div class="collapsible-content"><div>Sua página pode ter no mínimo 500 pixels e no máximo 60.000 pixels.</div><div>Páginas com mais conteúdo demoram mais para carregar do que aquelas com menos conteúdo e elementos. Portanto, se você tiver muito conteúdo em seu site, recomendamos dividi-lo e exibi-lo em várias páginas.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Redimensionei minha página, mas agora há um espaço entre a página e o rodapé. O que eu faço?</h4><div class="collapsible-content"><div>Você pode remover espaços entre sua página e o rodapé ajustando o comprimento da página novamente ou alterando o design da página. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-remover-o-espaço-entre-o-rodapé-e-o-conteúdo-da-página#gaps-between-the-page-content-and-footer" target="">Saiba mais sobre como remover espaços entre uma página e um rodapé</a></div></div></div></div>

O cabeçalho aparece na parte superior do site, em todas as páginas. Ele dá aos visitantes a primeira impressão do site e geralmente contém informações e elementos importantes.Adicione conteúdo importa...

Editor Wix: sobre o cabeçalho do site

<div data-component-type="text"><div>O cabeçalho aparece na parte superior do site, em todas as páginas. Ele dá aos visitantes a primeira impressão do site e geralmente contém informações e elementos importantes.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/ba7c5e1d-9ef5-4388-9d11-6067412f2299/6352dc77-01fa-477e-be41-82486ff9d470.png" alt="Um site Wix online. O cabeçalho é destacado por um quadrado laranja." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="add-important-content-to-your-header" level="3">Adicione conteúdo importante ao seu cabeçalho</h2></div><div data-component-type="text"><div>Como o cabeçalho é a primeira coisa que seus visitantes veem, é importante otimizá-lo para sua marca ou negócio. Uma das melhores maneiras de fazer isso é adicionando informações e elementos relevantes.</div><div><br /></div><div>Recomendamos adicionar o título do site, o logo da empresa e o menu do site ao cabeçalho. O título e o logo reforçam sua marca, enquanto o menu permite que os visitantes naveguem com facilidade.</div></div><div data-component-type="text"><div>Além de elementos comuns, você também pode adicionar recursos de aplicativos que você adicionou ao seu site. Por exemplo, se você tiver Wix Stores, pode adicionar o ícone do carrinho ao cabeçalho. Adicionar esses elementos ao cabeçalho significa que seus visitantes sempre podem acessar informações importantes, independente da página em que estão. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-o-conteúdo-nas-páginas-do-seu-site#attaching-elements-to-the-header" target="">Saiba como adicionar elementos ao cabeçalho do site</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/e0ad7204-8f42-4d4c-bce8-46fd7c62ae10/d665ee31-c3a7-4238-912d-0223ec8756a6.png" alt="O cabeçalho do site no Editor. O cabeçalho e seus elementos são destacados." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-your-header-to-suit-your-site" level="3">Personalize o cabeçalho para se adequar ao seu site</h2></div><div data-component-type="text"><div>Além de adicionar elementos ao cabeçalho, também recomendamos personalizá-lo para se adequar ao tema e à paleta de cores do seu site. Existem várias maneiras de personalizar seu cabeçalho:</div></div><div data-component-type="text"><ul>
  <li><strong>Escolher e personalizar o design:</strong> você pode escolher entre uma série de predefinições de design e personalizar configurações como cor, borda e cantos para deixá-lo como quiser.</li>  <li><strong>Redimensionar o cabeçalho:</strong> se você achar que seu cabeçalho não está do tamanho certo, você sempre pode aumentá-lo ou diminuí-lo usando a alça de esticar.</li>  <li><strong>Adicionar um efeito de rolagem:</strong> escolha entre uma série de efeitos de rolagem incríveis para criar um efeito atraente e pessoal para o seu site.</li></ul></div><div data-component-type="text"><div>Personalizar seu cabeçalho pode garantir que você cause uma impressão duradoura nos visitantes do seu site e incentivá-los a continuar navegando em seu site para saber mais sobre sua marca ou negócio. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-as-configurações-de-rolagem-do-cabeçalho" target="">Saiba como personalizar o cabeçalho do seu site</a></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/9713e241-ca66-4dd6-9e85-389c5f17635f/0558fcd4-0221-4e36-bc17-bfda5238ca80.png" alt="O painel" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso excluir o cabeçalho do meu site?</h4><div class="collapsible-content"><div>Não é possível excluir o cabeçalho do seu site, no entanto, você pode alterar o layout para um que não tem cabeçalho ou rodapé. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">Saiba como alterar o layout da página</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso ocultar meu cabeçalho em páginas específicas?</h4><div class="collapsible-content"><div>Você pode ocultar o cabeçalho e o rodapé do site de páginas específicas ao alterar o layout da página. Não é possível ocultar apenas o cabeçalho e não o rodapé. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">Saiba como ocultar o cabeçalho e o rodapé</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso mover o cabeçalho do topo da minha página?</h4><div class="collapsible-content"><div>Não é possível mover o cabeçalho para uma parte diferente da página do site. No entanto, você pode redimensioná-lo ao clicar e arrastar as alças de arrastar. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-as-configurações-de-rolagem-do-cabeçalho#resizing-your-header" target="">Saiba como redimensionar seu cabeçalho</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elementos estão desaparecendo do cabeçalho do meu site. O que eu faço?</h4><div class="collapsible-content"><div>Os elementos podem desaparecer ou ficar para trás do cabeçalho do site se ele tiver o efeito de rolagem &quot;Congela&quot; ou se os elementos não estiverem definidos para serem exibidos em todas as páginas. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-remover-o-espaço-entre-o-rodapé-e-o-conteúdo-da-página#elements-disappearing-from-the-site-header" target="">Saiba como resolver esse problema</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo ver meu cabeçalho no painel Camadas?</h4><div class="collapsible-content"><div>O cabeçalho do seu site não é exibido no <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">painel Camadas</a> se não contiver nenhum elemento. No entanto, você ainda pode selecionar e ajustar seu cabeçalho clicando nele.</div></div></div></div>

O rodapé aparece na parte inferior do seu site, em todas as suas páginas.Como ele aparece em todas as páginas, ele geralmente apresenta conteúdo que é útil para seus visitantes onde quer que estejam e...

Editor Wix: sobre o rodapé do site

<div data-component-type="text"><div>O rodapé aparece na parte inferior do seu site, em todas as suas páginas.</div><div><br /></div><div>Como ele aparece em todas as páginas, ele geralmente apresenta conteúdo que é útil para seus visitantes onde quer que estejam em seu site, como informações de contato, links de redes sociais e informações de direitos autorais.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/29/61a2ef18-0fb8-4405-a948-5fda1d9b1c57/563c5807-3b85-4cb1-93ca-380807f94d05.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="display-useful-content-on-all-pages" level="3">Mostre um conteúdo útil em todas as páginas</h2></div><div data-component-type="text"><div>Como seu rodapé e seu conteúdo aparecem em todas as páginas do seu site, ele pode ser usado para exibir o conteúdo que você gostaria que estivesse sempre visível, como seu número comercial, informações de direitos autorais e links para suas contas de rede social.</div></div><div data-component-type="text"><div>Como o rodapé fica na parte inferior da página do site, recomendamos não colocar nenhuma informação essencial (como o menu do seu site) nele, pois os visitantes podem não vê-lo. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-o-conteúdo-nas-páginas-do-seu-site#moving-elements-to-the-footer" target="">Saiba como anexar elementos ao rodapé do seu site</a></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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/29/0172a65a-e720-44a2-9353-a19b566c6994/644a7cf9-d9de-45bb-bdd8-b075bc18b472.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer remover um elemento do rodapé?</div><div class="info-content"><div>Arraste e solte o elemento do rodapé para outra área do seu site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-your-footer-to-suit-your-site" level="3">Personalize o rodapé para se adequar ao seu site</h2></div><div data-component-type="text"><div>Personalize o rodapé para combinar com o tema do seu site ou destaque-o para criar algo atraente para seus visitantes. Existem várias maneiras de ajustar seu rodapé:</div></div><div data-component-type="text"><ul>
  <li><strong>Alterar o design:</strong> você pode ajustar a cor e os cantos, além de adicionar uma borda e sombra.</li>  <li><strong>Redimensionar o rodapé:</strong> se quiser alterar o tamanho do rodapé, você pode torná-lo mais alto ou mais curto arrastando a alça de esticar.</li>  <li><strong>Congelar a posição do rodapé:</strong> você pode congelar o rodapé para que ele fique sempre visível, mesmo se os visitantes rolarem as páginas.</li></ul></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/2024/10/18/22e8506a-d221-4a4e-8614-5c2e01b95671/09b1469e-693e-4586-818f-adcb26bfcb4e.png" alt="O painel" /></div></div><div data-component-type="text"><div>Personalizar o rodapé deixa seu site com a sua cara e destaca sua marca, até mesmo na parte inferior da página. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-congelando-seu-rodapé" target="">Saiba como personalizar o rodapé</a> </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso excluir o rodapé do meu site?</h4><div class="collapsible-content"><div>Não é possível excluir o rodapé do seu site, no entanto, você pode alterar o layout da página para uma sem cabeçalho ou rodapé. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">Saiba como alterar o layout da página</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso ocultar o rodapé em páginas específicas?</h4><div class="collapsible-content"><div>Você pode ocultar o cabeçalho e o rodapé do seu site de páginas específicas alterando o layout da página. Não é possível ocultar apenas o rodapé ou o cabeçalho. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">Saiba como ocultar o cabeçalho e o rodapé</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso mover o rodapé para cima na minha página?</h4><div class="collapsible-content"><div>Com certeza. Embora o rodapé esteja sempre na parte inferior da página, você pode diminuir o comprimento da página ao arrastar a alça <strong>Ajustar altura da página</strong>. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-redimensionando-o-comprimento-da-sua-página" target="">Saiba como alterar o comprimento de suas páginas</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">O rodapé cobre alguns elementos da minha página. O que eu faço?</h4><div class="collapsible-content"><div>Se você tiver elementos na sua página que estão definidos para &quot;mostrar em todas as páginas&quot;, o rodapé pode se sobrepor a eles. Você pode usar a alça Ajustar altura da página para deixar a página mais longa e evitar que o rodapé cubra os elementos. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-remover-o-espaço-entre-o-rodapé-e-o-conteúdo-da-página#footer-overlapping-elements-set-to-show-on-all-pages" target="">Saiba como resolver esse problema</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo ver meu rodapé no painel Camadas?</h4><div class="collapsible-content"><div>O rodapé do site não é exibido no <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">painel Camadas</a> se não contiver nenhum elemento. No entanto, você ainda pode selecionar e ajustar seu rodapé clicando nele.</div></div></div></div>

Você pode ocultar o cabeçalho e o rodapé em páginas específicas do seu site. Isso permite que os visitantes se concentrem no conteúdo da página, evitando que eles naveguem para outras páginas. Se você...

Editor Wix: ocultar o cabeçalho e o rodapé em uma página específica

<div data-component-type="text"><div>Você pode ocultar o cabeçalho e o rodapé em páginas específicas do seu site. Isso permite que os visitantes se concentrem no conteúdo da página, evitando que eles naveguem para outras páginas. Se você tiver um <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-criar-um-site-de-página-única" target="">site de página única</a>, um cabeçalho e rodapé também podem não ser necessários.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-the-header-and-footer" level="3">Ocultar o cabeçalho e o rodapé </h2></div><div data-component-type="text"><div>Você pode querer ocultar o cabeçalho e o rodapé da sua página por diversos motivos. Certas páginas não exigem cabeçalho e rodapé, como páginas &quot;Em breve&quot; e &quot;Em manutenção&quot;, ou uma landing page destinada a coletar leads.</div></div><div data-component-type="heading"><h2 id="" level="4">Para ocultar o cabeçalho e rodapé em uma página específica:</h2></div><div data-component-type="text"><ol>
  <li>Clique em <strong>Páginas e menu</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/78oSgFeIMp5aI1p-pjbs4Qas3jboaOudOvC7kH9B8r0ulkBbhu1KY6_JAuMJfsfkXmoN64979lHbPcNM5psjZPHslubRTrl2gyrI_fI_wm2HxgwlZbGvpggATt3Yg1su53pkKti8" /> no lado esquerdo do editor.</li>  <li>Clique na página relevante.</li>  <li>Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/ea5aa155-aa5e-4ef1-8bea-69375765e8c4.png" />.</li>  <li>Clique em <strong>Configurações</strong>.</li>  <li>Clique na aba <strong>Layout</strong> .</li>  <li>Selecione <strong>Sem cabeçalho e rodapé.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/07/12/0f37edfa-29e9-41c8-be04-f50450ca4066/040221fa-54a6-4d3e-9ee4-dc8860ad2749.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="important-information" level="3">Informações importantes</h2></div><div data-component-type="text"><div>Quando você oculta o cabeçalho e o rodapé em uma página específica, os elementos adicionados a essas áreas também ficam ocultos, incluindo <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-mostrando-um-elemento-em-todas-as-páginas" target="">elementos que estão definidos para mostrar em todas as páginas</a>. </div></div><div data-component-type="text"><div>Além disso, ao ocultar o cabeçalho e o rodapé, é importante ter em mente:</div></div><div data-component-type="text"><ul>
  <li>A página não exibe o menu no cabeçalho. Se você quiser que seus visitantes naveguem para o resto do seu site, você precisa <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-um-link-a-um-botão" target="">vincular um botão</a> para a página principal do seu site ou uma página onde o menu é exibido.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/aplicativo-desaparecendo-da-página-com-rodapé-oculto" target="">Alguns apps</a> (por exemplo: Voltar ao topo, LiveChat) não aparecem no seu site online.</li>  <li>Isso também afeta seu site mobile. O cabeçalho e o rodapé não são exibidos na versão mobile da página.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Não é possível ocultar apenas o rodapé ou o cabeçalho. Se você escolher o layout <strong>Sem cabeçalho e rodapé</strong>, nenhum deles será exibido.</div></div></div></div>

As páginas do seu site são divididas em 3 seções, que são definidas pelas linhas de grade no editor: o cabeçalho, a parte principal da página e o rodapé.Seu cabeçalho e rodapé são visíveis em todas as...

Editor Wix: posicionar elementos no cabeçalho, rodapé e página

<div data-component-type="text"><div>As páginas do seu site são divididas em 3 seções, que são definidas pelas <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-linhas-de-grade-do-editor" target="">linhas de grade</a> no editor: o cabeçalho, a parte principal da página e o rodapé.</div></div><div data-component-type="text"><div>Seu cabeçalho e rodapé são visíveis em todas as páginas, o que significa que os elementos que você coloca dentro deles podem ser acessados em todas as páginas do seu site. Elementos na própria página são visíveis apenas nessa página específica.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-the-header" level="3">Anexar elementos ao cabeçalho</h2></div><div data-component-type="text"><div>O cabeçalho é muitas vezes uma das primeiras coisas que os visitantes veem quando abrem seu site. Ele geralmente contém elementos como o nome do seu negócio, menu do site e logo. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-sobre-o-cabeçalho" target="">Saiba mais sobre o cabeçalho do seu site</a></div></div><div data-component-type="text"><div>Recomendamos manter seu cabeçalho limpo e sofisticado, pois isso garante uma experiência mais agradável para os visitantes do seu site.</div></div><div data-component-type="text"><div>Para anexar um elemento ao cabeçalho, arraste-o sobre o cabeçalho até que a mensagem <strong>Anexar ao cabeçalho </strong>seja exibida.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/2bd16af1-76c1-4af1-946d-a2548e397cc2/655b22f6-3a89-49db-929b-a2581af78521.gif" alt="GIF mostrando um trecho de texto sendo movido e anexado ao cabeçalho do site." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Os elementos devem ser menores do que o cabeçalho para caber nele.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="placing-elements-on-the-main-area-of-the-page" level="3">Colocar elementos na área principal da página</h2></div><div data-component-type="text"><div>A parte principal da sua página contém a maioria dos elementos e conteúdo do seu site. Os elementos serão diferentes de página para página, dependendo do assunto da página. Você pode adicionar qualquer conteúdo que quiser à página, incluindo galerias, texto e formulários.</div></div><div data-component-type="text"><div>Para anexar um elemento à página, arraste-o para o local escolhido e solte-o quando a mensagem <strong>Anexar à página</strong> aparecer.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/223bebd2-80d0-4fff-8340-eb4b40dae12f/358d608a-82b9-42ec-8b62-2443ac9508ff.gif" alt="GIF mostrando arte vetorial sendo anexada ao corpo da página no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="moving-elements-to-the-footer" level="3">Mover elementos para o rodapé</h2></div><div data-component-type="text"><div>Seu rodapé fica na parte inferior do site e é exibido em todas as páginas. Ele geralmente contém conteúdo como informações de contato e direitos autorais. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-sobre-o-rodapé" target="">Saiba mais sobre o rodapé do seu site</a></div></div><div data-component-type="text"><div>Recomendamos evitar colocar conteúdo importante e vital no rodapé do seu site, pois os visitantes podem não vê-lo.</div></div><div data-component-type="text"><div>Para mover um elemento para o rodapé, arraste-o para a parte inferior da página (o mais próximo possível do rodapé) e clique em <strong>Mover para rodapé.</strong></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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/3709cc6c-252a-47da-bcb6-69f6b4abf510/b24e01d6-c3f0-4a53-b0d5-a2ba040eacac.gif" alt="GIF mostrando um trecho de texto sendo movido para o rodapé do site." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Os elementos devem ser menores do que o rodapé para que caibam nele.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como faço para remover um elemento do meu cabeçalho ou rodapé?</h4><div class="collapsible-content"><div>Basta arrastar e soltar o elemento do cabeçalho ou rodapé para outra área da sua página.</div><div><br /></div><div>Após remover um elemento do cabeçalho ou rodapé, ele não será mais exibido em todas as páginas. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-mostrando-um-elemento-em-todas-as-páginas" target="">Saiba como definir o elemento para ser mostrado em todas as páginas</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso colocar elementos fora das linhas de grade?</h4><div class="collapsible-content"><div>A largura do seu site é fixada em 980 pixels, que são marcados pelas linhas de grade.<strong> </strong>Você pode criar seu site fora das linhas de grade, no entanto, recomendamos que tudo o que você adicionar fora dessas bordas seja principalmente decorativo e não seja vital para a experiência de navegação dos seus visitantes.</div></div></div></div>

Seu cabeçalho é a seção na parte superior da página, que mostra seu menu e logo. Como seu cabeçalho dá aos visitantes a primeira impressão do seu site, recomendamos personalizá-lo para que ele combine...

Editor Wix: personalizar o cabeçalho do site

<div data-component-type="text"><div>Seu cabeçalho é a seção na parte superior da página, que mostra seu menu e logo. Como seu cabeçalho dá aos visitantes a primeira impressão do seu site, recomendamos personalizá-lo para que ele combine com a sua marca e estética.</div></div><div data-component-type="text"><div>Escolha um design e um efeito de rolagem para o seu cabeçalho e defina o tamanho e as bordas para garantir que ele se destaque.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Os elementos dentro do seu cabeçalho são mostrados automaticamente em todas as páginas em que seu cabeçalho aparece. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-headers-design" level="3">Alterar o design do seu cabeçalho</h2></div><div data-component-type="text"><div>Você pode alterar o design do cabeçalho para se adequar ao seu site. Selecione um design entre uma variedade de predefinições e personalize as configurações como cor, espaçamento e cantos.</div></div><div data-component-type="text"><div>Você pode personalizar seu cabeçalho para 2 estados diferentes: Normal e Rolar. O estado rolar permite que você personalize seu cabeçalho para ficar diferente quando os visitantes rolam a página para baixo. Por exemplo, você pode fazer com que o cabeçalho mude de cor ou adicionar uma borda para que ele se destaque.  </div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o design do seu cabeçalho:</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 cabeçalho.</li>  <li>Clique em <strong>Alterar design do cabeçalho</strong>.</li>  <li>Clique no estado <strong>Normal</strong> ou <strong>Rolar</strong>.</li>  <li>Use as opções para personalizar o design do cabeçalho:
    <ul>
      <li><strong>Cor e opacidade:</strong> escolha uma cor de background para o cabeçalho e ajuste sua opacidade.</li>      <li><strong>Borda: </strong>arraste os sliders para adicionar uma borda superior e inferior ao seu cabeçalho para destacá-lo. Em seguida, ajuste a opacidade e a cor das bordas.</li>      <li><strong>Cantos:</strong> deixe os cantos da sua borda mais redondos ou mais quadrados.</li>      <li><strong>Sombra:</strong> adicione e crie uma sombra para dar ao seu cabeçalho um efeito 3D legal.</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/2024/10/18/db2b9d85-9351-4eb7-8c4a-b02c6a23d62c/bf593564-c5be-45be-9e3a-d3e98d805b22.png" alt="Captura de tela de alterar o painel de design do cabeçalho no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-an-image-as-the-header-background" level="3">Definir uma imagem como background do cabeçalho</h2></div><div data-component-type="text"><div>Para personalizar ainda mais seu site, você pode definir uma imagem como background do cabeçalho do seu site. Arraste a imagem sobre o cabeçalho para anexá-la e, em seguida, use as alças de arrastar para esticar a imagem no cabeçalho. Você pode mover a imagem para trás para que ela não oculte os elementos do seu cabeçalho.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title"></div><div class="info-content"><div>A imagem deve ser menor do que o cabeçalho para caber dentro dele, e deve ser anexada corretamente. Recomendamos usar uma imagem com resolução e tamanho compatível com o tamanho do cabeçalho, como uma imagem de banner.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para usar uma imagem como background do cabeçalho:</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>Adicione uma nova imagem ou selecione uma existente na sua página.</li>  <li>Arraste a imagem para o cabeçalho e solte-a quando vir a mensagem <strong>Anexar ao cabeçalho</strong>. </li>  <li>Estique a imagem para cobrir todo o cabeçalho ao arrastar as alças laterais ao redor da imagem.</li>  <li>Mova a imagem para trás:
    <ol>
      <li>Clique na imagem com o botão direito do mouse.</li>      <li>Passe o mouse sobre<strong> Organizar</strong> e clique em <strong>Mover para trás</strong>.</li>    </ol>  </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/2024/11/29/32a790d9-f0fd-4dca-8108-18e25278085a/56185aa5-971d-4f99-9ecc-b741eaccbb92.png" alt="Captura de tela do painel de edição rápida do cabeçalho no Editor Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica: </div><div class="info-content"><div>Substitua a imagem do cabeçalho a qualquer momento usando o painel de <strong>Edição rápida </strong>e clique em <strong>Alterar </strong>ao lado da imagem atual. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="making-the-header-background-transparent" level="3">Tornar o background do cabeçalho transparente</h2></div><div data-component-type="text"><div>Defina seu cabeçalho para ser transparente para criar um design moderno e elegante, para que ele se misture perfeitamente com o background do seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para deixar o background do cabeçalho transparente:</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 cabeçalho.</li>  <li>Clique em <strong>Alterar design do cabeçalho</strong>.</li>  <li>Clique no estado <strong>Normal</strong> ou <strong>Rolar</strong>.</li>  <li>Clique em<strong> Cor e opacidade</strong>. </li>  <li>Defina a opacidade do background como 0%.</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/2025/03/05/cefb91cd-3719-446c-b25f-5a0e296386c7/77a956b2-e472-4f68-a685-5b5440217e3e.png" alt="O painel de design do cabeçalho, mostrando a configuração de opacidade definida como 0" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-header" level="3">Redimensionar seu cabeçalho</h2></div><div data-component-type="text"><div>Você pode redimensionar seu cabeçalho para deixá-lo do tamanho que quiser.</div></div><div data-component-type="text"><div>Cabeçalhos grandes são úteis se você tiver muitos elementos, como título, menu e logo do site. Cabeçalhos menores são ótimos para sites minimalistas ou se você tiver a maioria dos seus elementos na página.</div></div><div data-component-type="heading"><h2 id="" level="4">Para redimensionar seu cabeçalho:</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 cabeçalho.</li>  <li>Arraste a alça de esticar na parte inferior do cabeçalho para deixá-lo mais alto ou mais curto.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/23/93987c42-8afd-4340-9de2-e7ab527f6c40/dfa3ae50-6612-4914-a334-7f425446b47d.gif" alt="GIF mostrando o cabeçalho aumentando e diminuindo com as alças de arrastar." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-scroll-effect-to-your-header" level="3">Adicionar um efeito de rolagem ao seu cabeçalho</h2></div><div data-component-type="text"><div>Adicione um efeito de rolagem legal ao seu cabeçalho para escolher como ele se comporta quando os visitantes percorrem pela página. Por exemplo, mantenha o cabeçalho na parte superior enquanto os visitantes exploram ou faça com que ele desapareça gradualmente.</div></div><div data-component-type="heading"><h2 id="" level="4">Para escolher um efeito de rolagem para o cabeçalho</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 cabeçalho.</li>  <li>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/03/05/0db3274e-85ac-4862-a91a-2c6691e9a4b7/68511515-1ea1-4bb5-97b5-36260aa744cc.png" />.</li>  <li>Selecione um efeito de rolagem:
    <ul>
      <li><strong>Rola com o site: </strong>nenhum efeito de rolagem é aplicado. Quando os visitantes rolam a página para baixo, eles também se afastam do cabeçalho (ou seja, da parte superior da página). </li>      <li><strong>Congela: </strong>seu cabeçalho permanece na parte superior da página enquanto os visitantes rolam para cima e para baixo, dando a eles acesso fácil ao menu do seu site.<br /> <strong>Dica: </strong>ao escolher esse efeito, recomendamos manter o cabeçalho curto para que ele não cubra nenhum conteúdo na rolagem.</li>      <li><strong>Desaparece: </strong>quando os visitantes navegam pelo seu site, o cabeçalho desaparece gradualmente. Para que o cabeçalho apareça novamente, seus visitantes precisam rolar para cima.</li>      <li><strong>Desaparece aos poucos:</strong> o cabeçalho desaparece lentamente quando seus visitantes rolam pelo site e reaparece quando eles começam a rolar de volta para o topo.</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/2024/10/18/85d9ad44-13c8-49e6-9203-850db095c0d1/98080799-71e3-4018-999e-2e9b78bd5e4a.png" alt="Captura de tela das configurações de rolagem do cabeçalho no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="text"><div>Clique nas perguntas abaixo para saber mais. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Eu defini o background do meu cabeçalho como transparente, como posso mesclá-lo com a faixa abaixo?</h4><div class="collapsible-content"><div>Anexe a faixa ao cabeçalho. Arraste a faixa que você deseja mesclar com o cabeçalho sobre a área do cabeçalho e solte-a quando vir a mensagem &quot;Anexar ao cabeçalho&quot;.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/03/05/5b9e73da-93df-41da-9648-9b84a21cc854/69d3b408-7816-4abc-8b35-ed1691b47682.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Meu site mobile pode ter um efeito de rolagem diferente do site no desktop? </h4><div class="collapsible-content"><div>Sim. Saiba como <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-studio-adicionar-efeitos-de-rolagem-no-cabeçalho" target="">alterar a configuração de rolagem do cabeçalho no seu site mobile</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo selecionar elementos dentro do meu cabeçalho?</h4><div class="collapsible-content"><div>Congelar seu cabeçalho pode impedir que você clique ou selecione elementos. Se você achar que há elementos que você não consegue selecionar ou clicar, descongele seu cabeçalho e verifique se isso resolve o problema. </div></div></div></div>

Sites de página única muitas vezes impressionam devido à sua simplicidade e organização. Eles parecem modernos e minimalistas e são uma ótima maneira de atrair a atenção dos visitantes do seu site. Sa...

Wix Editor: criar um site de página única

<div data-component-type="text"><div>Sites de página única muitas vezes impressionam devido à sua simplicidade e organização. Eles parecem modernos e minimalistas e são uma ótima maneira de atrair a atenção dos visitantes do seu site. Saiba mais sobre o <a data-composite="true" href="https://www.wix.com/builder/one-page" target="_blank">criador de sites de página única</a>.</div></div><div data-component-type="text"><div>O Wix oferece muitos templates de sites de página única que você pode usar. Para começar, passe o mouse sobre um <a href="https://pt.wix.com/website/templates/html/one-page/landing-pages">template de landing page</a> e clique em <strong>Editar</strong>.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="one-page-sites-vs-multi-page-sites" level="3">Sites de página única vs. sites de várias páginas</h2></div><div data-component-type="text"><div>Os sites de página única têm apenas uma página que abriga todo o conteúdo do site. Isso os diferencia dos sites comuns que geralmente têm várias páginas.</div></div><div data-component-type="text"><div>Um site de página única é dividido em blocos de conteúdo e, à medida que você rola a página para baixo, você pode visualizar as diferentes áreas:<br /><br />
</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/28/7b1841c9-2696-48d1-b77c-a1b6119e1e3b.jpg" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-menu-for-a-one-page-site" level="3">Criar um menu para um site de página única</h2></div><div data-component-type="text"><div>Como os sites têm apenas uma página, eles não contêm um menu de páginas como um site normal. Em vez disso, recomendamos que você configure um menu com links para seções e âncoras da sua página.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Saiba mais</h4><div class="collapsible-content"><div><strong>Existem duas opções para criar um menu:</strong></div><div><br /></div><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-criar-um-menu-do-site-com-âncoras-para-sites-de-página-única" target="">Usando um menu comum com âncoras e seções</a> (pode ser vertical ou horizontal)</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-um-menu-âncora" target="">Usando um menu na página com âncoras e seções</a> (sempre vertical)</li></ul><div><br /></div><div>Essas duas opções de menu usam âncoras e seções para ajudar os visitantes do site a navegar pelo conteúdo do seu site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-sections-on-one-page-sites" level="3">Usar seções em sites de página única</h2></div><div data-component-type="text"><div>As seções são os blocos de construção do seu site. Use-as para organizar, dividir e exibir conteúdo para que os visitantes possam navegar facilmente e encontrar um conteúdo relevante e interessante. As seções podem ser renomeadas e adicionadas ao seu menu, para que os visitantes não precisem rolar a página para encontrar o que precisam. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-sobre-seções" target="">Saiba mais sobre seções</a></div></div><div data-component-type="text"><div>Há uma variedade de opções predefinidas disponíveis para ajudar você a construir um site informativo e alinhado, ou você pode começar do zero.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Saiba mais</h4><div class="collapsible-content"><ol>
  <li>Clique em<strong> Adicionar seção</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/h3vOMLSsGLzs7lf4sQgXDA0uIveeU6rWo3mLILiAjy0DjZqFVcJ6N3QRjxaJsSqojjAjW0PB8lR_nVCiC1f5e6wvHdb84Mze7ufJIyTXccnEFP85uCz5JsgoEWpGwuxF2Git2LJgHzkzQt6nhM0dRA" /> no site à esquerda do Editor.</li>  <li>Clique em uma categoria.</li>  <li>Clique ou arraste a seção para adicioná-la ao seu site.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/17/90c9ad88-5754-4111-a80d-ce9fa40aee8d/27b0387f-5c2d-45f3-a920-eae5048a04c9.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-strips-on-one-page-sites" level="3">Usar faixas em sites de página única</h2></div><div data-component-type="text"><div>Como alternativa às seções, você pode usar faixas para criar seu site. </div></div><div data-component-type="text"><div>No painel Adicionar, você pode escolher entre uma variedade de faixas predefinidas e totalmente personalizáveis para exibir o conteúdo e as informações do seu site. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Saiba mais</h4><div class="collapsible-content"><ol>
  <li>Clique em<strong> Elementos</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/f28b0f13-5223-430f-b490-ccfc66187efa.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Faixa</strong>.</li>  <li>Selecione o tipo de faixa que deseja adicionar.</li>  <li>Arraste um elemento de faixa para sua página.</li>  <li>(Opcional) Vincule à faixa a partir do seu menu:
    <ol>
      <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-uma-âncora" target="">Adicione uma âncora no topo da faixa</a>.</li>      <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-gerenciar-links-no-menu" target="">Crie um link para a âncora no seu menu</a>.</li>    </ol>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é o próximo passo?</div><div class="info-content"><ul>
  <li>Adicione imagens e vídeos incríveis às suas faixas para torná-las extraordinárias e até mesmo adicione <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-aplicar-efeitos-de-rolagem-do-background-à-faixa" target="">rolagem parallax</a> para dar ao seu site um toque especial.</li>  <li>Como seu site pode ser longo, você pode querer adicionar um botão &quot;voltar ao topo&quot;. Clique <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-criar-um-botão-voltar-ao-topo-para-o-seu-site" target="">aqui</a> para saber mais.</li></ul></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/2016/05/23/12e42fa9-6dd8-428e-9c6e-184034af215b.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-anchors-on-one-page-sites" level="3">Usar âncoras em sites de página única</h2></div><div data-component-type="text"><div>As seções que você adicionou ao seu site não precisam de âncoras. No entanto, você pode adicionar âncoras para marcar algum conteúdo importante que não faz parte de uma seção, como faixas ou galerias.</div></div><div data-component-type="text"><div>Quando terminar de criar a página, você pode colocar uma âncora na parte superior de cada um desses elementos e adicionar links ao seu menu, para que os visitantes possam navegar facilmente pela sua página. </div></div><div data-component-type="text"><div>Clique em uma opção abaixo para saber mais sobre como usar âncoras em seu site.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionar âncoras à sua página</h4><div class="collapsible-content"><div>Adicione âncoras às faixas e seções da sua página para direcionar seus visitantes para informações importantes e relevantes em seu site. Algumas âncoras comumente usadas são “Sobre nós” e &quot;Informações de contato&quot;.</div><div><br /></div><ol>
  <li>Clique em <strong>Elementos</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e âncora</strong>.</li>  <li>Clique na âncora em <strong>Navegação na página</strong> ou arraste-a para o local relevante na sua página.</li>  <li>Clique na âncora e clique em <strong>Renomear</strong>.</li>  <li>Repita as etapas 1 a 4 para cada seção que você deseja marcar no seu site.</li></ol><div><br /></div><div><strong>Observação:</strong> recomendamos anexar no máximo uma âncora a uma faixa ou segmento da página. Anexar mais de uma pode causar problemas para os visitantes que usam o teclado para navegar.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Organizar as âncoras no painel Camadas</h4><div class="collapsible-content"><div>Após colocar âncoras nas páginas do site, abra o painel Camadas para organizá-las. Suas âncoras devem ser colocadas logo acima da faixa ou seção relevante. Isso garante que os visitantes com deficiência possam navegar para as seções corretas.</div><div><br /></div><ol>
  <li>Clique no ícone Camadas <img data-composite="true" src="https://lh4.googleusercontent.com/BvRt3HuyjZylCQ0NKHgMU8QHrQelCR2iJ3ou4ruRCi-VKN6cJd3dJLV418zSHOC1urRhGOwt7yF6DTxEmjdDokqLiT8OfzaCFXBgiMOlbJeg21JfsxS-_Jy2ET2fMxabPceyqUf_OTehXzpC05XAzg" /> na parte inferior do Editor.</li>  <li>Arraste cada âncora para que fique antes da faixa/seção à qual ela está anexada.</li>  <li>Repita as etapas 1-2 no Editor mobile.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/52a9cd0b-f8f5-4eb8-9bd5-7b3cc9d4f295/8167705f-5316-45a4-9a38-69070130c503.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rearranging-your-pages-content" level="3">Reorganizar o conteúdo da página</h2></div><div data-component-type="text"><div>Como um site de página única é construído em blocos, é muito mais fácil reorganizar seu conteúdo sempre que necessário.</div></div><div data-component-type="text"><div>Para ver as seções e blocos da sua página, clique no ícone <strong></strong>Diminuir o zoom <img data-composite="true" src="https://lh4.googleusercontent.com/3TFnfcJP3xe9qp0HC39j4NnnlAqZKxXgvCrFdwlpTp9RHerwGyWU_MBEfR0SRbnD_4l0RQkzMFmKlYTE36tZatl1eqxvD7sNIS46F1Gz6wbATLuSL_Xxc86_6yGdXV-4HqWtFpiRw2lEZK-n7IJcNg" /><strong> </strong>na barra superior do editor. Clique e arraste as seções e os blocos da página para reordená-los.</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/2021/07/18/3cf0953c-f320-41fd-93c0-0dad031b3b9d/5876f4bf-3a94-4637-a5b6-a3c35492b05e.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer saber mais?</div><div class="info-content"><div>Confira nosso <a data-composite="true" href="https://pt.wix.com/blog/como-criar-site-pagina-unica" target="_blank">guia completo sobre como criar um site de página única</a> para receber dicas e descobrir se um site de página única é o que você precisa.</div></div></div></div>

O rodapé aparece na parte inferior do seu site e geralmente inclui conteúdo como suas informações de contato e direitos autorais. Personalize seu rodapé para combinar com a aparência e ter o que seu s...

Editor Wix: personalizar o rodapé do site

<div data-component-type="text"><div>O rodapé aparece na parte inferior do seu site e geralmente inclui conteúdo como suas informações de contato e direitos autorais. Personalize seu rodapé para combinar com a aparência e ter o que seu site precisa. Você pode ajustar o design do rodapé, redimensioná-lo como desejar e adicionar um efeito de congelamento para que ele fique sempre visível.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-design-of-the-footer" level="3">Alterar o design do rodapé</h2></div><div data-component-type="text"><div>Personalize o rodapé para combinar com a paleta e o tema do seu site. Existem muitos designs de rodapé disponíveis, que você pode personalizar ainda mais como preferir.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>As opções de personalização dependem do design de rodapé que você escolher.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o design do rodapé:</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>Clique em<strong> Alterar design do rodapé</strong>.</li>  <li>Personalize o design usando as seguintes opções: 
    <ul>
      <li><strong>Cor e opacidade:</strong> escolha uma cor para o rodapé e ajuste sua intensidade.</li>      <li><strong>Borda:</strong> ajuste as bordas ao redor do rodapé ao escolher a cor, a intensidade e a largura.</li>      <li><strong>Cantos: </strong> deixe os cantos do rodapé mais arredondados ou mais quadrados.</li>      <li><strong>Sombra:</strong> adicione e ajuste uma sombra para o rodapé. Você pode usar as configurações para torná-lo mais sutil ou para ser mais impactante. </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/2024/10/30/f3052d15-e3e0-438a-b24c-202ee0e7332a/8a5ea08f-8ed5-415f-b276-b59c82e7406f.png" alt="Captura de tela do painel de design do rodapé. aba da borda clicada, mostrando diferentes opções de opacidade e cor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-the-footer" level="3">Redimensionar o rodapé</h2></div><div data-component-type="text"><div>Use a alça de esticar para tornar deixar o rodapé do tamanho que você quiser. </div></div><div data-component-type="text"><div>Rodapés maiores são úteis se você tiver conteúdo extra que não deseja adicionar manualmente a todas as páginas, como links de redes sociais e informações de contato. Se você tiver poucos ou nenhum elemento, rodapés pequenos são ótimos para um visual minimalista. </div></div><div data-component-type="heading"><h2 id="" level="4">Para redimensionar seu rodapé:</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>Clique e arraste a alça de esticar na parte inferior do rodapé para o tamanho escolhido.</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/2024/11/11/08eeefdc-1634-4546-9f83-0ea7879e8952/b478dd6f-f1f5-45dd-89e9-94f8f216b3eb.png" alt="Captura de tela do rodapé no Editor Wix com o botão de arrastar destacado." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Certifique-se de que não há elementos na parte inferior do rodapé que possam atrapalhar a alça de esticar. Se você não conseguir ver o elemento, ele pode estar oculto. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-visualizando-e-selecionando-elementos-sobrepostos" target="">Saiba como encontrar elementos ocultos</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="freezing-the-footer" level="3">Congelar o rodapé</h2></div><div data-component-type="text"><div>Congele seu rodapé para que ele fique sempre visível em seu site online, não importa onde os visitantes estejam na página. Essa opção é especialmente útil se o seu rodapé tiver informações ou conteúdo importante que você deseja que seus visitantes encontrem facilmente.</div></div><div data-component-type="heading"><h2 id="" level="4">Para congelar seu rodapé:</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>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Clique na alavanca <strong>Congelar rodapé</strong> para ativar ou desativar essa opção: 
    <ul>
      <li><strong>Ativada:</strong> o rodapé é congelado, por isso fica sempre visível quando os visitantes visualizam e rolam pelo seu site.</li>      <li><strong>Desativada:</strong> seu rodapé permanece na parte inferior do seu site e não fica visível quando seus visitantes rolam para fora dele.</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/2024/10/30/8f7e14d3-c8dd-420c-83d1-6ee63ffae4c3/175e3578-41ba-4dc3-a5e6-b3c8a10e0f5a.png" alt="Uma captura de tela destacando a alavanca Congelar rodapé." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="text"><div>Clique nas perguntas abaixo para saber mais sobre como personalizar o rodapé do seu site:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo ativar a alavanca &quot;Mostrar em todas as páginas&quot;?</h4><div class="collapsible-content"><div>Se você colocar um elemento dentro de um rodapé congelado, a alavanca <strong>Mostrar em todas as páginas</strong> será desativada.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo selecionar elementos no meu rodapé? </h4><div class="collapsible-content"><div>Congelar seu rodapé pode impedir que você clique ou selecione elementos. Caso não consiga selecionar ou clicar em alguns elementos, descongele seu rodapé e verifique se isso resolve o problema.</div></div></div></div>

As seções da página são os blocos de construção das páginas do site. Use-as para dividir o conteúdo da sua página e criar um layout claro e estruturado para seus visitantes.Depois de adicionar e confi...

Editor Wix: personalizar seções

<div data-component-type="text"><div>As seções da página são os blocos de construção das páginas do site. Use-as para dividir o conteúdo da sua página e criar um layout claro e estruturado para seus visitantes.</div></div><div data-component-type="text"><div>Depois de adicionar e configurar suas seções, use as opções para personalizá-las como desejar. Você pode adicionar elementos, alterar o background, o tamanho e muito mais.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-your-section" level="3">Adicionar elementos à seção</h2></div><div data-component-type="text"><div>Adicione elementos às suas seções para exibir informações importantes, como horário de funcionamento, produtos ou serviços, ou para decorar seu site com recursos visuais.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar elementos à sua seção:</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 em <strong>Elementos </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> no lado esquerdo do editor.</li>  <li>Clique em uma categoria.</li>  <li>Arraste um elemento para a seção.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/6e97ee4d-81fb-42aa-8b0e-a3899cf7a3ba/22e988b3-9e2c-4d15-be28-dbb780adbf91.png" alt="O painel Adicionar elementos no Editor. A aba Decorativo está aberta e o cursor está sobre a opção Ícones." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-of-your-section" level="3">Alterar o background da seção</h2></div><div data-component-type="text"><div>Altere o background da sua seção para se adequar à aparência do seu site. Mantenha-o simples com um bloco de cores ou adicione mídia para tornar suas páginas divertidas e dinâmicas.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o background da sua seção:</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 na seção.</li>  <li>Clique em <strong>Alterar background</strong> e escolha entre as seguintes opções:
    <ul>
      <li><strong>Cor/Gradiente:</strong> selecione uma cor no seletor. Você pode escolher uma do tema do seu site ou adicionar uma cor personalizada para destacar a seção. Você também pode clicar em <strong>Gradiente</strong> ou <strong>Gradiente responsivo</strong> na parte superior do painel para adicionar um background gradiente exclusivo.</li>      <li><strong>Imagem:</strong> escolha entre uma variedade de imagens gratuitas do Wix e Unsplash, compre uma imagem do Shutterstock ou faça upload da sua própria imagem para um toque exclusivo.</li>      <li><strong>Vídeo:</strong> selecione um vídeo incrível de alta qualidade do Wix ou Shutterstock, ou faça upload e adicione seu próprio vídeo ao background.</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/2024/12/10/9ed8c47d-d19a-4427-862c-0ee392a13af3/b669a811-9472-4d9c-83fc-e99eaefcf3aa.png" alt="Captura de tela do painel de configurações do background da seção no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-size-of-your-section" level="3">Ajustar o tamanho da sua seção</h2></div><div data-component-type="text"><div>Você pode aumentar sua seção para caber mais elementos e conteúdo, ou diminuí-la para uma aparência mais minimalista.</div></div><div data-component-type="heading"><h2 id="" level="4">Para ajustar o tamanho da sua seção:</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 na seção.</li>  <li>Clique e arraste a alça Redimensionar altura da seção <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/28/26eb58a9-735b-4fda-84fa-0f0eae67e386/54dcd162-4d89-4217-b44c-ae9d66bd7d04.png" /> na parte inferior da seção para torná-la mais alta ou mais curta.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/28/83539058-fa26-40b9-bea7-21f72741e501/6587dc84-2d21-4244-927b-1ad9d25232c6.gif" alt="Um GIF mostrando uma seção sendo redimensionada. O cursor clica na alça e a arrasta para redimensioná-la." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>O menor tamanho que você pode ter em uma seção é 40px.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-scroll-effect-to-your-section" level="3">Adicionar um efeito de rolagem à seção</h2></div><div data-component-type="text"><div>Os efeitos de rolagem dão um toque especial às suas seções e criam uma experiência interativa em seu site. Selecione um efeito que funcione para você e personalize ainda mais seu site e marca.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um efeito de rolagem:</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 com o botão direito do mouse na seção. </li>  <li>Clique em <strong>Efeitos de rolagem do background</strong>.</li>  <li>Selecione um efeito nas opções.</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/2024/12/10/bb1dda29-ff26-4030-965a-c311abe3cdbc/46fbd72d-276f-4cee-a438-47e01feee3bd.png" alt="Captura de tela do painel Escolher efeito de rolagem da seção no Editor Wix" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-shape-divider" level="3">Adicionar um separador de forma</h2></div><div data-component-type="text"><div>Separadores de forma são formas gráficas que você pode usar para criar uma estrutura atraente entre o conteúdo da seção ou entre as próprias seções.</div></div><div data-component-type="text"><div>Você encontra uma variedade de opções de design disponíveis no Wix, ou pode fazer o upload das suas próprias opções para dar um toque pessoal. Você pode até aplicar um separador de forma na parte superior e/ou inferior de uma seção para combinar com o seu layout.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um separador de forma:</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 duas vezes na seção.</li>  <li>Clique no ícone <strong>Separadores de forma</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Clique na aba <strong>Inferior</strong> ou <strong>Topo </strong>para escolher onde adicionar o separador.</li>  <li>Selecione um separador para adicionar à sua seção:
    <ul>
      <li><strong>Designs sugeridos:</strong> clique em um dos estilos disponíveis no painel.</li>      <li><strong>Designs adicionais oferecidos pelo Wix:</strong>
        <ol>
          <li>Clique em <strong>+</strong> <strong>Mais formas</strong>.</li>          <li>(No Gerenciador de Mídia) Selecione um design na aba <strong>Mídia do Wix</strong>.</li>          <li>Clique em <strong>Escolher arquivos</strong> para aplicá-lo à sua seção.</li>        </ol>      </li>      <li><strong>Seu próprio separador de formas: </strong>
        <ol>
          <li>Clique em <strong>+ Mais formas</strong>.</li>          <li>(No Gerenciador de Mídia) Selecione a forma que deseja usar na aba <strong>Arquivos do site</strong> ou faça upload de uma nova.</li>          <li>Clique em <strong>Escolher arquivos</strong> para aplicá-lo à sua seção.</li>        </ol>      </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/2024/12/10/91a42c2f-fcdb-4112-851d-47395f0bf95f/1d80c66b-7f3d-4c7a-9dad-f69ec110445f.png" alt="Captura de tela do painel de separador de forma da seção no Editor Wix" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer saber mais?</div><div class="info-content"><div>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-personalizar-separadores-de-forma#customizing-your-shape-divider" target="">personalizar o design de um separador de forma</a> para complementar a aparência e o tema da sua seção.</div></div></div></div>

As seções são uma maneira fácil de organizar e exibir conteúdo no seu site. As seções abrangem toda a largura do seu site, permitindo que você personalize seus elementos. Eles também se ajustam ao tam...

Editor Wix: adicionar e configurar seções

<div data-component-type="text"><div>As seções são uma maneira fácil de organizar e exibir conteúdo no seu site. </div></div><div data-component-type="text"><div>As seções abrangem toda a largura do seu site, permitindo que você personalize seus elementos. Eles também se ajustam ao tamanho da tela, para que os visitantes vejam todo o conteúdo escolhido, seja no desktop ou no mobile.</div></div><div data-component-type="text"><div>Você pode criar seu site adicionando quantas seções quiser e facilmente reorganizá-las e editá-las.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-section-to-your-site" level="3">Adicionar uma seção ao seu site</h2></div><div data-component-type="text"><div>Adicione uma seção ao seu site para começar a estruturar suas páginas e seu conteúdo.</div></div><div data-component-type="text"><div>Há uma variedade de opções predefinidas disponíveis que incluem layouts e elementos para ajudar você a construir seu site. Você também pode escolher uma seção em branco para criá-la do zero.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma seção:</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 em <strong>Seções</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/6c7ba228-57cb-4435-9a60-561d206cc74b/48d7ab00-3a02-406c-8e03-0944d3cab341.png" /> no lado esquerdo do editor.</li>  <li>Clique em uma categoria.</li>  <li>Clique na seção escolhida para adicioná-la à sua página.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/1787cb86-3b93-4d77-af4e-224489469b32/dd861f91-eed0-4354-913d-ed962edeed0e.png" alt="O painel Adicionar Seção no Editor. O cursor está passando sobre a aba" /></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>O painel pode mostrar templates de seção com base no tipo de negócio do seu site (como lojas, blogs, etc.). </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="naming-your-sections" level="3">Nomear suas seções</h2></div><div data-component-type="text"><div>Nomeie suas seções para uma navegação rápida e fácil. Você pode usar nomes de seção para identificá-las no painel de camadas.</div></div><div data-component-type="text"><div>Se você optar por adicionar uma seção ao seu menu, os nomes também são uma ótima maneira para seus visitantes saberem no que estão clicando.</div></div><div data-component-type="heading"><h2 id="" level="4">Para nomear sua seção:</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>Passe o mouse sobre a seção relevante.</li>  <li>Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Clique em <strong>Configurações da seção</strong>.</li>  <li>Insira o nome da seção no campo em <strong>Nome da seção</strong>.</li>  <li>Pressione a tecla Enter no teclado.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/975defbf-129e-4e99-bfdc-6a38c32b8fd4/795e3347-acdd-4c84-b9e3-782f561eebfb.png" alt="O modal Configurações da seção. O cursor está passando sobre o campo de texto do nome da seção." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Os nomes das seções não são visíveis para os visitantes do site, a menos que você os adicione a um menu.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-sections-to-your-menu" level="3">Adicionar seções ao seu menu</h2></div><div data-component-type="text"><div>Adicionar seções ao seu menu é uma ótima maneira de ajudar seus visitantes a navegar no site e direcioná-los para o conteúdo certo.</div></div><div data-component-type="text"><div>Tornar as seções um item de menu também é particularmente útil se você tiver um site de uma página que contém muitas informações, pois os visitantes poderão encontrar o que estão procurando sem precisar rolar.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma seção ao seu 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">Vá para o seu editor</a>.</li>  <li>Clique no menu.</li>  <li>Clique em <strong>Gerenciar Menu</strong>.</li>  <li>Clique em <strong>+ Adicionar item do menu</strong> na parte inferior do painel.
    <ul>
      <li>(Para menus avançados) Selecione <strong>Seção </strong>na lista.</li>      <li>(Para menus do site) Clique em <strong>Seção ou âncora</strong>.</li>    </ul>  </li>  <li>Selecione a página em que a seção está no menu dropdown.</li>  <li>Selecione a seção no menu dropdown.</li>  <li>Clique em<strong> OK</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/f29afd02-cd0b-412a-895d-23510c39da24/9923b40d-a6e0-476e-bfc5-18d7c8704a6d.png" alt="O painel de links. O cursor está passando sobre o dropdown" /></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>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-vincular-a-seções-do-seu-site#linking-elements-to-sections" target="">vincular elementos às seções</a> no seu site e <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-vincular-a-seções-do-seu-site#creating-and-sharing-unique-section-urls" target="">criar um link exclusivo para suas seções</a> para compartilhamento em plataformas externas. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rearranging-sections-on-your-page" level="3">Reorganizar seções na sua página</h2></div><div data-component-type="text"><div>Você pode ajustar facilmente o layout da página do site reorganizando suas seções. Mova seções para cima ou para baixo para organizar o conteúdo do seu site e fornecer uma experiência alinhada e fácil para seus visitantes.</div></div><div data-component-type="heading"><h2 id="" level="4">Para mover uma seção de página:</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>Diminuir zoom</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/7gOVRelfYyHrty6-jjsuADxzwtw72mzXbHz5BwYHIH9p6WS3c3YvVERLkhJuVkNCGBxMsY-PEMu4f7t2XuAeSx7lGqeptcnkWk2i1Bf7bLYI-tkwMqT2y9rWJc5gVxn16BExX99L" /> na barra de ferramentas superior do editor.</li>  <li>Clique na seção e, em seguida, clique em uma das setas:
    <ul>
      <li><strong>Mover seção para baixo</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/kZC8LguFU4C9gLui1-y5_4kQcNcBeHxh8H-zSemi82yM7RKvXtOArV0CVUzfPCdCYbM3WWh-kvLLuL0gb7mWzXvxE2QVH6t4GFqDgYqoqOES1ZOZjNdPyGRmJozPfzriZEHqotoK" /> <strong>:</strong> mova a seção selecionada para a seção abaixo.</li>      <li><strong>Mover seção para cima</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/lPJX1MUdquUdWNyl5WZdk2U2KKjp9gCDJ9cOq-_Ma2W4VbDKK5A7-EqTWcmZMM3NQs8Yn1KaWDFu1LoKUD5HCwCtlYLKA5sNPCywGV5gryvyK92XLWtLTXka70emqEA9XTYeuYRd" /> <strong>:</strong> Mova a seção selecionada para a seção acima.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/10ff16bb-3e93-49f0-af54-f630840262c5/c69b86a4-fcad-4664-98d5-16b13756c7a0.png" alt="A visualização do Editor com zoom reduzido. Uma seção está destacada. O cursor passa sobre a opção para movê-la para baixo." /></div></div>

As seções são uma maneira rápida e fácil de estruturar suas páginas. Use-as para organizar o conteúdo do seu site e criar um design claro e completo. Há uma variedade de seções predefinidas disponívei...

Editor Wix: sobre seções

<div data-component-type="text"><div>As seções são uma maneira rápida e fácil de estruturar suas páginas. Use-as para organizar o conteúdo do seu site e criar um design claro e completo. Há uma variedade de seções predefinidas disponíveis com diferentes layouts e elementos, para que você tenha tudo o que precisa para começar.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/3c147b85-8a06-42a6-9af1-c3b5f8c9b83b/67e76bf6-6eb9-420f-8f82-362caabd4485.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organize-and-divide-your-content" level="3">Organize e divida seu conteúdo</h2></div><div data-component-type="text"><div>As seções são os blocos de construção de uma página e você pode usá-las para dividir e organizar o conteúdo da sua página. Por exemplo, você pode ter uma seção para os serviços da sua empresa e outra para suas informações de contato.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/51128891-8e59-4836-83f6-06b6ed75a689/806feddd-c10f-4430-a03e-0b6f4cdddd50.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-started-with-our-pre-designed-sections" level="3">Comece com nossas seções predefinidas</h2></div><div data-component-type="text"><div>No Editor, você pode adicionar uma seção em branco para começar do zero ou escolher entre uma variedade de designs prontos. As seções são organizadas por tópico (como Promoção, Equipe, Lista, etc.) e incluem elementos escolhidos a dedo para ajudar você a começar.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/d5560451-09e2-4acd-87dc-a3e7cda332ac/4010d8cb-0288-4238-b27a-95ea5770221d.png" /></div></div><div data-component-type="text"><div>Se você escolher uma seção em branco ou predefinida, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-seções#adding-elements-to-your-section" target="">adicionar todos os elementos que precisar</a> e <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ícones-no-editor" target="">personalizá-los</a> para que eles se adequem ao objetivo da seção.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/685dfe82-4d9e-441f-862c-9953dcb0e1f7/5921874a-da85-4bbe-8fd6-1c0ddf6ea633.png" /></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>As seções ocupam toda a largura do navegador dos visitantes e mantêm seu agrupamento quando os visitantes visualizam seu site em dispositivos móveis. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-your-section-for-your-needs" level="3">Personalize sua seção de acordo com o que você precisa</h2></div><div data-component-type="text"><div>Você pode personalizar qualquer seção que você adicionar ao seu site, seja ela predefinida ou em branco. Escolha o background e o tamanho para deixá-la como você deseja e adicione efeitos de rolagem para criar um conteúdo exclusivo e atraente. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-seções" target="">Saiba mais sobre como personalizar suas seções</a></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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/11b857c1-343c-430f-934e-9e878d272750/54556566-e20d-4bab-8540-967172818934.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjust-sections-to-mobile" level="3">Ajuste as seções para dispositivos móveis</h2></div><div data-component-type="text"><div>As seções que você adicionou no desktop aparecem automaticamente no seu site mobile. No entanto, você pode querer alterar a ordem em que elas aparecem no seu site mobile ou até mesmo ocultar algumas seções. Essas alterações não afetam a versão desktop do seu site.</div></div><div data-component-type="text"><div>Reorganizar suas seções no mobile é uma ótima maneira de adaptar e personalizar quais informações seus visitantes veem primeiro. Por exemplo, você pode querer destacar o número de telefone da sua empresa movendo essa seção para o topo da sua página inicial.</div></div><div data-component-type="text"><div>Se você tiver informações sobre uma seção que não são relevantes para os visitantes no mobile, você pode ocultá-la completamente e depois pode facilmente exibir a seção novamente se desejar. <a data-composite="true" href="https://support.wix.com/pt/article/internal-gerenciar-seções-no-seu-site-mobile" target="">Saiba mais sobre seções no seu site mobile</a></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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/c07d720d-b48e-4fb7-9704-fdbf22b1b8e0/89b837d4-6211-4945-b138-24c8e1ada94e.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tudo pronto para começar?</div><div class="info-content"><div>Clique em<strong> Adicionar Seção</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/6c7ba228-57cb-4435-9a60-561d206cc74b/48d7ab00-3a02-406c-8e03-0944d3cab341.png" /> no lado esquerdo do Editor para adicionar e configurar uma seção em seu site. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-seções" target="">Saiba mais sobre como adicionar seções</a></div></div></div></div>

As seções são blocos de construção que você pode usar para estruturar seu conteúdo. Depois de adicionar e configurar seções, você pode vincular a elas para garantir que os visitantes tenham acesso a t...

Editor Wix: vincular a seções do seu site

<div data-component-type="text"><div>As seções são blocos de construção que você pode usar para estruturar seu conteúdo. Depois de <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-seções" target="">adicionar e configurar seções</a>, você pode vincular a elas para garantir que os visitantes tenham acesso a tudo o que precisam.</div></div><div data-component-type="text"><div>Existem várias maneiras de compartilhar seções em seu site: adicioná-las a um menu, vincular elementos a elas e criar URLs da seção exclusivos.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-sections-to-a-menu" level="3">Adicionar seções a um menu</h2></div><div data-component-type="text"><div>Adicionar seções ao seu menu é uma ótima maneira de ajudar seus visitantes a navegar no site e direcioná-los para o conteúdo certo.</div></div><div data-component-type="text"><div>Transformar seções em um item de menu também é particularmente útil se você tiver um site de página única que contenha muitas informações, pois os visitantes poderão encontrar o que estão procurando sem precisar percorrer pela página.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma seção ao seu 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">Vá para o seu editor</a>.</li>  <li>Clique no menu do site.</li>  <li>Clique em <strong>Gerenciar menu</strong>.</li>  <li>Clique em <strong>+ Adicionar item do menu</strong> na parte inferior do painel.
    <ul>
      <li>(Para menus avançados) Selecione <strong>Seção </strong>na lista.</li>      <li>(Para menus do site) Clique em <strong>Seção ou âncora</strong>.</li>    </ul>  </li>  <li>Selecione a página em que a seção está no dropdown.</li>  <li>Selecione a seção no menu dropdown.</li>  <li>Clique em <strong>OK</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/f29afd02-cd0b-412a-895d-23510c39da24/9923b40d-a6e0-476e-bfc5-18d7c8704a6d.png" alt="O painel de links. O cursor está passando sobre o dropdown" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-sections-on-an-in-page-menu" level="3">Exibir seções em um menu na página</h2></div><div data-component-type="text"><div>Você pode exibir todas as suas seções em um menu flutuante no seu site. Um <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-um-menu-âncora" target="">menu na página</a> permite que seus visitantes acessem diferentes partes da página do seu site ao clicar no nome da seção, e ele está sempre visível para os visitantes da sua página. </div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um menu na página:</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 em <strong>Elementos</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/2_Q3UWFeRrr5eTMMy5BcmnSAohKtI_dMraA_5NEO86PZzJ1C6RLZFszKuF-1mKgkvV4ee4eSdDzyvTbeogg8P5XGH8QMTpNCPtZMEWh1kJV1_Jk7RjMl4g4JvgeWtKfTBU5Wfg_V" /> <strong></strong>no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e âncora</strong>.</li>  <li>Clique em<strong> Menu na página</strong>.</li>  <li>Arraste o menu escolhido para a sua página.</li>  <li>(Opcional) Clique com o botão direito na âncora e selecione <strong>Fixo na tela</strong> para alterar sua localização na sua página.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/ee982885-aa0c-48de-b683-20a44fdb668e/2102d99a-b623-4784-a92d-6b553ade2dbe.png" alt="Captura de tela do painel Elementos no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linking-elements-to-sections" level="3">Vincular elementos a seções</h2></div><div data-component-type="text"><div>Vincule elementos do seu site às seções da página. Quando os visitantes clicam no elemento no seu site online, eles são direcionados diretamente para o conteúdo relevante. </div></div><div data-component-type="heading"><h2 id="" level="4">Para vincular um elemento a uma seção:</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 elemento que você deseja vincular.</li>  <li>Clique no ícone <strong>Link</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/8zZfdpxqwt9lhV0e31WR3fVTZaAeF6how0CkEyDwW0xX4262TslqWaHFmxu4rZFjhipV1BNWlD1WnF23EBMNIe_amzYk8jsYqmkkCQV0CTmc2H4ab2qmodtGDFu8RGyKL4P475Ni=s0" />.</li>  <li>Clique em<strong> Seção ou âncora</strong>.</li>  <li>Selecione a página em que a seção está no dropdown.</li>  <li>Selecione a seção no menu dropdown.</li>  <li>Clique em <strong>OK</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/3e86cedf-0bda-4022-b2d5-438f394ec851/38b7f568-e0cc-4abf-9927-92d434df2910.png" alt="Captura de tela do painel ao qual você deseja vincular no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-and-sharing-unique-section-urls" level="3">Criar e compartilhar URLs da seção exclusivos</h2></div><div data-component-type="text"><div>Gere um URL exclusivo que você pode compartilhar entre plataformas para mostrar conteúdo relevante e importante. Quando os visitantes clicam no link, eles são direcionados diretamente para a seção da sua página, para que não precisem rolar para encontrar informações. </div></div><div data-component-type="text"><div>Escolha o sufixo para que o link fique como você deseja. Depois de criar um URL exclusivo para sua seção e publicar as alterações, você pode visualizar o link e copiá-lo para compartilhar entre plataformas e contas.</div></div><div data-component-type="heading"><h2 id="" level="4">Para criar e compartilhar um URL da seção:</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>Passe o mouse sobre a seção relevante no seu editor.</li>  <li>Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Clique em <strong>Configurações da seção</strong>.</li>  <li>Clique em <strong>URL da seção</strong>.</li>  <li>Insira o sufixo no campo em <strong>Qual é o sufixo do URL?</strong>.</li>  <li>Pressione a tecla Enter no teclado.</li>  <li>Publique as alterações no site.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/26868dd9-223c-45f0-9c53-8bfdb99cb79d/b9bf63a1-3a34-4ff3-98a9-34b34ef3685d.png" alt="Captura de tela do painel de configurações da seção no Editor Wix." /></div></div><div data-component-type="text"><ol>
  <li>(Opcional) Passe o mouse sobre a seção relevante no seu editor.</li>  <li>Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Selecione <strong>Configurações da seção</strong>.</li>  <li>Clique em <strong>URL</strong> <strong>da seção</strong>.</li>  <li>Escolha o que você quer fazer com o URL:
    <ul>
      <li><strong>Copiar URL:</strong> copie o link para a área de transferência do seu dispositivo para colá-lo e compartilhá-lo em fontes externas.</li>      <li><strong>Ir para URL:</strong> abra o URL diretamente para ver como ele fica para os visitantes.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/90e40fb0-690c-4009-913a-ba4fb2527613/408687ec-98b1-4c95-ad42-812c7c2fa35b.png" alt="Captura de tela do painel de configurações da seção no Editor Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observações:</div><div class="info-content"><ul>
  <li>As opções para compartilhar e abrir o URL só funcionam se você publicar o site após configurar o link.</li>  <li>Vincular seções a elementos do seu site ou adicioná-los a um menu não gera um URL. Essas etapas só se aplicam se você tiver criado um URL exclusivo no painel de configurações.</li></ul></div></div></div>

O painel Edição rápida permite que você faça alterações no conteúdo e na estrutura da sua seção a qualquer momento. Você pode alterar o conteúdo dos elementos para manter as páginas do seu site atuali...

Editor Wix: usar o painel Edição rápida com seções

<div data-component-type="text"><div>O painel Edição rápida permite que você faça alterações no conteúdo e na estrutura da sua seção a qualquer momento. Você pode alterar o conteúdo dos elementos para manter as páginas do seu site atualizadas e informativas.</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/2024/12/10/e26ab6f2-8df5-43ca-8dd8-86d65b4c4af3/b08e80e8-b322-4918-9cb9-b045a4183ffb.png" alt="Captura de tela do painel de edição rápida no Editor Wix com uma seção selecionada." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-section-content" level="3">Editar o conteúdo da seção</h2></div><div data-component-type="text"><div>Atualize todo o conteúdo da sua seção em um só lugar. Substitua elementos como texto e imagens e altere o background da sua seção para manter o design atualizado.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o conteúdo da seção:</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 na seção.</li>  <li>Clique no ícone <strong>Edição rápida</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/20/661f2944-ffbc-431d-90a2-dfaffb5f7251/26433683-6dff-4f53-9958-70c39032c3c9.png" />.</li>  <li>Selecione o elemento relevante no painel.</li>  <li>Atualize/substitua o elemento.</li>  <li>(Opcional) Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/7lalJ2U1zesZXkQHtmh5G6Ga-50kmXKoR_kCOA5F2atMeeNQYRSDfH4iZStTkBtSd4jiskOmkvjyKPe3Wi-ffmJA0e6mFRJGYM-h2Q_3RUKhatWqv90PlEKY4KrX12YeMcsPQPwCg_A1oPfky0MOCQ" /><strong> </strong>para atualizar as configurações do elemento.</li>  <li>Clique no ícone <strong>Fechar </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/02/557b534c-5732-4482-8e1f-75ea80aa7ae8/fb740840-dad5-4b95-a4e7-2b9826bc1644.png" /> para sair do painel.</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/2024/12/10/f7277e96-e2a3-4f5e-8adc-8c7041924a5e/367bfd06-c2d2-4f56-85a1-1e8773664c3c.png" alt="Captura de tela da barra de edição rápida no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="text"><div>Clique nas perguntas para saber mais sobre o que você pode fazer com o painel Edição rápida no seu editor:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso voltar para um layout anterior no painel?</h4><div class="collapsible-content"><div>Claro. Ao visualizar as opções na aba <strong>Explorar layouts da seção</strong>, selecione a visualização em <strong>Layout atual</strong> para reverter sua seção. </div><div><br /></div><div><strong>Observação:</strong> se você selecionar um novo layout e fechar o painel, não será possível voltar para o layout anterior da sua seção no painel. No entanto, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-desfazendo-e-refazendo-ações" target="">usar as ferramentas Desfazer e Refazer</a> para reverter as alterações.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Existe outra maneira de acessar o painel?</h4><div class="collapsible-content"><div>Você também pode acessar o painel ao selecionar sua seção e clicar em <strong>Edição rápida</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/20/661f2944-ffbc-431d-90a2-dfaffb5f7251/26433683-6dff-4f53-9958-70c39032c3c9.png" />.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como faço para atualizar o texto em uma seção?</h4><div class="collapsible-content"><ol>
  <li>Abra a aba <strong>Conteúdo</strong> no painel <strong>Edição rápida</strong>.</li>  <li>Selecione o campo de texto relevante e insira seu novo texto nele.</li>  <li>Clique no ícone <strong>Fechar</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/02/557b534c-5732-4482-8e1f-75ea80aa7ae8/fb740840-dad5-4b95-a4e7-2b9826bc1644.png" /> para sair do painel.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso usar o painel para personalizar o design dos elementos?</h4><div class="collapsible-content"><div>O painel Edição rápida permite que você altere o layout e o conteúdo da sua seção. Como os tipos de elemento têm recursos e opções diferentes, eles são personalizados individualmente. Você pode alterar o design dos elementos da seção com as seguintes etapas:</div><div><br /></div><ol>
  <li>Feche o painel Edição rápida.</li>  <li>Selecione o elemento relevante.</li>  <li>Clique no ícone <strong>Design</strong>  <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/24cbcae1-ce69-445c-95b9-aac1f45cb155.png" /> e faça as alterações desejadas.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/05/17/ea5dc161-f497-481d-89d9-fc78172d91ea/7c230dbc-c44a-414b-a1b4-4f56dbc6f96f.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como faço para personalizar o design da minha seção?</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-seções" target="">Use ferramentas como efeitos de rolagem, separadores de forma e muito mais</a> para que sua seção fique como você deseja.</div></div></div></div>

Os elementos nas páginas do seu site são organizados em uma determinada ordem. Essa ordem tem aspectos visuais e funcionais. Ela determina a sequência de exibição, carregamento e tabulação dos element...

Editor Wix: sobre a ordem dos elementos do site

<div data-component-type="text"><div>Os elementos nas páginas do seu site são organizados em uma determinada ordem. Essa ordem tem aspectos visuais e funcionais. Ela determina a sequência de exibição, carregamento e tabulação dos elementos em seu site online.</div></div><div data-component-type="text"><div>A ordem dos elementos do seu site é determinada automaticamente, no entanto, você pode fazer alterações manuais, se necessário.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-order-of-elements-on-your-site" level="3">A ordem dos elementos no seu site</h2></div><div data-component-type="text"><div>Os elementos que você adiciona ao seu site são organizados nas <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">camadas da página</a>, e são exibidos em uma ordem específica. Essa sequência é retirada da <a data-composite="true" href="https://support.wix.com/pt/article/desempenho-do-site-ordem-do-dom-do-seu-site" target="">ordem do DOM</a>, que se refere à sequência de carregamento e leitura dos elementos da página.</div></div><div data-component-type="text"><div>A ordem dos elementos no seu site é uma <a data-composite="true" href="https://support.wix.com/pt/article/desempenho-do-site-ordem-do-dom-do-seu-site#dom-order-and-site-performance" target="">parte importante do desempenho do seu site</a>. Ela também é essencial para a acessibilidade do seu site, pois <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-site-para-leitores-de-tela" target="">determina a sequência</a> em que os visitantes que usam tecnologias assistivas (ou a tecla tab) navegam pelo conteúdo da página.</div></div><div data-component-type="text"><div>O Wix define automaticamente uma ordem do DOM para você. A sequência usa a ordem visual dos elementos: da esquerda para a direita e de cima para baixo. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-order-of-your-site-elements" level="3">Alterar manualmente a ordem dos elementos do seu site</h2></div><div data-component-type="text"><div>A ordem automática do DOM é ativada automaticamente no seu site para desktop. Se a ordem visual e de tabulação do seu site for lógica, recomendamos manter a sequência como está. No entanto, se a ordem do DOM em seu site não for lógica, você pode alterá-la manualmente no <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de acessibilidade</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer verificar a ordem do DOM do seu site?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-salvando-visualizando-e-publicando-seu-site#previewing-your-site" target="">Visualize</a> ou abra seu site online e pressione a <strong>tecla Tab</strong> no teclado para navegar pelos elementos da página.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar as configurações do DOM:</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>Selecione <strong>Configurações</strong> na barra superior do seu editor.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Selecione o ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/91fbe34c-3491-4ef6-8c92-ebbc86841818/6e2b4e22-9ca8-4711-951a-51f8ba127511.png" /> no canto superior direito do Assistente.</li>  <li>Selecione <strong>Configurações avançadas</strong>.</li>  <li>Selecione <strong>Ordem automática do DOM</strong>.</li>  <li>Desative a alavanca no painel.</li>  <li>Selecione <strong>Desativar </strong>na janela pop-up.</li>  <li>Reorganize os elementos manualmente:
    <ol>
      <li>Selecione o ícone <strong>Camadas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> no canto inferior esquerdo do editor.</li>      <li>Verifique a lista e exclua todos os elementos desnecessários. Isso inclui elementos duplicados que não têm uso no seu site e podem confundir os usuários que utilizam leitores de tela.</li>      <li>Arraste e solte os elementos na ordem desejada.</li>    </ol>  </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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/23446a58-77b9-4b4b-8092-2db23c31714e/25361114-abbb-4f3c-8c4a-1cd503b999f4.png" alt="O painel de configurações avançadas do assistente de acessibilidade. A alavanca de Ordem automática do DOM foi desativada." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="potential-issues-and-troubleshooting-steps" level="3">Possíveis problemas e etapas para solução de problemas</h2></div><div data-component-type="text"><div>Problemas com a ordem do DOM do seu site podem afetar o desempenho e a acessibilidade do site, bem como a estrutura geral das páginas do site. Selecione uma opção para saber mais sobre esses problemas e descobrir possíveis soluções.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">A ordem de carregamento dos elementos no site online não corresponde à ordem visual dos elementos</h4><div class="collapsible-content"><div>Se você desativou a ordem automática do DOM do seu site, a ordem em que eles carregam pode não corresponder à ordem visual dos elementos. </div><div><br /></div><div>Por exemplo, se um botão aparecer na parte inferior de uma página, mas for o primeiro na ordem do DOM, ele será carregado antes dos elementos acima dele. À medida que o conteúdo adicional é carregado, o layout da página pode mudar e se mover. </div><div><br /></div><div>Recomendamos ativar a ordem automática do DOM do seu site para garantir que o carregamento e a sequência visual dos seus elementos façam sentido. No entanto, se a ordem automática não for lógica, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">reorganizar manualmente a ordem do DOM no painel Camadas</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elementos se movem na página quando eu salvo meu site</h4><div class="collapsible-content"><div>A ordem do DOM do seu site é retirada da ordem visual dos elementos nas suas páginas: da esquerda para a direita e de cima para baixo. Isso pode fazer com que os elementos mudem de posição ou fiquem ocultos atrás de outros elementos quando você salvar as alterações no site.</div><div><br /></div><div>Você pode corrigir esse problema ao seguir esses passos:</div><ol>
  <li>Desative a ordem automática do DOM nas configurações avançadas de acessibilidade do seu site.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-visualizando-e-selecionando-elementos-sobrepostos" target="">Abra o painel Camadas no Editor para localizar e selecionar os elementos relevantes</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">Reorganize manualmente os elementos na ordem desejada</a>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">A ordem de tabulação dos elementos no site online não corresponde à ordem visual dos elementos</h4><div class="collapsible-content"><div>Se você desativou a ordem automática do DOM em seu site, a ordem de tabulação pode não corresponder à sequência visual dos elementos. Isso pode afetar a acessibilidade do site, pois dificulta a navegação para os visitantes que usam tecnologias assistivas.</div><div><br /></div><div>Recomendamos ativar a ordem automática do DOM em seu site para garantir que a tabulação e a sequência visual dos seus elementos façam sentido. No entanto, se a ordem automática não for lógica, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">reorganizar manualmente a ordem do DOM no painel Camadas</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">A ordem automática do DOM não corresponde ao idioma do site</h4><div class="collapsible-content"><div>A ordem automática do DOM nos sites do Editor desktop foi criada para scripts da esquerda para a direita (por exemplo: inglês, espanhol, etc.). Se o seu site usa um script da direita para a esquerda, como árabe ou hebraico, você precisa <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">reorganizar manualmente a ordem do DOM no painel Camadas</a>.</div></div></div></div>

ImportanteEsse recurso ainda não está disponível para todos os usuáriosAdicione seções geradas por IA (Inteligência Artificial) para otimizar a experiência de criação do seu site. O gerador considera ...

Editor Wix: gerar seções da página com IA

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante</div><div class="info-content"><div>Esse recurso ainda não está disponível para todos os usuários</div></div></div></div><div data-component-type="text"><div>Adicione seções geradas por IA (Inteligência Artificial) para otimizar a experiência de criação do seu site. O gerador considera as informações do seu site e cria um conteúdo que você pode ajustar como preferir.</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>Você pode usar o nosso <a data-composite="true" href="https://pt.wix.com/ai-website-builder" target="_blank">Criador de sites com IA</a> para criar um site único, feito para o seu negócio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-new-sections-with-ai" level="3">Gerar novas seções com IA</h2></div><div data-component-type="text"><div>Organize e exiba conteúdo ao adicionar seções geradas por IA. Todas as seções que você adicionar são totalmente personalizáveis, portanto, você pode alterar o design e o conteúdo conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma seção gerada por IA:</h2></div><div data-component-type="text"><ol>
  <li>Selecione <strong>Seções </strong><img data-composite="true" src="https://lh3.googleusercontent.com/TjYeZuWkbCLatKNmawGnaIFMAwb3sNqUSdwzsGsNG76H09d_JCSw-YtvdnuW27id0m4oxjTV7Z5Qea79WQuvjGW63-3csO1dW04CT4WcFnxQjfDDaKF3GVGqcQp7kn_sJ5TzVwCIfngObmKFGq1QoA" /> no menu do lado esquerdo do editor</li>  <li>Selecione <strong>Gerador de seção por IA</strong>.</li>  <li>Adicione/edite as informações do seu site e o conteúdo desejado da seção:
    <ul>
      <li><strong>Informações do site: </strong>isso inclui o tipo e o nome do seu site. Se você quiser atualizá-lo, selecione <strong>Editar</strong> e faça as alterações necessárias.</li>      <li><strong>Tipo de seção: </strong>escolha o tipo de seção que deseja no menu dropdown.</li>      <li><strong>Detalhes do texto:</strong> insira os detalhes do texto no campo, como palavras-chave e informações importantes.</li>    </ul>  </li>  <li>Selecione <strong>Criar seção</strong>.</li>  <li>Clique e arraste a seção que deseja adicionar à sua página.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/09/21/90b7c291-0f2b-4549-ad97-3baef50477c5/4e76bf2a-0e73-4689-a79d-14eda116da3f.png" alt="O painel do Gerador de seção por IA no Editor. O botão Criar seção está destacado." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-your-section-content" level="3">Ajustar o conteúdo da seção</h2></div><div data-component-type="text"><div>Após adicionar uma seção gerada por IA ao seu site, você pode alterar manualmente o texto e/ou as imagens para que se adequem ao visual da sua marca. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Você precisa conferir e editar o texto onde necessário antes de publicar as alterações para garantir que ele esteja alinhado com os <a data-composite="true" href="https://pt.wix.com/about/terms-of-use" target="_blank">Termos de Uso Wix</a> e que você tem todos os direitos e licenças necessários para usar e publicar esse conteúdo.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para ajustar o conteúdo da seção:</h2></div><div data-component-type="text"><ol>
  <li>Clique na seção no seu editor.</li>  <li>Clique no conteúdo que deseja alterar ou ajustar:
    <ul>
      <li><strong>Texto:</strong>
        <ol>
          <li>Selecione a caixa de texto.</li>          <li>Clique em <strong>Editar texto</strong>.</li>          <li>Faça alterações no texto conforme necessário.</li>          <li>(Opcional) Use o painel para <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-formatando-seu-texto" target="">alterar a fonte, o tamanho, a cor do texto e muito mais</a>.</li>        </ol>      </li>      <li><strong>Imagem:</strong>
        <ol>
          <li>Selecione a imagem.</li>          <li>Clique em<strong> Alterar imagem</strong>.</li>          <li>Selecione entre uma variedade de fotos ou arquivos do site, ou faça upload das suas próprias fotos.</li>          <li>Clique em <strong>Escolher imagem</strong>.</li>          <li>(Opcional) Clique nos ícones para <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-recortar-uma-imagem" target="">recortar sua imagem</a>, <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-editar-e-personalizar-imagens" target="">adicione uma moldura</a>, e muito mais.</li>        </ol>      </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/651c25b0-2d60-43c8-addf-1df2fd575568/2023/09/21/6d1d4bb4-eba0-40f4-9160-309468146ecf/154c066b-7678-4c70-a83d-55a2b9976ac5.png" alt="O painel de configurações de texto criado em uma seção com IA. O cursor está passando sobre o texto destacado." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é o próximo passo?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizar-seções" target="">Personalize suas seções</a> para complementar suas páginas e marca.</li>  <li>Saiba tudo o que você pode fazer com os <a data-composite="true" href="https://www.wix.com/features/ai" target="_blank">recursos de IA do Wix</a> (em inglês).</li></ul></div></div></div>

Atualmente, não é possível acessar o código CSS do seu site.Muitas alterações no CSS podem ser feitas ao atualizar seu conteúdo no Editor. As alterações entram em vigor quando você clica em Publicar.D...

Pedido Editor Wix: acessar o código CSS (folha de estilo) do site

<div data-component-type="text"><div>Atualmente, não é possível acessar o código CSS do seu site.</div></div><div data-component-type="text"><div>Muitas alterações no CSS podem ser feitas ao atualizar seu conteúdo no Editor. As alterações entram em vigor quando você clica em <strong>Publicar</strong>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>A <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-studio-sobre-a-edição-de-css" target="">edição de CSS</a> é um dos muitos recursos avançados que estão disponíveis no <a data-composite="true" href="https://support.wix.com/pt/article/wix-studio-sobre-o-editor-do-wix-studio" target="">Editor do Wix Studio</a>.</div></div></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div>

Atualmente, não é possível criar um cabeçalho que encolhe ao rolar para baixo no site.Estamos sempre trabalhando para atualizar e melhorar os nossos produtos e seu feedback será extremamente apreciado...

Pedido Editor Wix: criar um cabeçalho que é reduzido ao rolar para baixo

<div data-component-type="text"><div>Atualmente, não é possível criar um cabeçalho que encolhe ao rolar para baixo no site.<br /><br />Estamos sempre trabalhando para atualizar e melhorar os nossos produtos e seu feedback será extremamente apreciado.<br /><br /></div><div>Se este é um recurso que você gostaria de ver no futuro, por favor clique em <strong>Vote neste recurso</strong> e iremos nos certificar de mantê-lo atualizado.</div></div>

Você pode ver uma lacuna abaixo do rodapé em algumas telas. Isso aparece porque o conteúdo do seu site é mais curto do que a altura da janela de visualização.Atualmente, o Wix oferece soluções para aj...

Pedido Editor Wix: remover o espaço abaixo do rodapé

<div data-component-type="text"><div>Você pode ver uma lacuna abaixo do rodapé em algumas telas. Isso aparece porque o conteúdo do seu site é mais curto do que a altura da janela de visualização.</div></div><div data-component-type="text"><div>Atualmente, o Wix oferece soluções para ajudar você a criar um site responsivo horizontalmente. <a data-composite="true" href="https://support.wix.com/pt/article/pedido-sites-responsivos" target="">Clique aqui para saber quais elementos são horizontalmente responsivos</a></div></div><div data-component-type="text"><div>Ainda estamos trabalhando em soluções para responsividade vertical. Enquanto isso, você pode experimentar nossas recomendações. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-remover-o-espaço-entre-o-rodapé-e-o-conteúdo-da-página#gaps-below-the-footer" target="">Saiba mais sobre o espaço sob o rodapé e encontre possíveis soluções</a></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

No momento, não é possível ter diferentes designs de cabeçalho ou rodapé em diferentes páginas do seu site Wix. Isso significa que o mesmo cabeçalho e rodapé serão aplicados a todas as páginas do site...

Pedido Editor Wix: ter diferentes designs de cabeçalho/rodapé em diferentes páginas do site no Editor Wix

<div data-component-type="text"><div>No momento, não é possível ter diferentes designs de cabeçalho ou rodapé em diferentes páginas do seu site Wix. Isso significa que o mesmo cabeçalho e rodapé serão aplicados a todas as páginas do site. No entanto, você pode ocultá-los em determinadas páginas. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-ocultando-o-cabeçalho-e-o-rodapé-de-uma-página-específica" target="">Clica aqui e saiba como</a>.</div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div><div data-component-type="text"><div>Se este é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Você pode exibir diferentes cabeçalhos e rodapés em diferentes páginas do seu site com o Editor X. O Editor X é um construtor de sites responsivo, o que significa que você pode personalizar e adaptar um site às suas necessidades exatas. <a data-composite="true" href="https://support.wix.com/pt/article/editor-x-usar-seções-master" target="">Clique aqui para saber como exibir cabeçalhos e rodapés com o Editor X</a></div></div></div></div>

Atualmente, não é possível ativar a rolagem horizontal em seu site online para diferentes tamanhos de tela (como iPads e tablets).Estamos sempre trabalhando para atualizar e melhorar nossos produtos, ...

Pedido Editor Wix: rolagem horizontal no site online

<div data-component-type="text"><div>Atualmente, não é possível ativar a rolagem horizontal em seu site online para diferentes tamanhos de tela (como iPads e tablets).</div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</div></div><div data-component-type="text"><div>Se esse é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e vamos te manter atualizado.</div></div>

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

Recursos de IA

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)

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.