Secuencia de desplazamiento

WPBeginner ha ayudado a innumerables usuarios de WordPress a diseñar y crear sitios web de primera categoría (de hecho, ¡incluso ofrecemos servicios profesionales de diseño web!).

Nos encanta utilizar animaciones para captar la atención del visitante y añadir un toque cinematográfico a los sitios web en WordPress. Sin embargo, con demasiada frecuencia los propietarios de sitios web utilizan las animaciones de forma incorrecta, lo que provoca un bajo rendimiento del sitio web y la frustración de los visitantes.

¿Quiere añadir animaciones de desplazamiento a su sitio web sin sacrificar la velocidad?

En esta reseña / valoración de Scrollsequence, echaremos un vistazo a un plugin que promete añadir algo de magia cinematográfica a WordPress sin ningún inconveniente. Veremos sus características, soporte y más para ayudarte a decidir si Scrollsequence es el plugin de animación de desplazamiento adecuado para ti.

Scrollsequence: ¿Por qué usarlo en WordPress?

Scrollsequence es un plugin de animación de secuencias de imágenes que pretende crear una experiencia más cinematográfica para tus visitantes.

Con este plugin, puede crear llamativas secuencias de desplazamiento sin tener que escribir una sola línea de código ni contratar a un desarrollador de WordPress. Solo tienes que seleccionar la serie de imágenes que deseas utilizar y, a continuación, crear la animación en el sencillo panel de control de Scrollsequence.

Cuando esté satisfecho con la secuencia, puede añadirla a cualquier página, entrada o área preparada para widgets mediante un shortcode de WordPress que Scrollsequence crea automáticamente. Una vez hecho esto, la animación se reproducirá y rebobinará a medida que el visitante se desplace hacia arriba y hacia abajo por la página.

De este modo, puede hacer que cualquier página resulte más atractiva y mantener a los visitantes en su sitio web durante más tiempo.

Las secuencias de desplazamiento funcionan especialmente bien en páginas que necesitan captar la atención del visitante, como las páginas de destino y las páginas de ofertas.

Si estás empezando o tienes un presupuesto limitado, puedes descargar la versión lite de Scrollsequence desde WordPress.org.

Con el plugin gratuito, estás limitado a una sola animación Scrollsequence por página o entrada. También restringe el número de imágenes que puedes añadir a cada secuencia.

Sin embargo, puede quitar / eliminar estos límites mediante la actualización a la prima Scrollsequence plugin. Después de comprar una licencia, puede añadir imágenes ilimitadas a cada secuencia, y colocar múltiples animaciones Scrollsequence en la misma página o entradas.

El plugin premium también añade un conversor de vídeo a imagen que crea una serie de imágenes a partir de un vídeo. A continuación, puede utilizar estas imágenes en sus secuencias de desplazamiento.

También tendrás acceso a Frame Former, que funciona con IA y utiliza el aprendizaje automático para aumentar el número de fotogramas de imagen en un vídeo, lo que se traduce en una animación más fluida.

Scrollsequence reseña: ¿El plugin de animación de secuencias de imágenes adecuado para usted?

Las animaciones de WordPress son una forma estupenda de captar el interés del visitante y resaltar el contenido más importante de una página. Sin embargo, es importante utilizar estos efectos con cuidado, para evitar ralentizar el sitio web y perjudicar la experiencia del visitante.

Dicho esto, veamos si Scrollsequence es el plugin de animación de desplazamiento adecuado para su blog de WordPress.

1. Tecnología de secuencia de desplazamiento accesible

Aunque pueda parecer avanzada, Scrollsequence pretende poner la tecnología de secuencias de desplazamiento al alcance de todos los usuarios de WordPress.

En el editor WYSIWYG, sólo tiene que seleccionar todas las imágenes que desee utilizar en la secuencia.

Puede subir imágenes estáticas, elegir gráficos de la biblioteca de medios de WordPress o generar imágenes estáticas a partir de un vídeo.

Para ayudar a estructurar su lógica de animación, Scrollsequence puede dividir la secuencia en escenas.

Cada escena tiene sus propias imágenes, animaciones y otros ajustes.

Incluso puede añadir contenido adicional, como texto, imágenes y vídeos, utilizando el sencillo editor TinyMCE del plugin.

Cuando estés satisfecho con cómo se ha establecido la animación, puedes guardar los cambios y añadirla a tu sitio web mediante un shortcode.

2. Cree animaciones de secuencia ilimitadas

Con Scrollsequence, puede crear tantas animaciones de secuencias de imágenes como desee. Basta con hacer clic en un botón en los ajustes del plugin y luego configurar la animación en su editor fácil de usar.

Cuando esté satisfecho con la animación, puede añadirla a cualquier página, entrada o área preparada para widgets mediante un shortcode que Scrollsequence crea automáticamente.

Scrollsequence crea un nuevo shortcode para cada animación, por lo que puede crear un número ilimitado de secuencias y luego controlar exactamente dónde aparecen en su sitio web de WordPress.

3. Optimizado para los motores de búsqueda

Las animaciones de desplazamiento pueden mejorar el SEO de su WordPress al captar la atención del visitante y mantenerlo en su sitio web. Sin embargo, no todas las animaciones son visibles para los motores de búsqueda.

Afortunadamente, todo el contenido que cree con Scrollsequence se puede buscar por defecto. Esta es una buena noticia si ha seguido las mejores prácticas de SEO de imágenes y ha optimizado los archivos individuales dentro de su secuencia de imágenes.

Al elegir un plugin SEO-friendly como Scrollsequence, puede ayudar a los motores de búsqueda a entender sus animaciones, lo que aumentará sus posibilidades de aparecer en los resultados relevantes de los motores de búsqueda.

4. Es compatible con la mayoría de los temas de WordPress

Scrollsequence está diseñado para ser compatible con los mejores temas de WordPress.

Sin embargo, puede tener problemas si su tema rompe el comportamiento normal de desplazamiento de WordPress utilizando barras de desplazamiento personalizadas o transiciones AJAX.

5. Efectos de desplazamiento adaptables a móviles

Según nuestras estadísticas de uso de Internet, el tráfico de Internet móvil representa casi el 55% del tráfico web total. Dicho esto, si tus animaciones no están optimizadas para móviles, estás ofreciendo una experiencia deficiente a más de la mitad de tus usuarios.

Afortunadamente, todas las secuencias que cree con Scrollsequence son compatibles con dispositivos móviles por defecto. Esto significa que tendrán un aspecto estupendo y funcionarán correctamente independientemente del dispositivo que utilice el visitante.

También puedes desactivar las animaciones para determinados dispositivos y sistemas operativos, incluidos los dispositivos móviles.

6. Secuencias totalmente personalizables

Con Scrollsequence, puede cambiar cada parte de la secuencia de animación, incluyendo la opacidad de la imagen y los colores de fondo. También puede cambiar la escala de la imagen para cada escena de la secuencia.

Y lo que es mejor, puede ajustar la secuencia de imágenes sin tener que añadir código personalizado ni contratar a un desarrollador de WordPress, gracias a los ajustes fáciles de usar.

7. Múltiples preajustes de animación

Scrollsequence viene con varios estilos de animación incorporados que puede utilizar: fundido de entrada, fundido de salida, fundido desde/hasta, movimiento vertical hacia arriba/abajo, movimiento horizontal hacia arriba/abajo y escala.

A veces puede que desee mostrar una determinada imagen durante más tiempo, como la imagen que destaca su llamada a la acción o su principal argumento de venta. En ese caso, puede ajustar la animación en los ajustes de la secuencia de desplazamiento. También puede hacer bucles, retroceder o rebotar imágenes específicas dentro de la animación, con sólo unos clics.

Yendo más allá, puedes añadir varios preajustes de animación al mismo elemento en pantalla y crear un efecto narrativo, o construir secuencias más complejas.

Probando todos estos ajustes diferentes, puede crear animaciones únicas y atractivas para su sitio web de WordPress.

8. Comportamiento de desplazamiento personalizable

Con Scrollsequence, puede controlar cómo reacciona la animación cuando el visitante se desplaza. Por ejemplo, la posición “fija” fija la secuencia en su lugar para que permanezca visible en pantalla mientras el visitante se desplaza.

Una vez finalizada la animación, se desplazará hacia arriba en la página con el resto del contenido.

También puede seleccionar “estática” para que la animación se desplace con el resto del contenido de la página.

9. es compatible con CSS personalizado

¿Desea tener más control sobre el aspecto y el funcionamiento de una secuencia? Puedes añadir CSS personalizado a cualquier Scrollsequence, directamente en el editor de fácil uso del plugin.

10. Mostrar animaciones en cualquier lugar

Después de crear una secuencia de animación, puedes añadirla a cualquier página o entrada utilizando un shortcode que el plugin crea automáticamente.

Scrollsequence crea un shortcode único para cada secuencia, de modo que puedes controlar exactamente dónde aparecen las diferentes animaciones en tu sitio web, blog o tienda online.

11. Optimizado para el rendimiento

Scrollsequence se ha diseñado teniendo en cuenta el rendimiento, y obtiene las primeras imágenes durante la carga de la página. En cuanto Scrollsequence alcanza el número mínimo de imágenes, muestra la animación y continúa cargando las imágenes restantes en segundo plano.

Esta característica funciona por defecto. Sin embargo, si lo prefiere, puede cambiar el número de imágenes que Scrollsequence debe cargar antes de que la animación sea visible.

Reducir el porcentaje de precarga hará que la página se cargue más rápido. Sin embargo, la animación puede parecer entrecortada hasta que se hayan cargado más imágenes.

Scrollsequence también utiliza scripts ligeros y solo cargará esos scripts cuando la secuencia sea visible en la pantalla. Dicho esto, no añade peso alguno al resto de su sitio web, blog o mercado en línea.

12. Añadir un retardo de desplazamiento suave

Unas animaciones fluidas impresionarán a los usuarios y darán a su sitio un aspecto más profesional. Scrollsequence ya está optimizado para el rendimiento, pero puede añadir un retardo de desplazamiento, que hará que sus animaciones parezcan más suaves.

13. Duplicar cualquier animación

A veces, es posible que desee crear variaciones de la misma animación. Por ejemplo, es posible que desee traducir el texto de una animación lista para usar en su sitio web multilingüe de WordPress. También puede necesitar variaciones para sus pruebas A/B.

En lugar de recrear una secuencia desde cero, puede duplicar cualquier animación de Scrollsequence con un solo clic.

Esto puede ahorrarle mucho tiempo y esfuerzo, y facilita la experimentación con muchos efectos de desplazamiento diferentes.

14. Compatible con maquetadores de páginas

Como ya hemos mencionado, puedes añadir Scrollsequence a cualquier página o entrada a través del editor de contenido de WordPress. Sin embargo, también es compatible con los principales plugins maquetadores de páginas, como Elementor, Divi, Oxygen y Beaver Builder.

15. Conversor de vídeo a imagen

¿Desea crear una secuencia de desplazamiento a partir de un archivo de vídeo existente?

Para ahorrar tiempo, Scrollsequence dispone de un conversor de vídeo a imagen que puede convertir cualquier vídeo fuente en una serie de imágenes de alta calidad, en cuestión de segundos. Basta con seleccionar el vídeo y Scrollsequence generará una secuencia de imágenes listas para usar en tus animaciones.

16. Aumente su tasa / puntuación de fotogramas

¿Quieres mejorar la calidad de tus vídeos?

A continuación, Scrollsequence puede aumentar la tasa / tarifa mediante su herramienta Frame Former. Esta potente solución utiliza el aprendizaje automático para formar nuevos fotogramas y aumentar la tasa a 60 fps, lo que se traduce en una experiencia de reproducción más fluida.

17. Apoyo comunitario y profesional

Con Scrollsequence, puede crear impresionantes y avanzadas secuencias de desplazamiento sin tener que contratar a un diseñador o desarrollador de WordPress.

Scrollsequence se integra perfectamente con el escritorio de WordPress por defecto, para que pueda seleccionar fácilmente las imágenes que desea utilizar, añadir contenido adicional a través de un editor TinyMCE familiar y, a continuación, ajustar su animación mediante arrastrar y soltar.

Dicho esto, Scrollsequence pone las animaciones de desplazamiento al alcance de más usuarios de WordPress. Sin embargo, un poco de orientación adicional puede ayudarle a crear efectos más impresionantes.

En ese caso, Scrollsequence dispone de documentación en línea y una base de conocimientos detallada en su sitio web oficial.

Aquí encontrará guías paso a paso que cubren todas las características principales, además de consejos sobre cómo diagnosticar errores comunes de WordPress que puede encontrar al utilizar Scrollsequence.

Como añadido, los desarrolladores también comparten consejos sobre cómo utilizar Scrollsequence con otros plugins imprescindibles de WordPress.

Además, los 3 planes premium son compatibles con / dar soporte profesional, por lo que puede ponerse en contacto con los desarrolladores con cualquier pregunta o duda que pueda tener.

Si utiliza el plugin gratuito, puede enviar una entrada al foro de Scrollsequence en WordPress.org y obtener respuestas a preguntas básicas.

Al publicar en foros de soporte públicos, siempre es una buena idea incluir tanta información como sea posible, para que los expertos puedan entender su problema completamente y dar una respuesta útil. Para más información sobre este debate, consulta nuestra guía sobre cómo solicitar soporte de WordPress correctamente.

Reseña / valoración de Scrollsequence: Precios y Planes

Si estás empezando o tienes un presupuesto limitado, puedes descargar la versión lite de Scrollsequence desde WordPress.org. Este plugin incluye un editor de secuencias de desplazamiento fácil de usar, además de algunos ajustes básicos de animación.

Sin embargo, el plugin gratuito te limita a una secuencia por página. Tampoco puedes acceder a las características más avanzadas, como el conversor de vídeo a imagen.

Dicho esto, recomendamos la actualización al plugin premium Scrollsequence.

Hay 3 planes para elegir:

• Individual. Por 5,83 $ al mes, puede añadir un número ilimitado de escenas e imágenes a cada animación de desplazamiento. Este plan también incluye precarga de secuencia personalizable y un retardo de desplazamiento opcional. Sin embargo, debe tenerse en cuenta que solo puede instalar Scrollsequence en un solo sitio web, blog o tienda en línea.
• Pro. Con un precio de 11,66 $ al mes cuando se factura anualmente, este plan es compatible con / dar soporte prioritario. También puede instalar Scrollsequence en hasta 10 sitios web, por lo que es una buena opción si posee varios sitios, como varios blogs en una red de marketing de afiliación.
• Empresas. ¿Necesita herramientas más avanzadas? Por 38,33 $ al mes, este plan incluye el conversor de vídeo a imagen y el formador de fotogramas de IA. También puede utilizar este plan en hasta 100 sitios web, por lo que Business puede ser una buena opción para las agencias de desarrollo de WordPress que buscan una herramienta que puedan utilizar en todos los sitios de sus clientes.

Scrollsequence reseña: ¿El plugin de animación de secuencias de imágenes adecuado para usted?

Para resumir esta reseña de Scrollsequence, estamos seguros de que es un gran plugin de animación de secuencias de imágenes. Con este plugin, puede crear un número ilimitado de secuencias de desplazamiento y añadir un poco de magia cinematográfica a su sitio.

Puede personalizar sus secuencias con diferentes efectos de animación, retardos, texto, llamadas a la acción y mucho más, para crear exactamente la experiencia que desea.

Esperamos que esta reseña de Scrollsequence te haya ayudado a decidir si es el plugin de animación de secuencias adecuado para ti. A continuación, puede que desee ver nuestra guía sobre cómo elegir el mejor software de diseño web, o comprobar nuestra selección de expertos del mejor software de chat en vivo.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.