Plugin de Slider Antes e Depois para Squarespace

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

Crie o seu plugin de Slider Antes e Depois.

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

Capturas de tela

Squarespace Before and After Slider plugin
1 / 6

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

Antes e Depois Slider da Elfsight ajudará você a configurar imagens incríveis para promover seu site. Os usuários poderão explorar todas as mudanças que seus produtos ou serviços introduzem. Basta fazer o upload de duas imagens para Before and After Slider for Squarespace e elas serão exibidas com um divisor que pode ser movido para verificar a mudança. Você pode criar pares ilimitados de fotos, e escrever legendas e rótulos. A direção de deslizamento oferece duas opções: horizontal ou vertical, e você pode escolher a proporção de imagem mais adequada. Seus clientes ficarão prontos para comprar assim que virem a real eficácia| de seus produtos!

Potencialize seu site para objetivos de e-commerce com fotos de antes e depois.

Explore a lista dos melhores recursos:

  • Incorpore qualquer número de pares de imagens Antes e Depois
  • Insira legendas com opções de formatação de texto em cada foto
  • Dois layouts: Lista e Carrossel
  • Direção horizontal ou vertical do separador
  • Clique e arraste ou apenas passe o cursor para mover o divisor
  • Deslize em dispositivos com tela sensível ao toque

Experimente esta demonstração para ver como funciona

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

Basta seguir as instruções abaixo para integrar a ferramenta.

  1. <b>A configuração foi concluída</b><br><br> Acesse a sua página para ver o widget funcionando em ação.

Se você encontrar dúvidas ou obstáculos, não hesite em contatar nosso suporte. Nossa equipe ficará feliz em resolver qualquer dificuldade com o widget.

O Slider Antes e Depois é compatível com o Squarespace 7.0 e 7.1?

O Elfsight funciona em todas as versões do Squarespace, incluindo a clássica 7.0 e a mais recente 7.1 com Fluid Engine, e se integra suavemente a qualquer modelo.

Quais planos do Squarespace oferecem suporte para adicionar o plugin Antes e Depois?

Você precisará de um plano que permita código personalizado. Os planos Business ou superiores do Squarespace são necessários para incorporar plugins JavaScript – Personal/Basic plans não suportam blocos de código nem a inserção de scripts no cabeçalho/rodapé.

O Slider suporta divisores verticais e horizontais?

Sim, são suportadas as direções de divisão verticais e horizontais, permitindo escolher a melhor orientação para o layout do seu Squarespace.

Como os visitantes podem interagir com o divisor no deslizador?

O plugin suporta os modos de interação Arrastar e Clicar, bem como Hover, permitindo que os visitantes do Squarespace movam o divisor com facilidade.

Posso adicionar links clicáveis dentro das legendas das imagens?

Sim, legendas suportam links, permitindo redirecionar os visitantes para páginas de produtos, serviços ou estudos de caso no seu site Squarespace.

Posso ajustar a posição inicial do divisor?

Sim, o plugin Before and After Slider da Elfsight permite definir a posição padrão do divisor, controlando qual parte da imagem (antes ou depois) aparece primeiro.

Quais formatos de imagem são recomendados para melhor desempenho?

O plugin funciona melhor com imagens JPG ou PNG otimizadas, seguindo as diretrizes de tamanho e resolução da Elfsight para páginas Squarespace.

O Elfsight comprime ou otimiza imagens enviadas?

Não, as imagens são exibidas exatamente como foram carregadas, portanto a otimização deve ser feita antes de adicioná-las ao plugin.

Posso usar o Slider Antes e Depois para mockups ou designs?

Sim, o plugin suporta imagens emparelhadas, tornando-o adequado para renderizações, mockups, revisões de design e comparações visuais.

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

Não, cada slide compara apenas duas imagens, então exibir o progresso em várias etapas requer adicionar várias slides em sequência.

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

Não. O slider foi criado para comparação interativa, por isso o divisor permanece móvel para uma melhor experiência do usuário.

Preços

Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Elfsight Apps
Software independente de plataforma que funciona em qualquer site
a partir de US$0/mês
Comece com o plano gratuito
Domínios ilimitados
Suporte ao cliente profissional e documentação completa
Ajuda de instalação gratuita
100% personalizável
Preço para múltiplos apps