Widget HTML do Slider Antes e Depois

Compare mudanças visuais de antes e depois no seu site HTML para mostrar transformações, ilustrar o progresso e apresentar resultados claros e impactantes.
Avaliação 4,8
Mais de 10.000 avaliações
Plano gratuito disponível
Criar Widget Grátis
Sem cartão de crédito necessário
HTML Before and After Slider widget

Crie seu Widget Slider Antes e Depois

Configure o Slider Antes e Depois e adicione-o ao seu site HTML gratuitamente!

Capturas de tela

HTML Before and After Slider widget
1 / 6

Descrição

O Before and After Slider da Elfsight vai ajudar você a compor fotos persuasivas para vender no seu site. Os clientes podem descobrir todos os efeitos que seus produtos ou serviços proporcionam. Basta enviar duas fotos para o Before and After Slider for HTML e elas serão exibidas com uma barra divisora que se move para acompanhar a mudança. Você pode incorporar slides ilimitados, cada um com sua própria legenda. A direção da barra divisora pode ser horizontal ou vertical, e você pode escolher a melhor proporção de imagem. Seus usuários não vão resistir à compra assim que virem o resultado real dos seus produtos!

Lance o slider de Antes e Depois para alcançar o auge do seu negócio com mais eficiência!

Oferecemos recursos práticos e simples — confira alguns:

  • Crie qualquer número de pares de fotos Antes e Depois
  • Insira legendas com configurações de formatação de texto em cada slide
  • Dois layouts: Lista e Carrossel
  • Deslocamento horizontal ou vertical do divisor
  • Clicar e arrastar ou simplesmente passar o cursor para mover o divisor
  • Deslize em dispositivos com tela sensível ao toque

Teste todas as funcionalidades de personalização em uma demonstração totalmente funcional

Como incorporar o Slider Antes e Depois no meu site HTML?

Siga as diretrizes abaixo para inserir o plugin.

  1. <b>Concluído! A integração foi concluída com sucesso</b><br><br>Vá até a sua página para ver como o plugin está funcionando.

Se tiver dúvidas ou encontrar dificuldades, não hesite em contatar nossa equipe de suporte. Nossos especialistas estão prontos para ajudar com qualquer pergunta sobre o produto.

Preciso de hospedagem especial para usar o Slider Antes e Depois em HTML?

Não é necessária hospedagem especial. Desde que seu site HTML suporte JavaScript, o Slider Antes e Depois funcionará corretamente.

Suporta layouts verticais e horizontais?

Sim, você pode escolher entre uma orientação de divisor vertical ou horizontal, dependendo de como deseja apresentar a comparação de imagens.

Como os visitantes podem interagir com a linha divisória?

O slider oferece os modos Arrastar e Clicar, bem como o Modo Hover, permitindo que os usuários movam o divisor manualmente ou simplesmente passando o cursor sobre a imagem.

Posso adicionar links clicáveis nas legendas?

Sim, as legendas aceitam links, para que você possa direcionar os visitantes às páginas de produtos, serviços, portfólios ou estudos de caso diretamente no slider.

Posso definir a posição padrão do divisor?

Absolutamente. Você pode definir a posição inicial do divisor, decidindo quanto da imagem “antes” ou “depois” fica visível quando a página carrega.

Quais formatos de imagem são recomendados para páginas HTML?

diretrizes para carregamento mais rápido.

As imagens são otimizadas automaticamente pelo slider?

Não, as imagens são exibidas exatamente como foram carregadas. Recomenda-se compactá-las e otimizá-las previamente para garantir um desempenho suave.

Posso usar o slider para mockups ou pré-visualizações de design?

Sim, o slider funciona com qualquer par de imagens, incluindo maquetes, renders, designs de UI, plantas arquitetônicas ou revisões visuais.

Posso comparar mais de duas imagens em um único slider?

Cada slide suporta a comparação de duas imagens. Para exibir várias etapas, você pode criar várias slides em sequência.

Posso travar o divisor para que os usuários não o movam?

O controle deslizante foi projetado para comparação interativa, portanto o divisor permanece móvel e não pode ser fixado permanentemente no lugar.

Preços

Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Elfsight Apps
Software multiplataforma
a partir de US$0/mês
Comece com o plano gratuito
Domínios ilimitados
Suporte gratuito e pontual.
Ajuda de instalação gratuita
Ótima oferta para vários apps
Fácil de editar