Slideshows são uma ótima maneira de exibir várias caixas de conteúdo em um único espaço. Preencha seu slideshow com o que você quiser, seja texto, imagens ou vídeo.Saiba mais sobre os estilos de slide...

Editor Wix: exemplos de estilos de slideshows

Descubra como criar e personalizar slideshows para exibir texto, imagens ou vídeos de forma atraente. Aprenda a montar um slideshow de texto incrível ou uma galeria personalizada, permitindo que você adicione seu próprio conteúdo e design. Com dicas práticas, você pode facilmente navegar e editar seus slides para criar apresentações impactantes que capturam a atenção do seu público.

<div data-component-type="text"><div>Slideshows são uma ótima maneira de exibir várias caixas de conteúdo em um único espaço. Preencha seu slideshow com o que você quiser, seja texto, imagens ou vídeo.</div></div><div data-component-type="text"><div>Saiba mais sobre os estilos de slideshows:</div></div><div data-component-type="text"><ul><li><a href="https://support.wix.com/pt/article/editor-wix-criando-estilos-de-slideshows-textos-e-galerias#creating-a-text-slideshow">Criar um slideshow de texto</a></li><li><a href="https://support.wix.com/pt/article/editor-wix-criando-estilos-de-slideshows-textos-e-galerias#creating-a-gallery-using-a-slideshow">Criar uma galeria usando um slideshow</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-text-slideshow" level="3">Criar um slideshow de texto</h2></div><div data-component-type="text"><div>Crie apresentações de texto incríveis usando o elemento slideshow!</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/1359ffa1-c02f-46e7-a145-0be4a3cb846c/778cf2b9-f281-46b3-81cd-57966ef939f0.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para criar um slideshow de texto:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/pt/article/editor-wix-adicionando-e-configurando-um-slideshow">Adicione um slideshow</a>.</li><li><a href="https://support.wix.com/pt/article/editor-wix-adicionando-e-editando-texto">Adicione um elemento de texto</a>.</li><li>Clique em <strong>Editar texto</strong> e insira seu texto.</li><li>Arraste seu texto para o seu slideshow.</li><li>Repita as etapas 2 a 4 para cada slide em seu slideshow.</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>Use as setas para navegar entre seus slides durante a edição.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-gallery-using-a-slideshow" level="3">Criar uma galeria usando um slideshow</h2></div><div data-component-type="text"><div>Crie uma incrível galeria personalizada usando o elemento slideshow!</div></div><div data-component-type="text"><div>Ao usar o elemento slideshow em vez de uma galeria comum, você pode fazer o design como quiser e adicionar seu próprio texto personalizado.</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/46f9b506-0dc1-4649-afca-b5f5ea4ca17a/b0c84469-06e1-465b-87a3-b6b9e3941534.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para criar uma galeria usando o elemento slideshow:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/pt/article/editor-wix-adicionando-e-configurando-um-slideshow">Adicione um slideshow.</a></li><li>Clique em<strong> Trocar background do slide</strong> e adicione sua imagem ou vídeo.</li><li>(Opcional) <a href="https://support.wix.com/pt/article/editor-wix-adicionando-e-editando-texto">Adicione um elemento de texto.</a></li><li>Clique em <strong>Editar texto</strong> e insira seu texto.</li><li>Arraste o elemento de texto para o seu slideshow.</li><li>Repita as etapas 2 a 5 para cada slide em seu slideshow.</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 adicionar vídeos ao seu slideshow.</div></div></div></div>

Slideshows são uma maneira divertida e interativa de exibir conteúdo e informações em seu site.Eles podem ser usados para exibir quase tudo em seu site. Alguns exemplos incluem:
  Apresentar o seu neg...

Editor Wix: adicionar e configurar um slideshow

Descubra como adicionar e personalizar slideshows em seu site para exibir conteúdo de forma interativa e atraente. Aprenda a utilizar slideshows de largura total ou em caixa, adicionar slides com texto, imagens e vídeos, e personalizar o design para engajar seus visitantes. Com opções de autoplay e navegação manual, você pode criar uma experiência dinâmica que destaca seus produtos e serviços.

<div data-component-type="text"><div>Slideshows são uma maneira divertida e interativa de exibir conteúdo e informações em seu site.</div></div><div data-component-type="text"><div>Eles podem ser usados para exibir quase tudo em seu site. Alguns exemplos incluem:</div><div><br /></div></div><div data-component-type="text"><ul>
  <li>Apresentar o seu negócio</li>  <li>Promover vendas e ofertas especiais</li>  <li>Criar portfólios de modelos, fotografia e arte</li>  <li>Divulgar prévias de outras páginas ou áreas do seu site</li>  <li>Destacar produtos específicos</li>  <li>Exibir os seus serviços</li>  <li>Mostrar suas informações de contato</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/d0c6b70a-c8ed-4238-91cf-11b25fbf4819/d7520728-1350-4d8a-98df-809c8aebfbe8.gif" alt="GIF de slideshow mostrando 3 imagens diferentes. O mouse está navegando pelas imagens usando o menu e as setas." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-slideshow" level="3">Adicionar um slideshow</h2></div><div data-component-type="text"><div>Você pode adicionar um slideshow no painel Elementos no editor. Ele inclui vários slideshows predefinidos para você editar e personalizar em segundos. </div></div><div data-component-type="text"><div>Existem dois tipos de slideshows: <strong>largura total</strong> e <strong>caixa</strong>. Slideshows de largura total ocupam a largura da sua página, enquanto slideshows em caixa podem ser ajustados para a largura que você deseja.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um slideshow:</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>Interativo</strong>.</li>  <li>Clique para slideshows de largura total ou caixa.</li>  <li>Clique em um slideshow para adicioná-lo ou arraste o elemento de slide para o local relevante.</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/14/c696de88-b560-4f6d-931d-25fbf91cadc1/9b547f39-7fe1-45f8-97c3-124d6772c072.png" alt="Captura de tela do painel Elementos no Editor Wix mostrando predefinições de slideshow" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-slides-to-your-slideshow" level="3">Adicionar slides ao seu slideshow</h2></div><div data-component-type="text"><div>Adicione quantos slides quiser ao seu slideshow no painel Gerenciar slides. Você pode optar por adicionar um novo slide ou duplicar slides, o que permite que você mantenha um design consistente em todo o seu slideshow.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar mais slides:</h2></div><div data-component-type="text"><ol>
  <li>Clique no seu slideshow no editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Clique em uma opção:
    <ul>
      <li><strong>Duplicar slide:</strong> duplica o slide que está destacado na sua lista de slides. É uma ótima opção se você quiser adicionar outro slide com o mesmo design. Você pode ajustar o conteúdo no novo slide conforme necessário.</li>      <li><strong>Adicionar novo slide:</strong> isso adiciona um slide com o mesmo background que o que está destacado na sua lista de slides, sem nenhum conteúdo.</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/2021/07/21/12e92e4b-4d46-45b0-8988-9b7aae82b03c/4d3ed4f3-8d03-43d7-bde5-f0e901321534.png" alt="Captura de tela mostrando um slideshow no Editor Wix. O painel Gerenciar slides está aberto." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-your-slideshows-content" level="3">Criar o conteúdo do seu slideshow</h2></div><div data-component-type="text"><div>Adicione os elementos que quiser ao seu slideshow, incluindo texto, imagens, vídeos e botões.</div></div><div data-component-type="text"><div>Recomendamos que você adicione conteúdo diferente a cada slide para incentivar seus visitantes a continuar interagindo e explorando seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar conteúdo ao seu slideshow:</h2></div><div data-component-type="text"><ol>
  <li>Clique no seu slideshow no editor.</li>  <li>Clique nas setas azuis para navegar para o slide relevante.</li>  <li>Arraste um elemento para a posição desejada do slideshow.</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/21/89af2d02-ed8e-4100-9a35-b9eb18362311/6b2434b1-5d6d-4a38-9296-47d057fd4fc5.gif" alt="GIF mostrando um cursor clicando nos slides no Editor Wix." /></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>Certifique-se de que os elementos que você está adicionando ao slideshow são menores do que o próprio slideshow, para que eles 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 navegar entre os slides dentro do editor?</h4><div class="collapsible-content"><div>Para acessar e editar um slide no seu slideshow, clique no slideshow no editor e, em seguida, clique nas setas ao lado do número do slide para navegar entre eles.</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/02/14/d519b01e-ff53-45fd-b697-5457e437ec8d/c349c5d5-4452-40f2-af7f-f3e36a72d6b6.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso personalizar o design do meu slideshow?</h4><div class="collapsible-content"><div>Sim. Use o painel de design para <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-personalizando-o-design-do-seu-slideshow" target="">personalizar o background do slideshow</a> e adicione opções como bordas e sombras.</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/02/14/56741fd0-d3fa-4b1a-8440-37bd74ecc0e0/a202f5ea-da7b-4a5d-b91d-686b5b77bf0a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como os slideshows são reproduzidos no meu site online?</h4><div class="collapsible-content"><div>Você pode escolher como os slideshows são reproduzidos no seu site online entre as seguintes opções:</div><div><br /></div><ul>
  <li><strong>Autoplay:</strong> o slideshow é reproduzido automaticamente para seus visitantes quando a página é carregada. Você pode ajustar o tempo entre os slides. <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-alterando-as-configurações-de-autoplay-de-seu-slideshow#changing-your-slideshows-autoplay-settings" target="">Saiba como configurar o autoplay</a>.</li>  <li><strong>Botões e setas de navegação:</strong> você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-gerenciando-as-setas-de-navegação-em-seu-slideshow" target="">adicionar botões e setas de navegação</a> ao seu slideshow para que os visitantes possam clicar manualmente nos slides no seu próprio ritmo. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso exibir conteúdo que ultrapasse a borda do meu slideshow? </h4><div class="collapsible-content"><div>Sim. Ao criar seu slideshow, você pode ver que parte do conteúdo do slideshow está passando sobre a borda da moldura do slideshow. Você pode optar por cortar o conteúdo que passou da borda ou deixar assim.<br /> <br /> Para alterar a configuração do conteúdo fora da moldura: <br /> <br /> Clique no slideshow no editor.</div><ol>
  <li>Clique no ícone Configurações<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/05/29/d823a9fd-7bf8-4698-a385-7e04bb0a1131.png" />.</li>  <li>Clique na alavanca <strong>Ocultar conteúdo fora da moldura</strong>:
    <ul>
      <li><strong>Ativada:</strong> os elementos que passam da borda do slide são cortados para que apareçam apenas dentro do slide.</li>      <li><strong>Desativada:</strong> os elementos que passam da borda do slide não são cortados.</li>    </ul>  </li></ol></div></div></div>

Crie o slideshow perfeito organizando seus slides para mostrar o conteúdo que você deseja.Ainda não adicionou um slideshow?Saiba como adicionar e configurar seu slideshow.Adicionar novos slides ao sli...

Editor Wix: gerenciar os slides de um slideshow

Aprenda a criar o slideshow perfeito no seu site, organizando e personalizando seus slides para apresentar o conteúdo desejado. Descubra como adicionar novos slides, reordená-los, duplicá-los, renomeá-los e excluí-los facilmente no editor. Mantenha seu slideshow atualizado e atraente para seus visitantes, garantindo que todas as informações importantes sejam acessíveis.

<div data-component-type="text"><div>Crie o slideshow perfeito organizando seus slides para mostrar o conteúdo que você deseja.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Ainda não adicionou um slideshow?</div><div class="info-content"><div>Saiba como <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-e-configurando-um-slideshow#adding-a-slideshow" target="">adicionar e configurar seu slideshow</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-new-slides-to-your-slideshow" level="3">Adicionar novos slides ao slideshow</h2></div><div data-component-type="text"><div>Tem algum conteúdo novo e importante? Adicione um novo slide ao seu slideshow para que seus visitantes possam acessar todas as informações necessárias.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar um novo slide:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Clique em <strong>Adicionar novo slide</strong> na parte inferior.</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/2023/05/04/d42383e7-2693-4437-aa64-f732a1e0a9fb/2155e56d-d404-4ba1-91a9-553b912d58cb.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reordering-slides-in-your-slideshow" level="3">Reordenar os slides no slideshow</h2></div><div data-component-type="text"><div>Reorganize seus slides para alterar a ordem em que seu conteúdo é exibido aos visitantes.</div></div><div data-component-type="heading"><h2 id="" level="4">Para reordenar seus slides:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Clique no ícone <strong>Reordenar</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/07215432-85dc-4c20-8c33-edfb1c9c4d06.jpg" /> à esquerda do slide relevante e arraste-o 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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2023/05/04/a4083d83-3828-43ec-983a-72561fc0bc03/b602926b-85a6-4632-831a-e55b2f78c5cd.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-slides-in-your-slideshow" level="3">Duplicar slides no slideshow</h2></div><div data-component-type="text"><div>Se você gostar da aparência e do layout de um slide e quiser adicionar outro parecido, você pode duplicar o slide e personalizá-lo conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para duplicar um slide:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Clique no slide da lista.</li>  <li>Clique em <strong>Duplicar slide</strong> na parte inferior.</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/2023/05/04/70e07c0b-3a91-4b32-9d9c-6459bdf738de/6f554cc7-ea96-475f-a5eb-6ba0ef543f08.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-your-slides" level="3">Renomear slides</h2></div><div data-component-type="text"><div>Dê nomes aos seus slides para ajudar você a identificá-los facilmente enquanto edita ou gerencia seu slideshow. Recomendamos escolher um nome que represente o conteúdo do slide.</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 dos seus slides só são visíveis no editor. Seus visitantes não podem vê-los no site online.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para renomear seus slides</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Passe o mouse sobre o slide relevante e clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Clique em <strong>Renomear</strong>.</li>  <li>Insira o nome do seu slide no campo de texto.</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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2023/05/04/6dba7fda-de75-4e76-8af4-69ac6815f89d/f04f37d6-8360-49a8-bb55-76e426ccabe9.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-slides-from-your-slideshow" level="3">Excluir slides do slideshow</h2></div><div data-component-type="text"><div>Se você não precisa mais de um slide, é possível excluí-lo para manter seu slideshow atualizado.</div></div><div data-component-type="heading"><h2 id="" level="4">Para excluir um slide:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique em <strong>Gerenciar slides</strong>.</li>  <li>Passe o mouse sobre o slide relevante e clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Clique em <strong>Excluir</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/2023/05/04/d67c8ca7-d7e4-4a94-92a1-5a2ce5043c01/6c0a2f3b-8d15-4f19-9dc3-e9003306644d.png" /></div></div>

Adicione ferramentas de navegação ao seu slideshow para permitir que seus visitantes cliquem nos slides manualmente. Você pode adicionar:
  Botões de transição: são ícones circulares em que os visitan...

Editor Wix: exibir botões e setas de navegação no slideshow

Descubra como adicionar ferramentas de navegação ao seu slideshow para permitir que os visitantes cliquem manualmente nos slides. Aprenda a incluir botões de transição e setas de navegação, personalizando suas cores e opacidades para se adequar ao seu estilo. Com essas opções, você melhora a experiência do usuário, permitindo que eles naveguem pelos slides no seu próprio ritmo.

<div data-component-type="text"><div>Adicione ferramentas de navegação ao seu slideshow para permitir que seus visitantes cliquem nos slides manualmente. Você pode adicionar:</div></div><div data-component-type="text"><ul>
  <li><strong>Botões de transição:</strong> são ícones circulares em que os visitantes do site podem clicar para passar de um slide para outro. Quando os visitantes do seu site clicam em um botão de transição, o slide relevante é exibido.</li>  <li><strong>Setas de navegação:</strong> são as setas exibidas em ambos os lados do seu slideshow. Elas permitem que seus visitantes passem pelos slides em seu próprio ritmo.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/f5371495-2e4a-4bd0-8189-370024b83133/932dcc13-6af0-46b6-b8a5-14291022c33f.png" alt="Um slideshow em um site online. As setas de navegação e os botões de transição são destacados em laranja." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-buttons-and-arrows-on-your-slideshow" level="3">Exibir botões e setas no slideshow</h2></div><div data-component-type="text"><div>Em Layouts, você pode optar por mostrar ou ocultar os botões de transição e as setas de navegação no seu slideshow. </div></div><div data-component-type="heading"><h2 id="" level="4">Para exibir botões ou setas no seu slideshow:</h2></div><div data-component-type="text"><ol>
  <li>Clique no seu slideshow 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/01/21/862bec80-a0b0-4690-a058-f7c8c3e7a623.png" /> e escolha o que deseja exibir:
    <ul>
      <li><strong>Mostrar setas de navegação: </strong>ative a alavanca para exibir as setas.
        <ul>
          <li>Arraste os sliders para personalizar o tamanho e a distância.</li>        </ul>      </li>      <li><strong>Mostrar botões de transição:</strong> ative a alavanca para exibir os botões.
        <ul>
          <li>Arraste os sliders para personalizar o tamanho, distância e espaçamento.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/88b80023-2a34-42e3-9874-15e3d4bf3a68/f037b30a-1b86-4e49-85e3-d763ff1b5650.png" alt="Captura de tela mostrando o painel de layout. As setas e botões de transição foram ativados." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-buttons-and-arrows" level="3">Personalizar botões e setas </h2></div><div data-component-type="text"><div>Personalize seus botões de transição e setas de navegação para que fiquem exatamente como você deseja, selecionando uma cor e ajustando a opacidade.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar os botões de transição e as setas:</h2></div><div data-component-type="text"><ol>
  <li>Clique no seu slideshow no editor.</li>  <li>Clique no ícone <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/21/f8a8baaa-2ead-44b3-baec-66b51db503c3.png" />.</li>  <li>Clique na aba <strong>Cor e opacidade</strong>.</li>  <li>Personalize o design dos botões ou setas:
    <ul>
      <li><strong>Botões de transição: </strong>selecione uma cor e defina a transparência dos botões.</li>      <li><strong>Setas de navegação</strong>: selecione uma cor e defina a transparência das setas.</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/02/14/b2722ff7-c551-4597-8b4c-f9d1696b15c9/463c917b-b7d3-44fd-9b90-6018a440eb8f.png" alt="Captura de tela mostrando o painel de design. O cursor está passando sobre o slider de opacidade." /></div></div>

Escolha exatamente como seu slideshow é reproduzido no seu site. Você pode adicionar efeitos de transição legais entre slides, além de definir se o slideshow é reproduzido automaticamente ou se seus v...

Editor Wix: definir como o slideshow é reproduzido

Descubra como personalizar a reprodução do seu slideshow no seu site, escolhendo efeitos de transição e configurando a reprodução automática. Aprenda a aplicar diferentes efeitos de transição, definir a duração e a direção, além de decidir se o slideshow deve ser reproduzido automaticamente ou manualmente pelos visitantes. Com essas configurações, você pode criar uma experiência visual envolvente e interativa para os usuários.

<div data-component-type="text"><div>Escolha exatamente como seu slideshow é reproduzido no seu site. Você pode adicionar efeitos de transição legais entre slides, além de definir se o slideshow é reproduzido automaticamente ou se seus visitantes têm que percorrer manualmente.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-transition-effect" level="3">Adicionar um efeito de transição</h2></div><div data-component-type="text"><div>Aplique um efeito de transição ao seu slideshow para escolher como os slides se movem.</div></div><div data-component-type="text"><div>Há uma variedade de opções disponíveis, e você pode personalizar por quanto tempo eles são reproduzidos, assim como a direção em que se movem.</div></div><div data-component-type="heading"><h2 id="" level="4">Para aplicar um efeito de transição:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no editor.</li>  <li>Clique no ícone Configurações<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/0bad375c-d5da-4f9f-b4ec-732ff6664c16.png" />.</li>  <li>Selecione uma transição em <strong>Efeitos de transição</strong> e personalize usando as seguintes opções:
    <ul>
      <li><strong>Tempo de duração:</strong> escolha quanto tempo deseja que os efeitos de transição tenham.</li>      <li><strong>Começa do lado:</strong> selecione a direção de onde vem o slideshow.<br /> <strong>Observação:</strong> essa opção está disponível apenas para as transições verticais e horizontais</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/02/07/72275a74-f0c4-4561-8965-9f6dbfd3f6ca/ec9f2542-e4b4-4bc3-bb3b-2a64f92bbcf2.png" alt="Captura de tela de slideshow no Editor Wix. O painel de configurações está selecionado, as configurações do painel slideshow exibe opções de configurações" /></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ê desativar a alavanca <strong>Ocultar conteúdo fora da moldura</strong>, nem todas as opções de transição estarão disponíveis.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshows-autoplay-settings" level="3">Alterar as configurações de reprodução automática do seu slideshow</h2></div><div data-component-type="text"><div>Escolha se o seu slideshow é reproduzido automaticamente quando o visitante do site abre a página ou se seus visitantes precisam reproduzi-lo manualmente usando as setas de navegação ou os botões deslizantes.</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>Se você desativar a reprodução automática, você precisará adicionar setas/botões de navegação ao slideshow para que seus visitantes possam acessar todos os slides.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a configuração de reprodução automática em seu slideshow:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/bc7d51f8-838d-417d-b66c-268dbf7e0a69.png" />.</li>  <li>Clique na alavanca <strong>Autoplay ao carregar</strong>:
    <ul>
      <li><strong>Ativada:</strong> seu slideshow é reproduzido automaticamente quando a página é carregada. Os slides são reproduzidos continuamente em um loop.
        <ul>
          <li>Arraste o slider <strong>Tempo entre os slides</strong> para definir o tempo entre os slides (em segundos).</li>          <li>Clique na alavanca <strong>Parar o autoplay com mouseover</strong>:
            <ul>
              <li><strong>Ativada:</strong> quando o visitante do site passa o mouse sobre o slideshow, os slides são pausados no slide que eles estão visualizando.</li>              <li><strong>Desativada:</strong> quando o visitante do site passa o mouse sobre o slideshow, nada acontece e ele continua sendo reproduzido.</li>            </ul>          </li>        </ul>      </li>      <li><strong>Desativada:</strong> seu slideshow é controlado pelo visitante do site usando as setas e botões de navegaçã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/2022/02/07/e5e27497-1b78-4d63-b0f9-7b1961fd9f6f/44e19141-6f82-449f-9f94-b2eb49eeb4f8.png" alt="Captura de tela de slideshow no Editor Wix. O painel de configurações está selecionado, as configurações do painel slideshow exibe opções de configurações" /></div></div>

Personalize seu slideshow para que fique exatamente como você deseja. Você pode selecionar um background diferente para cada slide e ajustar recursos específicos dos slides, como borda e cantos.Altera...

Editor Wix: personalizar o design do slideshow

Personalize seu slideshow para refletir sua visão única, escolhendo diferentes backgrounds para cada slide, como imagens, vídeos, cores ou gradientes. Aprenda a ajustar elementos de design, como bordas, cantos e sombras, para dar profundidade e estilo ao seu slideshow. Siga as etapas simples no editor para criar um visual que se alinha com a identidade da sua marca e atraia a atenção do seu público.

<div data-component-type="text"><div>Personalize seu <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-e-configurando-um-slideshow" target="">slideshow</a> para que fique exatamente como você deseja. Você pode selecionar um background diferente para cada slide e ajustar recursos específicos dos slides, como borda e cantos.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshow-background" level="3">Alterar o background do seu slideshow</h2></div><div data-component-type="text"><div>Altere o background dos seus slides adicionando uma imagem, vídeo, cor ou gradiente.</div></div><div data-component-type="text"><div>Cada slide pode ter um background diferente, então você pode usar cada um para exibir diferentes mídias ou temas de cores, dependendo do que você precisa.</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/02/14/69d91e20-3100-4234-bee4-dcf83e660804/af16915e-ef76-44a5-bfc1-1b6c4c6e50e6.png" alt="Uma captura de tela de um slideshow em caixa ao lado do painel Alterar background" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar o background do seu slideshow:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no editor.</li>  <li>Clique nas setas ao lado do número do slide para navegar para o slide relevante.</li>  <li>Clique em <strong>Trocar background do slide</strong>.</li>  <li>Escolha o tipo de background que você deseja adicionar:
    <ul>
      <li><strong>Imagem</strong> ou <strong>vídeo:</strong>
        <ol>
          <li>Clique em <strong>Imagem</strong> ou <strong>Vídeo</strong>.</li>          <li>Selecione um arquivo no Gerenciador de mídia ou clique em <strong>Upload de mídia</strong>.</li>          <li>Clique em <strong>Alterar background</strong>.</li>        </ol>      </li>      <li><strong>Cor</strong> ou <strong>gradiente</strong>:
        <ol>
          <li>Clique em <strong>Cor.</strong></li>          <li>Selecione uma das seguintes opções:
            <ul>
              <li><strong>Cor:</strong> selecione uma cor no seletor de cores e use as configurações para ajustar sua opacidade.</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 com que seus slideshows se destaquem com um gradiente fluído e sofisticado. </li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-options-of-your-slideshow" level="3">Personalizar as opções de design do seu slideshow</h2></div><div data-component-type="text"><div>Crie seu slideshow para promover sua marca e visual. Você pode personalizar configurações como a cor de preenchimento, além de adicionar sombras e bordas para dar profundidade aos seus slideshows.</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/02/14/7b89a758-0ef4-41d6-afcb-94dd18fad60f/f906cadb-cdee-455a-a7b3-f30fcd62080f.png" alt="Uma captura de tela de um slideshow em caixa ao lado do painel de design, ajustando a opacidade da borda" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o design do seu slideshow:</h2></div><div data-component-type="text"><ol>
  <li>Clique no slideshow no seu editor.</li>  <li>Clique no ícone <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/06/16/cd32e19c-d7b7-4f0b-8a81-88e7d79f39bc.png" />.</li>  <li>(Opcional) Selecione um design predefinido na parte superior do painel.</li>  <li>Personalize o design predefinido usando as opções:
    <ul>
      <li><strong>Cor e opacidade</strong>: escolha uma cor e defina a opacidade das setas e dos botões de navegação para combinar com o tema do seu site.</li>      <li><strong>Bordas:</strong> escolha uma cor e ajuste a opacidade e a largura da borda para destacar o slideshow na sua página.</li>      <li><strong>Cantos:</strong> ajuste o raio dos cantos para tornar a borda mais arredondada.</li>      <li><strong>Sombra</strong>: crie e personalize uma sombra para adicionar profundidade ao seu slideshow. Você pode ajustar configurações como o ângulo e a distância para que fique exatamente como você deseja.</li>    </ul>  </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>As opções de design disponíveis dependem da predefinição que você escolher.</li>  <li>Apenas as opções <strong>Cor e opacidade</strong> estão disponíveis para slideshows de largura total.</li></ul></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

Personalize o Wix Bookings

Emails, SMS e promoções

Use o app Wix para gerenciar agendamentos

Videoconferência com o Wix Bookings

Fit by Wix

Serviços sob demanda

Wix Bookings

Configure o Wix Events

Crie seu evento

Personalize o Wix Events

Gerencie os seus eventos

Gerencie os convidados no Wix Events

Venda ingressos para eventos

Promova seu evento

Use o app Wix para Wix Events

Check-in by Wix para eventos

Wix Events

Configure planos pagos

Crie planos pagos

Crie sua página de planos pagos

Planos Pagos Wix

Aplicativos e soluções comerciais

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

Gerencie o seu negócio