header-logo
Primeiros passosConfira como usar o Wix para construir seu site e negócio.
Crie o seu sitePersonalize e gerencie seu site com os recursos do Wix.
Conta e faturamentoGerencie assinaturas, planos e faturas.
Use os apps mobile do WixAdministre seu negócio e conecte-se com os membros.
Conecte um domínioCompre, conecte ou transfira um domínio para o seu site.
Gerencie o seu negócioExpanda seu negócio e presença online.
Promova o seu siteAumente sua visibilidade com recursos de SEO e marketing.
Wix Studio, Parceiros e empresasAcesse recursos avançados e otimize sua produtividade.
AjudaEncontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Harmony: adicionar e personalizar um slideshow

10 min
Neste artigo
  • Adicionar um slideshow
  • Personalizar o design do seu slideshow
  • Ajustar as configurações do slideshow
  • Personalizar a navegação do slideshow
  • Gerenciar os slides
  • FAQs
Pense em um slideshow como uma forma de destacar o conteúdo do seu site. Ele é perfeito para exibir produtos, destacar mensagens importantes ou simplesmente adicionar energia e movimento às suas páginas. Comece com predefinições fáceis de usar ou mergulhe em opções de design avançado e crie um visual exclusivo para cada slide.
Adicione recursos como setas de navegação personalizáveis, indicadores de slide e transições horizontais ou verticais suaves. O suporte mobile integrado oferece aos seus visitantes uma experiência de deslizar contínua, além da opção de ocultar as setas de navegação em telas menores.
Uma captura de tela que exibe um slideshow.

Adicionar um slideshow

Comece ao adicionar um slideshow a partir do painel Elementos. Escolha um visual que você goste entre uma ampla gama de predefinições criadas por profissionais, prontas para combinar com o estilo do seu site.

Para adicionar e configurar um slideshow:

  1. Vá para o seu editor.
  2. Clique em + Elementos no canto superior esquerdo do editor.
  3. Selecione Elementos.
  4. Passe o mouse sobre o ícone Mais opções e clique em Galeria .
  5. Selecione a aba Slideshows.
  6. Arraste um slideshow para o seu site.
A screenshot showing the slideshow options in the Add panel.

Personalizar o design do seu slideshow

Seu slideshow pode ser tão dinâmico quanto você quiser: adicione imagens ou vídeos, escreva uma mensagem ou inclua botões. Quanto mais variedade você adiciona a cada slide, mais você convida as pessoas a clicarem e explorarem seu site.

Para personalizar seu slideshow:

  1. Vá para o seu editor.
  2. Clique no elemento de slideshow na página.
  3. Escolha o que você deseja fazer:
Uma captura de tela que mostra as opções de design.

Ajustar as configurações do slideshow

Personalize o ritmo do seu slideshow. Decida se você quer que os slides fiquem em um loop, sejam reproduzidos sozinhos ou exibidos com transições dramáticas.

Para ajustar as configurações:

  1. Vá para o seu editor.
  2. Clique no elemento de slideshow na página.
  3. Clique no ícone Configurações na barra de ação.
  4. Escolha o que personalizar: 
    • Loop contínuo: ative a alavanca para que os slides fiquem em um loop infinito.
    • Reprodução automática: ative a alavanca para que o slideshow seja reproduzido automaticamente assim que o site carregar.
      • Tempo em cada slide: arraste o slider para ajustar por quantos segundos cada slide permanece na tela.
      • Pausar ao passar o mouse: ative a alavanca para pausar o slideshow quando os visitantes passarem o mouse sobre ele.
      • Mostrar botão de pausar e reproduzir: ative a alavanca para exibir um botão de "pausar e reproduzir".
    • Transições: clique no dropdown para selecionar como os slides mudam: Nenhum, Slide, Cross-fade ou In-and-out.
      • Direção da transição: escolha como os slides se movem: Da esquerda para a direita, Da direita para a esquerda, De cima para baixo ou De baixo para cima.
      • Duração da transição: arraste o slider para ajustar a rapidez com que os slides se movem (em segundos).
    • Acessibilidade: clique em Acessibilidade do site e adicione uma descrição no campo Nome acessível para tornar seu slideshow acessível para visitantes que usam tecnologias assistivas.
Uma captura de tela que mostra as opções de configurações.

Personalizar a navegação do slideshow

Guie seu público por cada slide com uma navegação personalizada. Você pode decidir se quer exibir apenas setas de navegação, indicadores de slide ou ambos.
Escolha os ícones de navegação e personalize o design e o layout dos botões e indicadores para que cada detalhe combine com a sua visão.

Para personalizar a navegação:

  1. Vá para o seu editor.
  2. Clique no elemento de slideshow na página.
  3. Escolha o que você deseja fazer:
Uma captura de tela que mostra as opções de navegação.

Gerenciar os slides

Mantenha tudo organizado ao renomear ou excluir slides conforme você avança. Dessa forma, seu slideshow sempre mostra exatamente o que você quer.

Para gerenciar os slides:

  1. Vá para o seu editor.
  2. Clique no elemento de slideshow na página.
  3. Clique em Gerenciar itens na barra de ação.
  4. Passe o mouse sobre o slide relevante e clique no ícone Mais ações .
  5. Escolha o que fazer em seguida: Renomear ou Excluir
Uma captura de tela que mostra o painel Gerenciar slides.

FAQs

Clique em uma pergunta abaixo para saber mais sobre como adicionar e personalizar um slideshow: