Caso insira um link de URL inválido ou um endereço da web que contenha caracteres não suportados, a seguinte mensagem de erro será exibida: Verifique o URL e tente novamente. Para validar seu URL, use...

Editor Wix: adicionar um link para um URL com caracteres não suportados

Saiba como lidar com URLs inválidos ou endereços da web que contenham caracteres não suportados. O artigo explica a mensagem de erro que aparece e sugere o uso de serviços de encurtamento de URL, como bit.ly ou goo.gl, para validar seus links antes de inseri-los. Isso ajuda a garantir que seus URLs funcionem corretamente.

<div data-component-type="text"><div>Caso insira um link de URL inválido ou um endereço da web que contenha caracteres não suportados, a seguinte mensagem de erro será exibida: <strong>Verifique o URL e tente novamente</strong>.<br /><br /></div><div> Para validar seu URL, use um serviço de encurtar URL como o <a href="https://bitly.com/" target="_blank">bit.ly</a> ou o <a href="http://goo.gl/" target="_blank">goo.gl</a>. </div></div>

Adicione links para elementos em seu site para ajudar os visitantes a navegar pelo seu conteúdo e direcioná-los para um conteúdo relevante e importante.Existem muitos tipos de links que você pode adic...

Editor Wix: adicionar um link a um elemento

Aprenda a adicionar links a elementos do seu site para facilitar a navegação dos visitantes e direcioná-los a conteúdos relevantes. O artigo explora diferentes tipos de links, como links para páginas, URLs externas, e endereços de email, além de fornecer dicas sobre como implementar esses links em imagens, botões e menus. Ao seguir as orientações, você pode melhorar a experiência do usuário e aumentar a interatividade do seu site.

<div data-component-type="text"><div>Adicione links para elementos em seu site para ajudar os visitantes a navegar pelo seu conteúdo e direcioná-los para um conteúdo relevante e importante.</div></div><div data-component-type="text"><div>Existem muitos tipos de links que você pode adicionar, incluindo links de página, links de URLs externos e links para endereços de email.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-links" level="3">Tipos de links</h2></div><div data-component-type="text"><div>Existem muitos tipos de links que você pode adicionar aos seus elementos para direcionar os visitantes do site para qualquer conteúdo que você quiser, incluindo links para pop-ups, âncoras e URLs externos.</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/2025/10/31/876bf4eb-ec36-4733-998c-7d1025e7d520/14a30986-73ae-4455-84b6-d8ff67c9f3ef.png" alt="Painel Link para no editor Wix." /></div></div><div data-component-type="text"><div>Clique em uma opção abaixo para saber mais sobre os tipos de link:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Site</h4><div class="collapsible-content"><div>Direcionar a um endereço web é uma maneira rápida e fácil de direcionar os visitantes para conteúdo relevante ou útil fora do seu site. Quando seus visitantes clicam no elemento, eles são direcionados para o endereço web que você adicionou.</div><div><br /></div><div><strong>Dica:</strong> você pode optar por abrir o endereço web em uma nova janela do navegador ou na janela atual.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Página</h4><div class="collapsible-content"><div>Direcionar a uma página do site pode chamar a atenção para conteúdo importante ou relevante em seu site. Quando seus visitantes clicam no elemento, eles são direcionados para a página que você escolheu.</div><div><br /></div><div>Você também pode vincular as páginas das soluções de negócios Wix. Por exemplo, você pode vincular a páginas de produtos do Wix Stores, posts do Wix Blog e páginas de serviço do Wix Bookings.</div><div><br /></div><div><strong>Dica:</strong> você pode optar por abrir o endereço web em uma nova janela do navegador ou na janela atual.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Seção ou âncora</h4><div class="collapsible-content"><div>As seções são os blocos de construção do seu site, que você pode usar para organizar e exibir conteúdo. Âncoras são marcadores de posição invisíveis que você pode colocar em qualquer lugar nas páginas do seu site. </div><div>Vincule seus elementos a uma âncora ou seção para trazer seus visitantes diretamente ao conteúdo relevante na página escolhida.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Parte superior/inferior da página</h4><div class="collapsible-content"><div>Adicione um link para a parte superior ou inferior da página. Quando seus visitantes clicam no elemento, eles são levados para a parte superior ou inferior da página em que estão.</div><div><br /></div><div>Adicionar esse link pode facilitar a navegação para os visitantes do site, especialmente se suas páginas tiverem muito conteúdo.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Documento</h4><div class="collapsible-content"><div>Link para um documento que você fez upload para o seu site Wix. Quando seus visitantes clicam no elemento, uma nova aba do navegador é aberta com o documento.</div><div><br /></div><div>Direcionar a documentos facilita a exibição de conteúdo como PDFs e outros arquivos em seu site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Email</h4><div class="collapsible-content"><div>Você pode adicionar um link para um endereço de email específico. Quando seus visitantes clicam no elemento, sua conta de email padrão é aberta e eles podem enviar um email diretamente para o endereço que você vinculou.</div><div><br /></div><div>Direcionar a um endereço de email é uma ótima maneira de tornar mais fácil para os visitantes do site entrarem em contato com o seu negócio.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Número de telefone</h4><div class="collapsible-content"><div>Link para um número de telefone. Quando seus visitantes clicam no elemento em seu dispositivo móvel, eles podem ligar para você instantaneamente e diretamente de seu dispositivo.</div><div><br /></div><div><strong>Observação:</strong> se eles estiverem usando desktop, um aplicativo de chamada (como o FaceTime) é aberto.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pop-up</h4><div class="collapsible-content"><div>Vincule um elemento a um pop-up no seu site. Criar um link para um pop-up é uma maneira divertida e criativa de chamar a atenção dos visitantes para o conteúdo do site, como anúncios e promoções. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-sobre-janelas" target="">Saiba mais sobre pop-ups.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-an-element" level="3">Adicionar um link a um elemento</h2></div><div data-component-type="text"><div>Adicione links a uma variedade de elementos, incluindo imagens, texto, botões e arte vetorial.</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/2025/10/31/34c7fe21-2bd2-4e98-a30a-f5f9b94a4840/0843ee6c-cec5-4e44-9816-30f155f1da4c.png" alt="Captura de tela do painel de link com o pop-up destacado." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um link a um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique no ícone Link <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />.</li>  <li>Selecione o tipo de link e insira os detalhes.</li>  <li>Clique em <strong>Ok</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer remover um link?</div><div class="info-content"><div>Você pode remover um link de um elemento a qualquer momento. Basta selecionar <strong>Nenhuma</strong> no popup <strong>Link para</strong> e clique em <strong>OK.</strong></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-menu" level="3">Adicionar um link ao seu menu</h2></div><div data-component-type="text"><div>O menu do seu site contém itens direcionados a páginas ou seções de página no seu site. No entanto, você também pode direcionar um item de menu a outro destino.</div></div><div data-component-type="text"><div>Esses links se parecem com itens de menu comuns e você pode nomeá-los como quiser.</div></div><div data-component-type="heading"><h2 id="" level="4">Para vincular um item de menu:</h2></div><div data-component-type="text"><ol>
  <li>Clique em <strong>Páginas</strong> <strong>e menu </strong><img data-composite="true" src="https://lh5.googleusercontent.com/w1Gd0toKBRkQT4xOGC4TDz4G6LdUDxW0zS9QV4Ar5Wjj_a1px2rl916UzorC2i-zakO-O4Bu6lGhIPtjRj6Vjsv_RvRWEztz8HV7Q_Q92iaU49R9Z29hpW5EyweM0LXaO4QL559kjZGzbp0BAKGK5Q" /><strong> </strong>no lado esquerdo do editor.</li>  <li>Clique no ícone <strong>Adicionar um Link</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/11/29/d78a4278-014e-4a4d-b0c0-4d6961d51113.png" />.</li>  <li>Selecione o tipo de link e insira as informações do link. </li>  <li>Escolha se o link abre em uma nova janela ou na janela atual.</li>  <li>Clique em <strong>OK</strong>.</li>  <li>Insira o nome do item de menu.</li></ol></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-gerenciar-links-no-menu" target="">Saiba mais sobre como vincular itens do menu.</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-links-to-galleries" level="3">Adicionar links a galerias</h2></div><div data-component-type="text"><div>Adicione links à mídia em suas galerias para que eles abram quando um visitante clicar. Você pode adicionar links para mídia na galeria Pro e em uma galeria normal.</div></div><div data-component-type="text"><div>Clique em uma opção abaixo para saber mais sobre como adicionar links aos itens da galeria.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como adicionar um link à mídia da galeria Pro</h4><div class="collapsible-content"><ol>
  <li>Clique na Galeria Pro Wix no Editor Wix.</li>  <li>Clique em <strong>Configurações</strong>.</li>  <li>Clique na aba <strong>Configurações</strong>.</li>  <li>Clique no menu dropdown <strong>Ao clicar em um item</strong>, selecione <strong>Abre um link</strong> e, em seguida, feche o painel.</li>  <li>Clique em <strong>Gerenciar mídia</strong>.</li>  <li>Clique no item da galeria em que você deseja adicionar um link.</li>  <li>Clique no campo <strong>Link</strong> à direita.</li>  <li>Selecione o tipo de link e preencha as informações relevantes.</li>  <li>Clique em <strong>OK</strong>.</li>  <li>Clique no campo <strong>Título do link</strong> e adicione o nome do seu link.</li>  <li>Clique em <strong>OK</strong>.</li></ol><div><br /></div><div><a data-composite="true" href="https://support.wix.com/pt/article/wix-pro-gallery-adicionando-um-link-a-um-item-da-galeria" target="">Saiba mais sobre como vincular na galeria Pro.</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como adicionar um link a uma imagem de galeria</h4><div class="collapsible-content"><ol>
  <li>Clique na galeria.</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/06/c5d2c48e-bd7e-4886-9cec-6b4b6c400055.png" />.</li>  <li>Clique no menu dropdown em <strong>Quando clicado:</strong></li>  <li>Selecione <strong>Abre um link</strong>.</li>  <li>Clique em <strong>Alterar imagens</strong>.</li>  <li>Clique em uma imagem.</li>  <li>Clique no campo <strong>Link</strong> no lado direito.</li>  <li>Selecione um tipo de link e insira os detalhes.</li>  <li>Clique em <strong>Ok</strong>.</li>  <li>Clique em <strong>OK</strong> para fechar a janela <strong>Organize sua galeria</strong>.</li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-links-in-velo" level="3">Adicionar links no Velo</h2></div><div data-component-type="text"><div>Se você estiver usando o Velo by Wix, saiba que ter 2 funções onClick (uma definida no painel de links do Editor e uma definida no Velo) pode causar um conflito. Ao usar 2 funções onClick no mesmo elemento, o link deve ser adicionado usando código.</div></div><div data-component-type="text"><div>Se você estiver usando o CMS (sistema de gerenciamento de conteúdo), saiba que as ações de clique também podem entrar em conflito com os links se o link for adicionado através do painel &quot;Link para&quot;. O CMS pode ser conectado aos tipos de campo de URL e documento. <a data-composite="true" href="https://support.wix.com/pt/article/cms-sobre-ações-de-clique-do-conjunto-de-dados-para-botões-e-imagens" target="">Saiba mais sobre como trabalhar com ações de conjunto de dados para botões</a>.</div><div><br /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-seo-settings" level="3">Configurações avançadas de SEO</h2></div><div data-component-type="text"><div>Quando você vincula um elemento a uma página do site ou endereço web, você pode escolher o atributo rel para o link. Os atributos rel definem a relação entre suas páginas e os links que você adiciona a elas, e a página/motor de busca a trata de acordo.</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>Atributos rel são um tópico avançado e adicionar o atributo incorreto pode causar problemas com seu site e links. Portanto, recomendamos que apenas usuários avançados escolham um atributo rel para seus links.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um atributo rel:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento relevante no seu editor.</li>  <li>Clique no ícone <strong>Link</strong>. </li>  <li>Selecione se deseja vincular o elemento a uma página do site ou endereço web à esquerda do painel.</li>  <li>Clique em<strong> Configurações avançadas de SEO</strong>.</li>  <li>Selecione quais atributos você deseja aplicar no menu dropdown:
    <ul>
      <li><strong>noopener:</strong> esse atributo impede que a página/site vinculado tenha acesso (ou informações sobre) à página que você vinculou. Recomendamos usar isso na maioria dos casos, pois protege a segurança do seu site.</li>      <li><strong>noreferrer:</strong> esse atributo impede que a página/site externo ao qual você está vinculando tenha acesso às informações sobre seu site e suas páginas.</li>      <li><strong>nofollow:</strong> o atributo nofollow diz aos motores de busca para ignorar o link, pois ele não está relacionado ao seu site. Portanto, os motores de busca não rastreiam o link.</li>      <li><strong>sponsored:</strong> esse atributo permite que os motores de busca saibam que o link é um anúncio ou canal e que você foi pago para adicioná-lo ao seu site. Recomendamos o uso desse atributo para todos os anúncios pagos ou links de canais em seu site, pois torna menos provável que sua classificação de SEO seja penalizada por tentar manipular as classificações de resultados.</li>    </ul>  </li></ol></div>

Após adicionar elementos a uma página, ajuste e gerencie-os para criar um conteúdo equilibrado em todo o seu site. Você pode escolher o tamanho, a posição e o ângulo e copiar elementos ou seu design p...

Editor Wix: trabalhar com elementos

Aprenda a ajustar e gerenciar elementos em seu site para criar um conteúdo equilibrado. Descubra como mover, redimensionar, girar e copiar elementos no editor, utilizando recursos como arrastar e soltar ou a barra de ferramentas para maior precisão. Mantenha a consistência do design ao copiar e colar elementos entre páginas. Este artigo oferece dicas práticas para otimizar a disposição dos seus conteúdos e melhorar a estética do seu site.

<div data-component-type="text"><div>Após adicionar elementos a uma página, ajuste e gerencie-os para criar um conteúdo equilibrado em todo o seu site. Você pode escolher o tamanho, a posição e o ângulo e copiar elementos ou seu design para trabalhar com mais eficiência.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="moving-your-elements" level="3">Mover elementos</h2></div><div data-component-type="text"><div>Altere a posição dos seus elementos para alinhá-los com o restante do conteúdo da página. Você pode usar o recurso de <a data-composite="true" href="https://www.wix.com/builder/drag-and-drop" target="_blank">arrastar e soltar</a> para mover um único elemento para qualquer lugar ou usar as alças de arrastar para mover vários elementos alinhados na vertical.</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ê <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-não-é-possível-selecionar-um-elemento" target="">não conseguir selecionar ou encontrar um elemento no editor</a>, é possível que ele tenha sido posicionado atrás de outro elemento.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para mover um único elemento no editor:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento relevante no seu editor.</li>  <li>Clique e arraste o elemento.</li>  <li>Solte o elemento quando ele estiver na 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/08/23/7880732e-b19b-49be-af59-7141b4171db2/88f54478-4b69-4325-a7b6-bad75604330c.gif" alt="Um GIF mostrando um elemento de texto sendo arrastado e solto no Editor Wix." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para mover vários elementos:</h2></div><div data-component-type="text"><ol>
  <li>Alinhe todos os elementos relevantes.</li>  <li>Clique no elemento que está na parte superior desses elementos.</li>  <li>Clique e arraste a alça de arrastar <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/23/da488388-8c07-46eb-bd0b-a1274db7eb92/321dedcb-8755-4ad5-b4c3-5277f09e0a9e.png" />.</li>  <li>Mova o grupo de elementos 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/08/23/71f114fd-91b0-4fcf-b7ef-ba83f57ed4cd/6eb024f5-373c-47ce-b1ac-ebc357ba5cda.gif" alt="Um GIF mostrando vários elementos sendo movidos com a alça de arrastar." /></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 a barra de ferramentas do editor para posicionar seus elementos com mais precisão. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-elementos-através-da-barra-de-ferramentas-do-editor#positioning-elements-using-the-editor-toolbar" target="">Saiba como reposicionar elementos com a barra de ferramentas do editor</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="copying-and-pasting-elements" level="3">Copiar e colar elementos</h2></div><div data-component-type="text"><div>Copie e cole um ou vários elementos para criar seu conteúdo rapidamente. Você pode copiar elementos de uma página/seção e colá-los em outra para manter o design do seu site consistente. </div></div><div data-component-type="heading"><h2 id="" level="4">Para copiar e colar um único elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique com o botão direito do mouse no elemento relevante no seu editor.</li>  <li>Clique em <strong>Copiar</strong>.</li>  <li>Navegue até a nova página ou seção no seu site.</li>  <li>Clique com o botão direito do mouse no local desejado. </li>  <li>Clique em <strong>Colar</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/2022/08/23/28f69dbe-c9ba-4d01-b3cb-4aecc4efb036/9400b8af-fc19-467e-a18a-6d4bea8f90f4.png" alt="O menu do botão direito do mouse de um elemento. O cursor está passando sobre a opção de copiar o elemento." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para copiar e colar vários elementos:</h2></div><div data-component-type="text"><ol>
  <li>Clique e arraste o cursor sobre os elementos relevantes no editor.</li>  <li>Clique em<strong> Agrupar elementos</strong>.</li>  <li>Clique com o botão direito do mouse no grupo e clique em <strong>Copiar</strong>.</li>  <li>Navegue até a nova página ou seção no seu site.</li>  <li>Clique com o botão direito do mouse no local desejado.</li>  <li>Clique em <strong>Colar</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/2022/08/23/3797d414-0957-4a69-8dcb-7d5b42e73095/6ccd22c5-2626-461f-a02a-878017448620.png" alt="O menu do botão direito do mouse em um grupo de elementos. O cursor está passando sobre a opção de copiar o grupo de elementos." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">É importante saber que:</div><div class="info-content"><ul>
  <li>Você também pode usar os atalhos de teclado <strong>Ctrl+C</strong> para copiar um elemento e <strong>Ctrl+V</strong> para colar um elemento (<strong>Cmd+C</strong> e <strong>Cmd+V</strong> no Mac).</li>  <li>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-copiar-e-colar-uma-página-em-outro-site" target="">copiar e colar elementos para um site diferente</a> em sua conta.</li>  <li>Se você tiver problemas para selecionar todos os elementos, comece clicando em um elemento, em seguida, clique com o mouse e arraste-o.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-elements" level="3">Redimensionar elementos</h2></div><div data-component-type="text"><div>Use as alças de esticar do elemento para deixar seus elementos do tamanho que quiser. Quando você redimensiona elementos, o tamanho da página ou seção pode se ajustar automaticamente para caber no elemento.</div></div><div data-component-type="heading"><h2 id="" level="4">Para redimensionar um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento relevante no seu editor.</li>  <li>Arraste as alças de esticar na borda do elemento.</li>  <li>Solte as alças quando o elemento estiver do tamanho desejado.</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/23/183b5dc2-3731-43ea-93ba-cffcc1ef169e/2e707ff9-f967-45f1-b4d4-3783751a3ef4.gif" alt="Um GIF mostrando um elemento de mapas sendo redimensionado com as alças de esticar no editor." /></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 a barra de ferramentas do editor para redimensionar seus elementos com mais precisão. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-elementos-através-da-barra-de-ferramentas-do-editor#resizing-elements-using-the-editor-toolbar" target="">Saiba como redimensionar elementos com a barra de ferramentas do Editor</a></div></div></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>Alguns elementos são ajustados proporcionalmente por padrão, incluindo imagens, botões, formas e galerias de imagens. Mantenha pressionada a tecla <strong>Shift</strong> no teclado para ajustar livremente o tamanho desses elementos.</li>  <li>Outros elementos, como menus, caixas, apresentações de slides e aplicativos são ajustados livremente por padrão. Mantenha pressionada a tecla <strong>Shift</strong> no teclado para ajustar o tamanho desses elementos de maneira proporcional.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rotating-elements" level="3">Girar elementos</h2></div><div data-component-type="text"><div>Girar seus elementos é uma maneira divertida e criativa de adicionar um toque único ao seu site. Você pode girar livremente seus elementos usando o ícone, que permite que você experimente e encontre o ângulo que você mais gosta.  </div></div><div data-component-type="heading"><h2 id="" level="4">Para girar um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento relevante no seu editor.</li>  <li>Clique e arraste o ícone Girar <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/aedc2cfe-4fb1-4731-993b-acdd541b9d98.png" /> no canto superior esquerdo do elemento.</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/22/0f617a2f-a6e1-41c9-9132-9648c100d555/0a600e48-6c8e-4b40-90b3-844f6f073bd4.gif" alt="Um GIF mostrando uma imagem de um cachorro sendo girado com a alça Girar 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>Você também pode definir o ângulo de rotação com precisão com a barra de ferramentas do editor. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-elementos-através-da-barra-de-ferramentas-do-editor#rotating-elements-with-the-editor-toolbar" target="">Saiba como girar elementos com a barra de ferramentas do Editor</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="copying-an-elements-design" level="3">Copiar o design de um elemento</h2></div><div data-component-type="text"><div>Copie o design de um elemento e use-o em outros elementos semelhantes em seu site. Por exemplo, você pode copiar o design de um botão e aplicá-lo a outros botões para manter a estética do seu site consistente.</div></div><div data-component-type="heading"><h2 id="" level="4">Para copiar o design de um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique com o botão direito do mouse no elemento do qual você deseja copiar o design no seu editor.</li>  <li>Clique em <strong>Copiar design</strong>.</li>  <li>Selecione os designs no lado direito do painel que você deseja substituir.</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/2022/08/22/30899779-303b-4323-a07f-c48b43093996/fe06c0ac-be85-4cac-9f1f-ffbae44a635f.png" alt="O painel de cópia de design do elemento. Dois designs foram selecionados para que o novo design seja aplicado." /></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 recurso de cópia de design está disponível para páginas e elementos temáticos, como botões e contêineres.</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="text"><div>Clique nas perguntas abaixo para saber mais.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como faço para selecionar vários elementos no editor?</h4><div class="collapsible-content"><div>Para selecionar vários elementos ao mesmo tempo, mantenha o cursor pressionado e arraste-o sobre os elementos. Como alternativa, você pode selecionar os elementos manualmente com o mouse. Clique no primeiro elemento que você deseja selecionar. Em seguida, mantenha a tecla <strong>Shift</strong> pressionada no teclado enquanto clica nos outros elementos.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como posso redimensionar, girar e posicionar os elementos no meu site com mais precisão?</h4><div class="collapsible-content"><div>Você pode fazer isso usando a barra de ferramentas do editor, que permite um controle mais preciso sobre os elementos. <a data-composite="true" href="https://support.wix.com/pt/article/usando-a-barra-de-ferramentas-do-editor" target="">Saiba mais sobre a barra de ferramentas do editor</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que há um espaço em branco a mais na parte inferior da minha página?</h4><div class="collapsible-content"><div>O espaço em branco geralmente ocorre quando há elementos ocultos ou posicionados incorretamente fora das linhas de grade. Use o <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-o-painel-de-camadas" target="">painel Camadas</a> para verificar se há elementos ou faixas ocultos. </div></div></div></div>

Ao clicar em um elemento no Editor, você pode encontrar vários ícones. Abaixo estão alguns dos ícones que aparecem nos elementos e seus significados e usos.Importante:Os ícones disponíveis dependem do...

Editor Wix: ícones disponíveis ao clicar em elementos no Editor

Descubra os ícones disponíveis no Editor e como cada um pode ajudá-lo a personalizar seus elementos. Aprenda a configurar, alterar layouts, aplicar design, adicionar animações, links e muito mais. Este guia prático oferece uma visão clara das ações que você pode realizar em diferentes elementos, permitindo que você otimize seu site de forma eficiente.

<div data-component-type="text"><div>Ao clicar em um elemento no Editor, você pode encontrar vários ícones. Abaixo estão alguns dos ícones que aparecem nos elementos e seus significados e usos.</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>Os ícones disponíveis dependem do tipo de elemento e de suas configurações.</div></div></div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Ícone</div></th><th><div>Nome</div></th><th><div>Ação</div></th></tr></thead><tbody><tr><td><div><img data-composite="true" src="https://lh4.googleusercontent.com/eqvqTFBPOviyHY23ZuOVCXWqz4DHLmJ94uiiKUx3TyD0HsAhOCSDcjT-lw_XcP6qcNOR71NA7qNQd0k11Kz5PGCKB0huzmq7STCAVmZB55Mvm92vCpLdy-5nCJXtKkbBrr8Ghkbo" /></div></td><td><div>Configurações</div></td><td><div>Clique para configurar o elemento. As configurações são<br />
diferentes para cada elemento.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/_o63TCTCRJLLQGXjE3A037_Ewcw6NyoTwOCmtaYSCkiQ-u2XW00xPpyw3PUuq7gyYimF_Uw3SHZ5zdeCUAThh_PyIweKwILGTFEOkwv8aK-0mOQJNLRHa9B_LZJdEADO0BQvJb8y" /></div></td><td><div>Layout</div></td><td><div>Clique para alterar o layout do elemento.<br />
Os layouts são diferentes para cada elemento.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/j-rXK3SQAEZoPrh7cdaR14ihsCQqEsLllKBidFTcrvvztKxDV-KXxP_BjTpNXNFmd-j-f7zbM_TsxRf3_6HB0Mfsxvow9tuHcYoCJbE5Bn5rvLLWaC4EFHvpkQw9kmMhLaUiL-V3" /></div></td><td><div>Design</div></td><td><div>Clique para fazer o design o elemento. As opções de design são diferentes para cada elemento.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/qZdxYz1tRldM35Sf7qrJ9eYIjvlmcVfG_69hTHINgzRdIDTtTTUfYsBVVH9gGzoULCYZulUru2GCBtl4t7mA7I9VuxIfyPOfEcoKZSLQyoB3v5Uym8WZf0ranxNDGldDNZUYJe-Y" /></div></td><td><div>Animação</div></td><td><div>Clique para <a data-composite="true" href="https://support.wix.com/pt/the-wix-editor/using-your-editor/article/editor-wix-adicionando-animação-em-um-elemento" target="">adicionar uma animação</a> ao elemento.</div></td></tr><tr><td><div><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/15/75db1066-e6aa-4d1a-bec9-4cea8c22877f.png" /></div></td><td><div>Link</div></td><td><div>Clique para <a data-composite="true" href="https://support.wix.com/pt/the-wix-editor/using-your-editor/article/editor-wix-adicionando-um-link-a-um-elemento-3485941" target="">adicionar um link</a> ao elemento.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/o8NGIYSnmY_pPAQ9pUzp_owShmVbyJ0tkilgxPKRP1e0rpy7q7TmHDPmhW06IFf4kt_13q_FtLwhc-Ytuj3XI2I_92q3ECVJy0Gma1AKoeq477W8Q1cpFDzKt4QQqseua9pbCkCu" /></div></td><td><div>Mais ações</div></td><td><div>Clique para mostrar mais opções.</div></td></tr><tr><td><div><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/15/68d4ed2e-c6c5-45bb-a429-13d9ec92edda.png" /></div></td><td><div>Recortar e editar</div></td><td><div>Clique para <a data-composite="true" href="https://support.wix.com/pt/the-wix-editor/image/article/editando-imagens" target="">fazer alterações</a> em sua imagem.</div></td></tr><tr><td><div><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/15/12779d43-58fd-4b0e-b122-422af17057ea.png" /></div></td><td><div>Upgrade</div></td><td><div>Clique para fazer upgrade do elemento/recurso.</div></td></tr><tr><td><div><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/15/1e278e9e-e066-495b-af68-618bdde52085.jpg" /></div></td><td><div>Ajuda</div></td><td><div>Clique para saber mais sobre o elemento ou encontrar uma resposta para uma pergunta que você tem.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/XNXwA4cYG0B1BVhkZ1shMpn7Mbzy2SyJ2ErrvYxYE1XZoJdtVWme4EXwYpn_XMB3StpTUSfKMdG-h9sXdBvLeBXue21mqSyGpbUKV0c04DPDjq5U2AkgVA0yEYbejr_rYKP9Eut5" /></div></td><td><div>Alça de esticar</div></td><td><div>Clique e arraste para alongar ou encurtas o elemento. Esse ícone aparece em faixas e páginas.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh3.googleusercontent.com/FukahLgIZXd1vSufVMxTz0seKbIp1MoUCivv3JyTWkJoQqrDUWAt-6w6MzSflcU8qJKWA1TU4zkWMcm16IY497rSTP3BZKnPhh9rsSNTtPoAfDjCx0HHf7Ws5XYS2-fKoLmflUfx" /></div></td><td><div>Esticar</div></td><td><div>Clique nesse ícone para esticar o elemento até a largura total do seu site ou dentro das linhas de grade. Esse ícone aparece em elementos como faixas e galerias.</div></td></tr><tr><td><div><img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq" /></div></td><td><div>Acessibilidade</div></td><td><div>Clique para visualizar e editar seus atributos. Esse ícone só é mostrado em elementos aos quais você já adicionou atributos Aria personalizados. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionando-atributos-aria-a-aplicativos-web-personalizados" target="_blank">Saiba como</a></div></td></tr><tr><td><div><img data-composite="true" src="https://lh5.googleusercontent.com/CFPANKqN91pt8G9qVU9UyCHYdl30UZ0CWLfwBdKnsZjV3H-g3ioIYmHGdOgVFHBPVK4-dyFHMH_IkdZW2KZERdnXHkJAx7jyxbt7Lw_HW9qkH645sZP8iMzOVgDFZkbsfukgb3xR" /></div></td><td><div>Conectar aos dados</div></td><td><div>Conecte o elemento a coleções de dados para exibir e coletar dados em seu site. <a data-composite="true" href="https://support.wix.com/pt/article/cms-antigo-gerenciador-de-dados-uma-visão-geral#compatible-elements" target="_blank">Saiba mais</a></div></td></tr></tbody></table></div></div>

O Editor Wix contém centenas de elementos exclusivos e personalizáveis que você pode usar para criar seu site. Escolha entre imagens, texto, formas, faixas e muito mais para personalizar e destacar se...

Editor Wix: adicionar e excluir elementos

Descubra como adicionar e personalizar elementos no Editor Wix para criar um site atraente e único. Aprenda a escolher entre uma variedade de opções, como imagens e textos, e a excluí-los facilmente quando necessário. Com apenas alguns cliques, você pode destacar sua presença online e, se cometer um erro, saiba como desfazer a ação rapidamente.

<div data-component-type="text"><div>O Editor Wix contém centenas de elementos exclusivos e personalizáveis que você pode usar para criar seu site. Escolha entre imagens, texto, formas, faixas e muito mais para personalizar e destacar seu site. </div></div><div data-component-type="text"><div>Adicione um elemento ao seu site com apenas alguns cliques e, da mesma forma, exclua-o enquanto cria sua presença online.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-element-to-your-site" level="3">Adicionar um elemento ao site</h2></div><div data-component-type="text"><div>Escolha entre uma variedade de elementos bonitos e personalizáveis e adicione-os ao seu site com apenas alguns cliques.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um elemento:</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 aba, por exemplo, <strong>Galeria</strong>, <strong>Interativo</strong>, <strong>Caixa</strong> etc.</li>  <li>Clique em um elemento ou arraste-o para o seu site para adicioná-lo.</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>As abas de alguns elementos (como texto e botões) têm elementos temáticos. Esses elementos foram escolhidos especialmente para você, pois combinam com a cor e o tema do texto do seu site.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/08/24/f3ff750b-a1b0-4a61-bc16-b46e6260450b/dced8db6-35ca-4447-8ea0-b956c875d691.gif" /></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"><div>Após adicionar um elemento ao seu site, use as opções para personalizá-lo e configurá-lo.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-elements-from-your-site" level="3">Excluir elementos do site</h2></div><div data-component-type="text"><div>Você pode excluir um elemento adicionado ao seu site a qualquer momento. Exclua elementos individualmente ou selecione vários e exclua todos de uma vez. Clique nas opções abaixo para saber mais:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Excluir elementos individualmente</h4><div class="collapsible-content"><ol>
  <li>Selecione o elemento no seu editor.</li>  <li>Pressione <strong>Delete</strong> no teclado.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Excluir vários elementos de uma vez</h4><div class="collapsible-content"><ol>
  <li>Mantenha pressionada a tecla <strong>Ctrl</strong>.</li>  <li>Clique em todos os elementos que você deseja excluir.</li>  <li>Pressione <strong>Delete</strong> no teclado.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Excluiu um elemento por engano?</div><div class="info-content"><div>Se você excluir um elemento por engano, você pode desfazer isso facilmente ao <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-desfazendo-e-refazendo-ações" target="">clicar no ícone Desfazer</a> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/1b425f6a-9e72-4f9b-b957-32c3f5f7c9ab.png" /> na barra superior do editor.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/08/24/df3bce13-f49e-46b4-b120-3d9edf604511/fdc7200d-d3a8-44b8-8592-e287a43bffd0.png" /></div></div></div></div>

Fixe um elemento na tela para que ele fique sempre visível, mesmo quando seus visitantes rolam a página para baixo. Você pode escolher a posição exata do elemento ao definir a distância horizontal e v...

Editor Wix: fixar elementos na tela

Aprenda a fixar elementos na tela do seu site para que eles permaneçam visíveis enquanto os visitantes rolam a página. Este recurso é ideal para ferramentas sociais, menus e formulários de contato, garantindo fácil acesso. Descubra como ajustar a posição e a distância dos elementos fixados, além de como desafixá-los quando necessário. Mantenha seu conteúdo acessível e evite sobreposições em telas menores com dicas práticas.

<div data-component-type="text"><div>Fixe um elemento na tela para que ele fique sempre visível, mesmo quando seus visitantes rolam a página para baixo. Você pode escolher a posição exata do elemento ao definir a distância horizontal e vertical das bordas.</div></div><div data-component-type="text"><div>No exemplo abaixo, o <a data-composite="true" href="https://support.wix.com/pt/article/wix-chat-visão-geral" target="">botão do Wix Chat</a> está fixado no lado direito da tela para que as pessoas possam clicar nele onde estiverem na página:</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/2022/04/30/583ca3ca-9fe6-4fc9-9e1e-dbb219a09b12/636ee30f-402f-4f0a-bb7b-2f2de4dd6885.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="pinning-an-element-to-the-screen" level="3">Fixar um elemento na tela</h2></div><div data-component-type="text"><div>Você pode fixar a maioria dos elementos no seu editor. Esse recurso é particularmente útil para ferramentas sociais, menus e formulários de contato, para que eles sejam facilmente acessíveis a qualquer momento.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Fixar elementos grandes pode bloquear grandes áreas do seu site, o que significa que os visitantes não poderão ver seu conteúdo.</li>  <li>Ao fixar elementos nos lados esquerdo e direito da página, eles podem se sobrepor quando visualizados em uma tela menor.</li></ul></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para fixar um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique com o botão direito do mouse no elemento no seu editor.</li>  <li>Clique em<strong> Posição fixa</strong>.</li>  <li>Selecione uma posição na grade em <strong>Configure a posição</strong>.</li>  <li>Arraste o slider em <strong>Distância horizontal</strong> para mover o elemento horizontalmente ou digite um número no campo ao lado do slider.</li>  <li>Arraste o slider em <strong>Distância vertical</strong> para mover o elemento verticalmente ou digite um número no campo ao lado do slider.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/30/f2722adf-19d6-421f-8a23-1b81cde3def7/19dd1177-d801-484e-aa84-0881ed351cb4.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><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 como o elemento fixado fica online. Você pode não perceber que ele está bloqueando o conteúdo até que você role para baixo no seu site no modo de visualização.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-settings-of-a-pinned-element" level="3">Alterar as configurações de um elemento fixado</h2></div><div data-component-type="text"><div>Controle a posição exata do seu elemento fixado para que ele se destaque, mas não oculte nenhum conteúdo importante. Após selecionar uma área na grade, representando um lado da tela, você também pode ajustar as distâncias horizontais e verticais entre o elemento e o canto escolhido.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar as configurações de um elemento fixado:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento fixado.</li>  <li>Clique no ícone Fixo na tela <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/30/d56659d8-c8e4-4887-a54a-414fb6287398/990f6430-98ef-4983-8836-44a52b1d05bf.png" />.</li>  <li>Altere as configurações do seu elemento fixado:
    <ul>
      <li><strong>Configure a posição:</strong> controle a posição do seu elemento ao selecionar uma área na grade que representa um lado da tela.<br /> <strong>Observação:</strong> você não pode selecionar o centro, pois isso cobriria a área principal do seu site.</li>      <li><strong>Distância horizontal:</strong> arraste o slider para mover o elemento horizontalmente ou digite um número no campo ao lado do slider.</li>      <li><strong>Distância vertical:</strong> arraste o slider para mover o elemento verticalmente ou digite um número no campo ao lado do slider.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/30/554fbc66-1aa1-4ec5-a74d-a2780f09028f/c30086d5-6d23-4b15-aa9f-ffeedf851ebb.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="unpinning-elements" level="3">Soltar elementos</h2></div><div data-component-type="text"><div>Você pode desafixar elementos que fixou anteriormente na tela a qualquer momento.</div></div><div data-component-type="heading"><h2 id="" level="4">Para desafixar um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento fixado. </li>  <li>Clique no ícone Fixo na tela <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/52f85407-057d-4e89-b596-6667162ac4fc/835ce7cc-8d37-4e5f-915b-0d76fdf31bc3.png" />.</li>  <li>Clique em <strong>Desafixar este elemento</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/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/66b914b9-2e80-4c76-aca3-53a3d7fc605f/cde8c670-b7b6-494f-aa13-4e567d86cd7a.png" /></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>Abaixo estão algumas das perguntas mais frequentes sobre como fixar elementos na tela. Clique em uma pergunta para ler sua resposta:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso fixar qualquer elemento na tela?</h4><div class="collapsible-content"><div>Nem todos os elementos têm essa opção. Para verificar se um elemento pode ser fixado, clique com o botão direito do mouse e procure a opção <strong>Posição fixa</strong>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Quantos elementos posso fixar na tela?</h4><div class="collapsible-content"><div>Você pode fixar quantos elementos desejar na tela. No entanto, ao fixar elementos nos lados esquerdo e direito da página, esteja ciente de que eles podem se sobrepor quando visualizados em uma tela menor.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">O elemento que eu fixei está cobrindo outros elementos importantes. O que eu faço?</h4><div class="collapsible-content"><div>Há várias coisas que você pode tentar para resolver esse problema:</div><ul>
  <li>Fixe o elemento em uma posição diferente ao selecionar outra área da grade no painel de configurações do Pin.</li>  <li>Diminua o tamanho do elemento.</li>  <li><strong>Elementos largos e curtos:</strong> recomendamos fixá-los na parte superior ou inferior da tela.</li>  <li><strong>Elementos estreitos e altos:</strong> recomendamos fixá-los nas laterais da tela.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">O que acontece com os elementos fixados no meu site mobile?</h4><div class="collapsible-content"><div>Como você só pode fixar elementos no desktop, os elementos fixados são automaticamente ocultados da visualização mobile.</div><div><br /></div><div>Você encontra esses elementos no <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-elementos-ocultos-no-seu-editor-mobile" target="">painel Oculto no mobile</a> e escolha mostrá-los, se necessário (mas eles não serão fixados): </div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/30/2a1e7e92-86ad-4e3d-907e-044a0d3e7e72/00776a2e-498a-4767-8fdd-a7ee95b8d6ae.png" /></div><div><br /></div><div><br /></div><div><strong>Dica:</strong> embora você não possa fixar elementos no mobile, você pode adicionar uma <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionar-e-configurar-a-barra-de-ações-rápidas-no-site-mobile" target="">Barra de ação rápida</a> e um <a data-composite="true" href="https://support.wix.com/pt/article/adicionando-um-botão-voltar-ao-topo-em-seu-site-mobile" target="">botão Voltar ao topo</a> - eles são automaticamente fixados na tela.</div></div></div></div>

Elementos agrupados atuam como um único componente, por isso é fácil gerenciá-los dentro do seu editor. Agrupar elementos é especialmente útil se você tiver alinhado vários elementos uns com os outros...

Editor Wix: agrupar e desagrupar elementos

Descubra como agrupar elementos no seu editor para gerenciá-los como um único componente, facilitando a manutenção do alinhamento ao atualizar seu site. Aprenda a selecionar e agrupar elementos, além de adicionar animações ao grupo. O artigo também aborda como desagrupar elementos e responde a perguntas frequentes sobre limitações e exclusões de agrupamento, garantindo que você maximize a eficiência do seu design.

<div data-component-type="text"><div>Elementos agrupados atuam como um único componente, por isso é fácil gerenciá-los dentro do seu editor. Agrupar elementos é especialmente útil se você tiver alinhado vários elementos uns com os outros e não quiser perder o alinhamento enquanto altera ou atualiza seu site.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="grouping-elements" level="3">Agrupar elementos</h2></div><div data-component-type="text"><div>Agrupe seus elementos escolhidos com o recurso de seleção múltipla. Ao agrupar elementos, você pode movê-los como um só, além de <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-animação-em-um-elemento" target="">adicionar um efeito de animação</a> ao grupo inteiro. </div></div><div data-component-type="heading"><h2 id="" level="4">Para agrupar elementos:</h2></div><div data-component-type="text"><ol>
  <li>Selecione os elementos que deseja agrupar no editor seguindo uma das etapas abaixo:
    <ul>
      <li>Clique e arraste o cursor sobre os elementos.</li>      <li>Mantenha a tecla <strong>Shift </strong>pressionada no teclado (<strong>Cmd </strong>no Mac) enquanto clica nos elementos.</li>    </ul>  </li>  <li>Clique em<strong> Agrupar elementos</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/2022/05/12/22f73944-ea28-4456-9ef4-c7928afb227a/9e9a34d7-8d20-4952-8e93-5c9a898d9338.gif" alt="GIF mostrando elementos sendo agrupados no Editor Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ungrouping-elements" level="3">Desagrupar elementos</h2></div><div data-component-type="text"><div>Se não quiser mais que seus elementos se comportem como um único componente, você pode desagrupá-los de forma rápida e fácil. </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>Ao desagrupar elementos, qualquer animação adicionada ao grupo também é removida.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para desagrupar elementos:</h2></div><div data-component-type="text"><ol>
  <li>Clique no grupo no seu editor.</li>  <li>Clique em <strong>Desagrupar elementos</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/2022/05/12/25fbcc49-9bed-467e-b6e7-4ad47548697b/f5258130-c28c-4388-aedb-0839a8427212.png" alt="Um grupo de elementos no Editor Wix. Ele foi clicado e o cursor está passando sobre o botão Desagrupar elementos." /></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">Quantos elementos posso agrupar de uma vez?</h4><div class="collapsible-content"><div>Devido a uma limitação nos navegadores do Google Chrome, recomendamos que você não agrupe mais de 20 elementos. Ter mais de 20 elementos em um grupo pode fazer com que os elementos fiquem deslocados, desalinhados ou espalhados no site online.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Há algum elemento que não consigo agrupar?</h4><div class="collapsible-content"><div>Não é possível agrupar elementos de largura total, <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-fixando-um-elemento" target="">elementos fixados</a> ou elementos que estão anexados a outros elementos (por exemplo, texto dentro de uma caixa).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como adicionar um elemento a um grupo existente?</h4><div class="collapsible-content"><ol>
  <li>Clique no grupo.</li>  <li>Mantenha a tecla <strong>Shift </strong>pressionada no teclado (<strong>Cmd </strong>no Mac). </li>  <li>Clique no elemento adicional.</li>  <li>Clique em<strong> Agrupar elementos</strong>.</li></ol></div></div></div>

Estique seus elementos para a largura total para tornar seu site mais responsivo. Os elementos esticados ocupam a largura do seu navegador, independentemente do tamanho da tela. Depois de esticar um e...

Editor Wix: esticar um elemento para a largura total

Aprenda a esticar elementos para a largura total no seu site, tornando-o mais responsivo em qualquer dispositivo. Ao esticar, você pode adicionar margens personalizadas em pixels ou porcentagem, ajustando a aparência conforme necessário. Descubra quais elementos podem ser esticados, como menus e galerias, e saiba como desesticar um elemento a qualquer momento. Melhore a apresentação do seu site com essas dicas práticas!

<div data-component-type="text"><div>Estique seus elementos para a largura total para tornar seu site mais responsivo. Os elementos esticados ocupam a largura do seu navegador, independentemente do tamanho da tela. </div></div><div data-component-type="text"><div>Depois de esticar um elemento, você pode adicionar margens, criando espaço à sua esquerda e à direita. Você pode definir as margens em pixels para que elas permaneçam iguais em todos os dispositivos ou em porcentagem para que elas se ajustem ao navegador de todos os visitantes. </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 opção de esticar só está disponível para alguns elementos. Confira nossas <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-esticando-um-elemento-para-largura-máxima#faqs" target="">perguntas frequentes</a> para obter a lista completa.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="stretching-an-element" level="3">Esticar um elemento</h2></div><div data-component-type="text"><div>Estique seus elementos para a largura total e defina as margens para exibi-los exatamente como você deseja.</div></div><div data-component-type="heading"><h2 id="" level="4">Para esticar um elemento:</h2></div><div data-component-type="text"><ol>
  <li>Clique no elemento no editor.</li>  <li>Clique no ícone <strong>Esticar</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/28/04715d15-290b-4470-ad58-6549f805986a.png" />.</li>  <li>Ative a alavanca <strong>Esticar para largura máxima.</strong></li>  <li>(Opcional) Defina as margens:
    <ol>
      <li>Clique no campo de número para escolher se deseja definir as margens em <strong>px</strong> (pixels) ou <strong>%</strong> (porcentagem da largura do navegador).</li>      <li>Arraste o slider para aumentar ou diminuir o tamanho das margens.</li>    </ol>  </li></ol></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>Certos elementos só permitem que você defina as margens por pixels.</li>  <li>O limite de margem é 190 pixels, ou 5% do tamanho do navegador.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/08/3f7c7cf6-0834-4312-8f8f-dec4d2bf68dc/1064645a-323e-4e7f-9c5c-c935ab97959e.gif" alt="Um GIF mostrando como esticar uma linha para a largura total e, em seguida, definir as margens enquanto altera a unidade de px para porcentagem" /></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">Quais elementos posso esticar?</h4><div class="collapsible-content"><div>Atualmente, você pode esticar os seguintes elementos:</div><ul>
  <li>Menus horizontais</li>  <li>Linhas horizontais</li>  <li>Galerias:
    <ul>
      <li>Galerias Pro</li>      <li>Galerias em grade</li>      <li>Galerias slider</li>    </ul>  </li>  <li>Google Maps</li>  <li>Alguns elementos dos apps do Wix (por exemplo: lista de posts do Wix Blog) </li>  <li>Faixas</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso desesticar um elemento?</h4><div class="collapsible-content"><div>Você pode desesticar um elemento a qualquer momento.</div><ol>
  <li>Clique no elemento no seu editor.</li>  <li>Clique no ícone <strong>Esticar</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/FukahLgIZXd1vSufVMxTz0seKbIp1MoUCivv3JyTWkJoQqrDUWAt-6w6MzSflcU8qJKWA1TU4zkWMcm16IY497rSTP3BZKnPhh9rsSNTtPoAfDjCx0HHf7Ws5XYS2-fKoLmflUfx" />.</li>  <li>Desative a alavanca <strong>Esticar para largura máxima</strong> e restaure o elemento ao seu tamanho original.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Esse é o mesmo recurso que as alças de esticar?</h4><div class="collapsible-content"><div>Não. As alças de esticar são alças que você clica e arrasta para <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-copiando-e-colando-um-elemento#resizing-your-elements" target="">aumentar ou diminuir o tamanho de um elemento</a> e estão disponíveis na maioria dos elementos no editor. </div><div><br /></div><div>O ícone Esticar <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/28/04715d15-290b-4470-ad58-6549f805986a.png" />  estica automaticamente o elemento para toda a largura do seu site e só está disponível em determinados elementos.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como funciona no mobile?</h4><div class="collapsible-content"><div>Elementos que você esticou no desktop também são exibidos como largura máxima no seu site mobile. As margens não são exibidas na versão mobile do seu site, pois as telas não são grandes o suficiente para exibi-las.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso esticar um elemento apenas para mobile?</h4><div class="collapsible-content"><div>Não é possível esticar elementos apenas para mobile. Você só pode esticar elementos que adicionou a partir do editor no desktop.</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>Você pode perceber que, ao esticar elementos, aparece um espaço entre o elemento esticado e os elementos acima/abaixo. Você pode remover o espaço ao <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-full-width-elements-and-other-elements" target="">mover os elementos ou usar a função Diminuir zoom e reordenar</a></div></div></div></div>

Atualmente não é possível adicionar sons aos elementos em seu site.Estamos sempre trabalhando no desenvolvimento e melhoria de nosso produto e o seu feedback é extremamente importante.
Se este é um re...

Pedido Editor Wix: adicionar som a elementos

Atualmente, você não pode adicionar sons aos elementos do seu site. No entanto, sua opinião é fundamental para nós! Se você gostaria de ver esse recurso no futuro, clique em "Vote neste recurso" e ajudaremos a torná-lo possível.

<div data-component-type="text"><div>Atualmente não é possível adicionar sons aos elementos em seu site.</div><div><br /></div><div>Estamos sempre trabalhando no desenvolvimento e melhoria de nosso produto e o seu feedback é extremamente importante.<br />
</div><div>Se este é um recurso que você gostaria de ver no futuro, clique em <strong>Vote neste recurso</strong> e faremos o possível para disponibilizá-lo.</div></div>

Defina um elemento para &quot;mostrar em todas as páginas&quot; para usar o mesmo elemento em todas as páginas do seu site. Essa é uma ótima maneira de exibir conteúdo em todas as suas páginas sem pre...

Editor Wix: mostrar um elemento em todas as páginas

Aprenda a definir um elemento para "mostrar em todas as páginas" no seu site, permitindo que você exiba conteúdo de forma consistente sem a necessidade de duplicação. Ative essa opção facilmente através do menu de contexto do elemento no editor. Descubra como gerenciar a visibilidade de elementos e as limitações dessa funcionalidade, garantindo uma experiência de navegação fluida em todas as páginas do seu site.

<div data-component-type="text"><div>Defina um elemento para &quot;mostrar em todas as páginas&quot; para usar o mesmo elemento em todas as páginas do seu site. Essa é uma ótima maneira de exibir conteúdo em todas as suas páginas sem precisar duplicar e personalizar elementos separadamente.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="showing-an-element-on-all-pages" level="3">Mostrar um elemento em todas as páginas</h2></div><div data-component-type="text"><div>Você pode ativar a opção <strong>Mostrar em todas as páginas</strong> no menu do botão direito de cada elemento.</div></div><div data-component-type="heading"><h2 id="" level="4">Para mostrar um elemento em todas as páginas:</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 no elemento.<br /> <strong>Dica: </strong>para acessar o menu que aparece ao clicar com o botão direito do mouse em um Mac, mantenha a tecla <strong>Control </strong>pressionada no teclado e clique no elemento relevante. </li>  <li>Ative a alavanca <strong>Mostrar em todas as páginas</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/11/05/6a7b16d6-d223-45b9-9ad8-4c4cb4194d89/11c83a3e-393a-4444-b4d8-cce8a5126be4.gif" alt="GIF do menu ao clicar com o botão direito do mouse para o elemento selecionado. A alavanca Mostrar em todas as páginas está ativada." /></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ê também pode clicar na alavanca <strong>Mostrar em todas as páginas</strong> na <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-elementos-através-da-barra-de-ferramentas-do-editor" target="">barra de ferramentas do Editor</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="more-info-about-displaying-elements-on-all-pages" level="3">Mais informações sobre como mostrar elementos em todas as páginas</h2></div><div data-component-type="text"><div>A alavanca<strong> Mostrar em todas as páginas</strong> está desativada ou não aparece quando um elemento aparece em determinados lugares. Por exemplo, você não pode ativar a alavanca em elementos que você colocou dentro de elementos de contêiner (caixa, faixa, slideshow, etc.).</div></div><div data-component-type="heading"><h2 id="" level="4">A opção Mostrar em todas as páginas não aparece em:</h2></div><div data-component-type="text"><ul>
  <li>Repetidores, que são definidos para aparecer apenas em algumas páginas.</li>  <li>Elementos que você colocou no cabeçalho ou rodapé do seu site. Essas áreas são definidas automaticamente para serem exibidas em todas as páginas.</li>  <li>Aplicativos que são definidos para serem exibidos em todas as páginas por padrão (por exemplo: Wix Chat).</li>  <li>Aplicativos que são definidos para serem exibidos em apenas uma página (por exemplo: Wix Stores).</li>  <li>A barra de membro e os elementos dentro dela, uma vez que está configurada para aparecer apenas em algumas páginas.</li></ul></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>No seu site mobile, um elemento definido para mostrar em todas as páginas faz parte do cabeçalho, rodapé ou menu mobile, dependendo da localização e da função do elemento. Você pode <a data-composite="true" href="https://support.wix.com/pt/article/movendo-elementos-entre-o-menu-mobile-cabeçalho-e-rodapé" target="">mover um elemento</a> entre o cabeçalho, rodapé e menu mobile.</li>  <li>As páginas que não têm cabeçalho ou rodapé não exibem elementos definidos para mostrar em todas as páginas.</li>  <li>Elementos definidos para mostrar em todas as páginas no corpo da página não aparecem no painel Camadas.</li></ul></div></div></div>

Salve o design de um elemento ou grupo de elementos para reutilizar novamente em qualquer site do editor na sua conta.Você pode criar uma biblioteca de designs e adicioná-los de forma rápida e eficien...

Editor Wix: salvar e reutilizar elementos personalizados (Meus designs)

Descubra como salvar e reutilizar designs de elementos no Wix Editor para criar uma biblioteca personalizada que mantém a consistência visual do seu site. Aprenda a salvar seus designs no painel "Meus designs", acessá-los facilmente e gerenciá-los conforme necessário. Essa prática eficiente permite aplicar rapidamente temas e cores ao seu conteúdo, facilitando a criação de sites atraentes e organizados.

<div data-component-type="text"><div>Salve o design de um elemento ou grupo de elementos para reutilizar novamente em qualquer site do editor na sua conta.</div><div><br /></div><div>Você pode criar uma biblioteca de designs e adicioná-los de forma rápida e eficiente aos seus sites para manter um visual consistente. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="saving-elements-to-my-designs" level="3">Salvar elementos em Meus designs</h2></div><div data-component-type="text"><div>Se você criar um design que deseja usar novamente, salve-o no painel Meus designs. </div></div><div data-component-type="heading"><h2 id="" level="4">Para salvar elementos em Meus designs:</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 nos elementos que você deseja salvar.</li>  <li>Clique em <strong>Salvar em Meus designs</strong>.</li>  <li>(Opcional) Insira um nome para o seu design.</li>  <li>Clique em <strong>Salvar</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/2022/10/03/afee726d-3524-4609-b180-10fe40247794/f272b040-3835-4ada-a6a0-ab6db4ac3f20.png" alt="O menu do botão direito no Editor. A opção" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gostou de um design pronto que você viu em um template Wix?</div><div class="info-content"><div>Você também pode salvar designs prontos.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessing-and-reusing-your-saved-designs" level="3">Acessar e reutilizar seus designs salvos</h2></div><div data-component-type="text"><div>Abra o painel Meus designs para acessar e usar os designs que você salvou. Essa é uma ótima maneira de criar o conteúdo do seu site com eficiência, pois você pode aplicar o tema do site ao design, se necessário. </div></div><div data-component-type="heading"><h2 id="" level="4">Para acessar e reutilizar um design salvo:</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>Meus designs</strong> na parte inferior.</li>  <li>Clique no ícone <strong>Mais ações </strong> <img data-composite="true" src="https://lh4.googleusercontent.com/3vTKK7B3_ebZ2WOJys6fzYJPy6lqLuhnPqkz2ZMBz0okTVwdaANGh7vKlyRJNAOzTta-bJHNN2z-HqvBYb6Vy2LEJdPP5GDn7rqJ9uJP5XoxxbwicigzIKFqG_Kkn_8s9ylfxh_lTgPrQ8GIZqQJsMn4C0IczPSPDq0wshs0t9U1aypBGbbXvLtq" /> no design relevante e selecione uma opção:
    <ul>
      <li><strong>Adicionar ao site</strong>: adicione o design à página que você está editando.</li>      <li><strong>Adicionar e aplicar tema do site</strong>: adicione o design à página que você está editando e aplique a cor e o tema de texto em todo o site.</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/09/28/1c99395d-af1f-43a8-992f-cfeb8027d74d/6ee8c62a-83e5-46db-93b2-9b7bfa6d0577.png" alt="O painel Meus designs no Editor. O painel Mais ações foi aberto em um design salvo." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-designs" level="3">Gerenciar seus designs</h2></div><div data-component-type="text"><div>Mantenha seus designs de elementos organizados gerenciando-os quando quiser. Renomeie seus designs salvos para torná-los mais fáceis de encontrar no painel ou exclua os designs que você não precisa mais.</div></div><div data-component-type="heading"><h2 id="" level="4">Para gerenciar elementos em Meus designs:</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>Meus designs</strong>.</li>  <li>Clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/3vTKK7B3_ebZ2WOJys6fzYJPy6lqLuhnPqkz2ZMBz0okTVwdaANGh7vKlyRJNAOzTta-bJHNN2z-HqvBYb6Vy2LEJdPP5GDn7rqJ9uJP5XoxxbwicigzIKFqG_Kkn_8s9ylfxh_lTgPrQ8GIZqQJsMn4C0IczPSPDq0wshs0t9U1aypBGbbXvLtq" />.</li>  <li>Escolha como deseja gerenciar o design:
    <ul>
      <li><strong>Renomear:</strong> clique em <strong>Renomear</strong> e insira o nome escolhido para o design no campo.</li>      <li><strong>Excluir:</strong> clique em <strong>Excluir</strong> para remover o elemento dos designs salvos.</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/09/28/7e9bd2be-efd1-4095-bf61-9e7d6dccc7d5/240d7d88-06c8-409d-be16-bb8adf044a2c.png" alt="O painel Mais ações de um design salvo. As opções Renomear e Excluir são destacadas." /></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 frequentes abaixo para saber mais.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Existem elementos que não posso salvar?</h4><div class="collapsible-content"><div>Os seguintes elementos não podem ser salvos em Meus designs:</div><ul>
  <li>Aplicativos externos</li>  <li>Página, cabeçalho e rodapé</li>  <li>Aplicativos Wix (por exemplo: Wix Stores, Wix Bookings, Wix Restaurantes etc.)</li>  <li>Conjuntos de dados e coleções</li>  <li>Código em elementos e páginas</li>  <li>Galeria Pro Wix</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">O que acontece se eu adicionar um link ao elemento que salvei?</h4><div class="collapsible-content"><div>Se o elemento tiver um link para uma página, âncora ou janela, ele será substituído por um link para a primeira página do site ao qual você o aplica.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionei um efeito de animação ao meu elemento. Isso também é salvo? </h4><div class="collapsible-content"><div>Se o elemento for animado, a animação será aplicada ao elemento no site de destino.</div></div></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

Agente de marketing com IA

Agente personalizado com IA

Agente de atendimento

Use agentes de IA

Ferramentas de IA

Conheça o editor

Use as ferramentas do editor

Estruture seu site

Adicione animações e efeitos

Estabeleça a identidade do site

Faça o design do site

Solução de problemas do site

Use o Editor do Wix Harmony

Gerenciador de mídia - Básico

Faça upload de mídia 

Compre arquivos de mídia

Gerencie seus arquivos de mídia

Problemas com mídia

Adicione e gerencia sua mídia

Use o Pro Gallery

Edite imagens (Wix Photo Studio)

Comece a usar o Wixel

Crie e gerencie projetos

Faça o design com o Wixel

Sobre upgrade e gerenciamento da conta

Wixel

Gerencie sua mídia

Comece a usar o Wix Multilíngue 

Traduza seu site

Gerencie seus idiomas

SEO no Wix Multilíngue

Crie um site multilíngue

Privacidade e GDPR

Sobre acessibilidade

Torne o seu site acessível

Recursos avançados de acessibilidade

Crie um site acessível

Sobre o CMS (antigo Gerenciador de Dados)

Use o CMS (antigo Gerenciador de Dados)

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

Trabalhe com páginas dinâmicas e CMS

Conecte elementos de entrada do usuário ao CMS

Use o CMS com outros produtos Wix

Recursos avançados do CMS

Wix para desenvolvedores

Sites de teste

Logins SSO

Wix Blocks

Recursos avançados

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

Crie o seu site

Personalize e gerencie seu site com os recursos do Wix.

Altere as configurações da conta

Problemas de login

Gerencie sua conta

Faça upgrade para um plano Premium

Planos Premium

Domínios Wix

Contas de email Google Workspace

Gerencie suas assinaturas

Cobranças, pagamentos e impostos

Faturas para Serviços Wix

Use promoções e cupons

Faturamento e assinaturas Premium

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

Conta e faturamento

Gerencie seu site no app Wix

Princípios dos apps mobile

Personalize seu próprio app mobile

Gerencie seu próprio app mobile

Envie seu app mobile para aprovação

Construa seu próprio app mobile

Personalize seu site nos apps de membros Wix

Gerencie seu site nos apps de membros Wix

Use os apps mobile como membro

Use os apps de membros Wix

Apps mobile para clientes

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

Use os apps mobile do Wix

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

Domínios: primeiros passos

Domínios comprados em outro lugar

Transferência de domínios

Gerencie domínios

Solução de problemas de domínios

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

Conecte um domínio

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

Configure sua loja

Adicione produtos e categorias

Configure o envio e atendimento

Configure pagamentos e checkout

Personalize o design da sua loja

Gerencie seus pedidos

Gerencie seu estoque

Gerencie a área de membros

Gerencie os emails da loja

Incentive as vendas na loja

Dropshipping no Wix Stores

Configure canais de vendas

Use o app Wix para Wix Stores

Wix Stores

Configure o Wix Bookings

Crie serviços

Gerencie sua equipe

Gerencie os seus agendamentos

Plano de membros, pacotes e pagamentos

Wix Bookings

Aplicativos e soluções comerciais

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