Sequência de rolagem

A WPBeginner ajudou inúmeros usuários do WordPress a projetar e criar sites de classe mundial (na verdade, até oferecemos serviços profissionais de web design!)

Adoramos usar animações para captar a atenção do visitante e adicionar um toque cinematográfico aos sites do WordPress. No entanto, com muita frequência, os proprietários de sites usam as animações de forma errada, o que resulta em desempenho ruim do site e visitantes frustrados.

Deseja adicionar animações de rolagem ao seu site sem sacrificar a velocidade?

Nesta análise do Scrollsequence, examinaremos um plug-in que promete adicionar um pouco de magia cinematográfica ao WordPress sem nenhuma desvantagem. Analisaremos seus recursos, suporte e muito mais para ajudá-lo a decidir se o Scrollsequence é o plugin de animação de rolagem certo para você.

Scrollsequence: Por que usá-la no WordPress?

O Scrollsequence é um plug-in de animação de sequência de imagens que visa a criar uma experiência mais cinematográfica para seus visitantes.

Com esse plug-in, você pode criar sequências de rolagem atraentes sem precisar escrever uma única linha de código ou contratar um desenvolvedor do WordPress. Basta selecionar a série de imagens que deseja usar e, em seguida, criar a animação no painel de controle de fácil utilização do Scrollsequence.

Quando estiver satisfeito com a sequência, você poderá adicioná-la a qualquer página, post ou área pronta para widget usando um shortcode do WordPress que o Scrollsequence cria automaticamente. Com isso feito, a animação será reproduzida e retrocedida à medida que o visitante rolar a página para cima e para baixo.

Dessa forma, você pode tornar qualquer página mais envolvente e manter os visitantes em seu site por mais tempo.

As sequências de rolagem funcionam particularmente bem para páginas que precisam chamar a atenção do visitante, como páginas de destino e páginas de vendas.

Se estiver apenas começando ou tiver um orçamento limitado, poderá fazer o download da versão lite do Scrollsequence no WordPress.org.

Com o plug-in gratuito, você está limitado a uma única animação Scrollsequence por página ou publicação. Ele também restringe o número de imagens que você pode adicionar a cada sequência.

No entanto, você pode remover esses limites fazendo o upgrade para o plug-in Scrollsequence premium. Depois de comprar uma licença, você pode adicionar imagens ilimitadas a cada sequência e colocar várias animações Scrollsequence na mesma página ou publicação.

O plug-in premium também adiciona um conversor de vídeo para imagem que cria uma série de imagens a partir de um vídeo. Em seguida, você pode usar essas imagens em suas sequências de rolagem.

Você também terá acesso ao Frame Former com tecnologia de IA, que usa aprendizado de máquina para aumentar o número de quadros de imagem em um vídeo, resultando em uma animação mais suave.

Revisão do Scrollsequence: O plugin de animação de sequência de imagens certo para você?

As animações do WordPress são uma ótima maneira de atrair o interesse do visitante e destacar o conteúdo mais importante de uma página. No entanto, é importante usar esses efeitos com cuidado, para evitar que o site fique lento e prejudique a experiência do visitante.

Dito isso, vamos ver se o Scrollsequence é o plug-in de animação de rolagem certo para seu blog do WordPress.

1. Tecnologia de sequência de rolagem acessível

Embora possa parecer avançado, o Scrollsequence tem como objetivo tornar a tecnologia de sequência de rolagem acessível a todos os usuários do WordPress.

No editor WYSIWYG, basta selecionar todas as imagens que você deseja usar na sequência.

É possível fazer upload de imagens estáticas, escolher gráficos da biblioteca de mídia do WordPress ou gerar imagens estáticas a partir de um vídeo.

Para ajudar a estruturar sua lógica de animação, o Scrollsequence pode dividir a sequência em cenas.

Cada cena tem suas próprias imagens, animações e outras configurações.

Você pode até mesmo adicionar conteúdo extra, como texto, imagens e vídeos, usando o editor TinyMCE simples do plug-in.

Quando estiver satisfeito com a configuração da animação, você poderá salvar as alterações e adicioná-la ao seu site usando um shortcode.

2. Criar animações de sequência ilimitadas

Com o Scrollsequence, você pode criar quantas animações de sequência de imagens quiser. Basta clicar em um botão nas configurações do plug-in e, em seguida, configurar a animação em seu editor de fácil utilização.

Quando estiver satisfeito com a animação, você poderá adicioná-la a qualquer página, publicação ou área pronta para widget usando um shortcode que o Scrollsequence cria automaticamente.

O Scrollsequence cria um novo shortcode para cada animação, de modo que você pode criar um número ilimitado de sequências e controlar exatamente onde elas aparecem no seu site do WordPress.

3. Otimizado para mecanismos de pesquisa

As animações de rolagem podem aprimorar o SEO do WordPress, chamando a atenção do visitante e mantendo-o em seu site. Entretanto, nem todas as animações são visíveis para os mecanismos de pesquisa.

Felizmente, todo o conteúdo que você cria usando o Scrollsequence é pesquisável por padrão. Essa é uma notícia particularmente boa se você tiver seguido as práticas recomendadas de SEO de imagens e otimizado os arquivos individuais na sequência de imagens.

Ao escolher um plug-in compatível com SEO, como o Scrollsequence, você pode ajudar os mecanismos de pesquisa a entender suas animações, o que aumentará suas chances de aparecer nos resultados relevantes dos mecanismos de pesquisa.

4. Suporta a maioria dos temas do WordPress

O Scrollsequence foi projetado para ser compatível com todos os melhores temas do WordPress.

No entanto, você poderá encontrar problemas se o seu tema quebrar o comportamento normal de rolagem do WordPress usando barras de rolagem personalizadas ou transições AJAX.

5. Efeitos de rolagem responsivos para celular

De acordo com nossas estatísticas de uso da Internet, o tráfego da Internet móvel representa quase 55% do tráfego total da Web. Dito isso, se as suas animações não forem otimizadas para dispositivos móveis, você estará proporcionando uma experiência ruim para mais da metade dos seus usuários.

Felizmente, todas as sequências que você cria usando o Scrollsequence são compatíveis com dispositivos móveis por padrão. Isso significa que elas terão uma ótima aparência e funcionarão corretamente, independentemente do dispositivo que o visitante estiver usando.

Como alternativa, você pode desativar as animações para dispositivos e sistemas operacionais específicos, inclusive dispositivos móveis.

6. Sequências totalmente personalizáveis

Com o Scrollsequence, você pode alterar todas as partes da sequência de animação, inclusive a opacidade da imagem e as cores de fundo. Você também pode alterar a escala da imagem para cada cena da sequência.

Melhor ainda, você pode ajustar a sequência de imagens sem precisar adicionar código personalizado ou contratar um desenvolvedor do WordPress, graças às configurações fáceis de usar.

7. Várias predefinições de animação

O Scrollsequence vem com vários estilos de animação incorporados que você pode usar: fade in, fade out, fade from/to, mover para cima/para baixo na vertical, mover para cima/para baixo na horizontal e escalar.

Às vezes, você pode querer exibir uma determinada imagem por mais tempo, como a imagem que destaca a chamada para ação ou o principal ponto de venda. Nesse caso, você pode ajustar a animação nas configurações de Scrollsequence. Você também pode fazer um loop, reverter ou retornar imagens específicas dentro da animação, com apenas alguns cliques.

Além disso, você pode adicionar várias predefinições de animação ao mesmo elemento na tela e criar um efeito de narração de história ou criar sequências mais complexas.

Ao experimentar todas essas configurações diferentes, você pode criar animações exclusivas e atraentes para o seu site WordPress.

8. Comportamento de rolagem personalizável

Com o Scrollsequence, você pode controlar como a animação reage quando o visitante rola a tela. Por exemplo, a posição “pegajosa” fixa a sequência no lugar para que ela permaneça inicialmente visível na tela à medida que o visitante rola a página.

Quando a animação terminar, ela subirá na página com o restante do conteúdo.

Como alternativa, você pode selecionar “estático” para que a animação role com o restante do conteúdo da página.

9. Suporte a CSS personalizado

Deseja ter mais controle sobre a aparência e o funcionamento de uma sequência? Você pode adicionar CSS personalizado a qualquer Scrollsequence, diretamente no editor de fácil utilização do plug-in.

10. Exibir animações em qualquer lugar

Depois de criar uma sequência de animação, você pode adicioná-la a qualquer página ou publicação usando um shortcode que o plug-in cria automaticamente.

O Scrollsequence cria um shortcode exclusivo para cada sequência, para que você possa controlar exatamente onde as diferentes animações aparecem em seu site, blog ou loja on-line.

11. Otimizado para desempenho

O Scrollsequence foi projetado com o desempenho em mente e busca as primeiras imagens durante o carregamento da página. Assim que o Scrollsequence atingir o número mínimo de imagens, ele exibirá a animação e continuará a carregar as imagens restantes em segundo plano.

Esse recurso funciona imediatamente. Entretanto, se preferir, você pode alterar o número de imagens que o Scrollsequence deve carregar antes que a animação se torne visível.

Diminuir a porcentagem de pré-carregamento fará com que a página seja carregada mais rapidamente. No entanto, a animação pode parecer instável até que mais imagens sejam carregadas.

O Scrollsequence também usa scripts leves e só carregará esses scripts quando a sequência estiver visível na tela. Dito isso, ele não adiciona peso algum ao restante do seu site, blog ou mercado on-line.

12. Adicionar um atraso de rolagem suave

As animações suaves impressionarão os usuários e farão com que o site pareça mais profissional imediatamente. O Scrollsequence já está otimizado para desempenho, mas talvez você queira adicionar um atraso de rolagem, o que fará com que as animações pareçam mais suaves.

13. Duplicate Any Animation (Duplicar qualquer animação)

Às vezes, você pode querer criar variações da mesma animação. Por exemplo, talvez você queira traduzir o texto de uma animação pronta para ser usada em seu site multilíngue do WordPress. Você também pode precisar de variações para seus testes A/B.

Em vez de recriar uma sequência do zero, você pode duplicar qualquer animação Scrollsequence com um único clique.

Isso pode lhe poupar muito tempo e esforço, além de facilitar a experimentação de vários efeitos de rolagem diferentes.

14. Compatível com construtores de páginas

Como já mencionado, você pode adicionar o Scrollsequence a qualquer página ou publicação por meio do editor de conteúdo do WordPress. No entanto, ele também é compatível com todos os principais plug-ins de criação de páginas, incluindo Elementor, Divi, Oxygen e Beaver Builder.

15. Conversor de vídeo para imagem

Deseja criar uma sequência de rolagem a partir de um arquivo de vídeo existente?

Para economizar tempo, o Scrollsequence tem um conversor de vídeo para imagem que pode transformar qualquer vídeo de origem em uma série de imagens de alta qualidade, em segundos. Basta selecionar o vídeo e o Scrollsequence produzirá uma sequência de imagens, pronta para ser usada em suas animações.

16. Aumente sua taxa de quadros

Deseja melhorar a qualidade de seus vídeos existentes?

Em seguida, o Scrollsequence pode aumentar a taxa de quadros por meio de sua ferramenta Frame Former. Essa solução com tecnologia A usa aprendizado de máquina para formar novos quadros e aumentar a taxa para 60 fps, resultando em uma experiência de reprodução mais suave.

17. Apoio comunitário e profissional

Com o Scrollsequence, você pode criar sequências de rolagem avançadas e impressionantes sem precisar contratar um designer ou desenvolvedor do WordPress.

O Scrollsequence se integra perfeitamente ao painel padrão do WordPress, para que você possa selecionar facilmente as imagens que deseja usar, adicionar conteúdo extra por meio de um editor TinyMCE familiar e, em seguida, ajustar sua animação usando o recurso de arrastar e soltar.

Dito isso, o Scrollsequence torna as animações de rolagem acessíveis a mais usuários do WordPress. No entanto, algumas orientações adicionais podem ajudá-lo a criar efeitos mais impressionantes.

Nesse caso, o Scrollsequence tem documentação on-line e uma base de conhecimento detalhada em seu site oficial.

Aqui, você encontrará guias passo a passo que abrangem todos os principais recursos, além de conselhos sobre como solucionar erros comuns do WordPress que você pode encontrar ao usar o Scrollsequence.

Como bônus adicional, os desenvolvedores também compartilham dicas sobre como usar o Scrollsequence com outros plug-ins obrigatórios do WordPress.

Além disso, todos os 3 planos premium vêm com suporte profissional, para que você possa entrar em contato com os desenvolvedores em caso de dúvidas ou preocupações.

Se estiver usando o plug-in gratuito, você poderá postar no fórum do Scrollsequence no WordPress.org e obter respostas para perguntas básicas.

Ao postar em fóruns públicos de suporte, é sempre uma boa ideia incluir o máximo de informações possível, para que os especialistas possam entender seu problema completamente e publicar uma resposta útil. Para obter mais informações sobre esse tópico, consulte nosso guia sobre como solicitar corretamente o suporte do WordPress.

Análise do Scrollsequence: Preços e planos

Se estiver apenas começando ou tiver um orçamento limitado, poderá fazer o download da versão lite do Scrollsequence no WordPress.org. Esse plug-in vem com o editor de sequência de rolagem fácil de usar, além de algumas configurações básicas de animação.

No entanto, o plug-in gratuito limita você a uma sequência por página. Também não é possível acessar os recursos mais avançados, incluindo o conversor de vídeo para imagem.

Dito isso, recomendamos a atualização para o plug-in Scrollsequence premium.

Há três planos para escolher:

• Único. Por US$ 5,83 por mês, você pode adicionar cenas e imagens ilimitadas a cada animação de rolagem. Esse plano também vem com pré-carregamento de sequência personalizável e um atraso de rolagem opcional. No entanto, deve-se observar que só é possível instalar o Scrollsequence em um único site, blog ou loja on-line.
• Pro. Com preço de US$ 11,66 por mês quando cobrado anualmente, esse plano vem com suporte prioritário. Você também pode instalar o Scrollsequence em até 10 sites, portanto, é uma boa opção se você possui vários sites, como vários blogs em uma rede de marketing de afiliados.
• Negócios. Precisa de acesso a ferramentas mais avançadas? Por US$ 38,33 por mês, esse plano vem com o conversor de vídeo para imagem e o AI Frame Former. Você também pode usar esse plano em até 100 sites, portanto, o plano Business pode ser uma boa opção para agências de desenvolvimento do WordPress que estejam procurando uma ferramenta que possam usar em todos os sites de seus clientes.

Revisão do Scrollsequence: O plugin de animação de sequência de imagens certo para você?

Para resumir esta análise do Scrollsequence, estamos confiantes de que se trata de um excelente plugin de animação de sequência de imagens. Com esse plugin, você pode criar um número ilimitado de sequências de rolagem e adicionar um pouco de magia cinematográfica ao seu site.

Você pode personalizar suas sequências com diferentes efeitos de animação, atrasos, texto, chamadas para ações e muito mais, para criar exatamente a experiência que deseja.

Esperamos que esta análise do Scrollsequence tenha ajudado você a decidir se esse é o plug-in de animação de sequência ideal para você. Em seguida, talvez você queira ver nosso guia sobre como escolher o melhor software de web design ou conferir nossa seleção especializada do melhor software de bate-papo ao vivo.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.