Widget de Slider Antes e Depois do Webflow

Compare mudanças visuais de antes e depois no seu site Webflow 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
Webflow Before and After Slider widget

Crie seu Widget Slider Antes e Depois

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

Capturas de tela

Webflow Before and After Slider widget
1 / 6

Incorpore o Slider Antes e Depois no Webflow com o widget da Elfsight

Slider Antes e Depois da Elfsight permite publicar imagens de alto impacto para o seu site. Os usuários podem ver de imediato todas as alterações que seus produtos ou serviços proporcionam. Basta enviar duas imagens para o Slider Antes e Depois para Webflow e elas serão exibidas com um divisor móvel para observar a diferença. Você pode criar slides ilimitados e adicionar legendas e rótulos. A orientação do divisor oferece duas opções: horizontal ou vertical, e você pode escolher a melhor relação de aspecto da imagem. Seus visitantes não vão resistir à compra quando virem o resultado real dos seus produtos!

Insira antes e depois do Slider Antes e Depois para acelerar seus objetivos de comércio eletrônico.

Abaixo, confira os recursos básicos do widget:

  • Crie pares ilimitados de imagens Antes e Depois.
  • Adicione legendas com opções de formatação de texto a cada slide
  • Dois layouts: Lista e Carrossel
  • Orientação horizontal ou vertical do separador.
  • Clique para arrastar ou simplesmente passe o mouse para mover o divisor
  • Deslize em telas sensíveis ao toque

Experimente esta demonstração para entender a funcionalidade do widget.

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

Basta seguir os passos apresentados abaixo para integrar a ferramenta.

  1. Visite sua página para verificar o desempenho da ferramenta.

Caso tenha dúvidas ou encontre dificuldades, entre em contato com nosso atendimento ao cliente. Nossa equipe está pronta para ajudar com qualquer desafio que você possa ter com o plugin.

Preciso de um plano pago do Webflow para adicionar o Slider de Antes e Depois?

Sim, o Webflow requer um plano pago para publicar código personalizado. Planos gratuitos não permitem embeds de JavaScript em sites ao vivo.

Posso incorporar o Slider Antes e Depois em modelos Webflow CMS?

Sim, você pode inserir o slider em um modelo de Coleção CMS, e ele aparecerá automaticamente em todas as páginas dinâmicas que usam esse layout.

O widget deslizante suporta modos de comparação verticais e horizontais?

Sim, você pode escolher entre uma direção de divisor vertical ou horizontal, dependendo de como prefere exibir a comparação visual na sua página Webflow.

Como os usuários controlam o divisor no Webflow?

Os visitantes podem interagir com a barra de comparação usando a funcionalidade de arrastar e clicar ou ativar o modo hover, onde o divisor se move com o movimento do cursor.

Posso incluir links clicáveis nas legendas das imagens?

Sim, as legendas permitem links, para que você possa guiar visitantes do Webflow a serviços relacionados, estudos de caso ou páginas de produtos diretamente no slider.

É possível definir a posição inicial do divisor?

No editor da Elfsight, você pode definir o ponto de divisão inicial, determinando quanto das imagens “antes” e “depois” fica visível quando o slider é carregado pela primeira vez.

Quais formatos de imagem são recomendados para o Webflow?

Arquivos JPG ou PNG otimizados são recomendados. Seguir estas diretrizes de imagem ajuda a garantir carregamento rápido e desempenho suave.

Posso usar o slider para mockups ou comparações de design?

Claro. O Elfsight funciona com qualquer par de visuais, incluindo mockups, renders, atualizações de UI, transformações de produto ou revisões criativas.

Posso exibir mais de duas imagens de uma vez na minha página Webflow?

Cada slide compara um par de imagens. Para demonstrar várias etapas, você pode adicionar vários slides em sequência.

Para adicionar o template Educação & Pessoal ao seu site, siga as instruções simples:

O widget foi criado para comparações interativas, por isso o divisor permanece ajustável e não pode ser travado permanentemente.

Preços

Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Elfsight Apps
Software multiplataforma que funciona em qualquer site
a partir de US$0/mês
Comece com o plano gratuito
Número ilimitado de sites
Suporte Profissional
Serviço de instalação gratuito
Oferta especial para várias integrações de apps
Totalmente personalizável