Advertisement
  1. Code
  2. WordPress Plugins

Cómo elegir un plugin de slider o carrusel

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

Los sliders son elementos de diseño muy populares. Son la forma más dinámica de mostrar medios visuales en tu sitio web. Puedes usarlos en cientos de maneras para atraer a los visitantes de tu sitio web.

Existen a nuestra disposición miles de plugins de slider para WordPress que te ayudarán a construir, organizar, y gestionar tus sliders.

En este artículo, te mostraré cómo elegir un plugin de slider para WordPress desde CodeCanyon.

¿Qué es un slider?

Lo que llamamos slider en un sitio web es una presentación de diapositivas o imágenes. Los sliders muestran las imágenes mediante un desplazamiento horizontal o vertical, una imagen en cada pase, y producen una sensación dinámica. Los sliders funcionan de muy diversas formas: sliders de imágenes, sliders de vídeos, sliders de productos, sliders de texto, etc.

Un carrusel es un slider avanzado. Rota y muestra distintas imágenes al mismo tiempo al proporcionar múltiples sliders a la vez. Los carruseles rotan imágenes de forma radial y a veces con un efecto 3D.

Recuerda que la definición de los sliders y carruseles es intercambiable. Puedes concebir un “slider” como un término paraguas que comprende tanto los sliders como los carruseles.

¿Para qué se usan los sliders?

Aquí tienes un listado con los usos habituales de los sliders:

  • Las fotos impulsan las decisiones de compra. Lo usuarios esperan que los vendedores les muestren fotografías con múltiples ángulos de cada producto que visualizan en un sitio de eCommerce. Los sliders son perfectos para este propósito.
  • Un slider centra la atención sobre información y productos concretos con los que quieres que interactúen tus visitantes. Les anima a hacer clic y descubrir más sobre el contenido destacado.
  • Los sliders son el medio perfecto para que artistas, diseñadores, desarrolladores, y arquitectos exhiban su trabajo mostrando su variedad y su versatilidad.
  • Los sliders son perfectos para crear demostraciones visuales acompañadas de texto sobre cómo usar un producto, por ejemplo, un gadget electrónico o una máquina industrial.
  • Puedes usar sliders para mostrar contenido dinámico como testimonios o líneas temporales.

¿Por qué usar sliders?

  • Los sliders ahorran espacio al concentrar el contenido.
  • Los sliders concentran las imágenes para proporcionar una cómoda visualización.
  • Leer una larga página de texto es una tarea desalentadora. Los sliders proporcionan un descanso mental y un ritmo que hacen que la interacción con el extenso contenido de tu página sea una experiencia agradable.
  • Cuando se construyen y se usan adecuadamente, los sliders proporcionan control a los usuarios sobre la velocidad con la que quieren interactuar con el contenido del mismo.

¿Qué es un plugin de slider?

Un plugins de slider es una pieza de código que te ayuda a añadir la funcionalidad de un pase de diapositivas a tu sitio web de WordPress. Te permite crear tus propios sliders y añadirlos a tu página web, a los artículos de un blog, a un eCommerce, etc.

Cómo elegir un plugin de slider

Los plugins de slider disponibles en CodeCanyon ofrecen plantillas económicas y fáciles de usar entre las que elegir para crear tus propios sliders. Entre las cosas a considerar al elegir un plugin de slider están las siguientes:

Velocidad: Los sliders contienen un montón de scripts que podrían ralentizar tu sitio web. Esto afecta el rendimiento, la satisfacción del usuario, y el posicionamiento SEO. Así que asegúrate de comparar los tiempos de carga de los plugins que estés valorando usar. Asegúrate también de que tu proveedor de alojamiento cuenta con servidores rápidos.

Facilidad de uso: Los plugins de slider con interfaces de sencillo uso no consumen tu tiempo ni desvían tu atención de lo importante, dirigir tu negocio.

Responsividad móvil: Asegúrate de que el plugin de slider que elijas sea responsivo en los dispositivos móviles. La capacidad de un plugin para escalar a dispositivos móviles de pantalla pequeña que se manejan con una mano es de suma importancia. El 80% del tráfico proviene ahora de teléfonos móviles y tabletas.

Precio: Compara los precios de los plugins y comprueba lo que se ajusta a tu presupuesto. ¿estás además recibiendo las características más importantes en base al dinero que planeas gastar?

Actualizaciones regulares y seguridad: Las auditorías y las actualizaciones periódicas solucionan las vulnerabilidades de seguridad. Asegúrate de que el vendedor siga manteniendo el plugin.

Reseñas y valoraciones: Lee las opiniones de otros usuarios. Esta es la mejor forma de saber si un plugin es útil y cubre las expectativas de los usuarios.

Mejores prácticas en la creación de sliders y carruseles

1. La estética es importante

Haz que tus sliders sean agradables visualmente. Adopta un tono estético consistente con el resto de tu sitio web. Mantén el texto breve y claro.

2. Un propósito claro para cada slider

Cada slider debe tener un objetivo claro y específico, por ejemplo, dirigir la atención hacia un artículo o producto concretos de tu sitio web.

3. Ubicación en un lugar prominente

Asegúrate de colocar tu slider estratégicamente en un sitio que pueda ser fácilmente advertido. No lo entierres en medio de otro contenido. La mejor ubicación es la parte superior de la página.

4. ¡Ve directo al grano!

Los usuarios no tienen todo el tiempo del mundo. La selección y composición de tu slider debería presentar directamente el asunto principal, y de forma rápida. Tu primer y último slider deberían ser memorables.

5. Pero reduce la velocidad

Evita la reproducción automática. Reduce la velocidad de rotación de manera que los visitantes puedan interactuar con tus slides.

6. Proporciona control al visitante

Proporciona control a los usuarios incluyendo opciones interactivas de navegación como una pausa, y botones para volver hacia atrás. Haz además que tus slides sean fácilmente clicables, especialmente para los usuarios móviles.

7. Evita los artificios

Evita los artificios típicos de los anunciantes. Los anunciantes utilizan carruseles de forma intrusiva y agresiva que hacen huir a los usuarios de los sitios web. Por el contrario tu intención es atraer a los usuarios a tu sitio web, no arrastrarlos del collar.

8. Usa HTML correcto

Por último, no uses etiquetas H! En tu slider o carrusel. Los motores de búsqueda tratan las etiquetas H1 como títulos de página. Puedes tener múltiples títulos de página en cada página única. Por tanto puedes imaginarte la confusión que el empleo de etiquetas H1 en tus sliders y carruseles causa a los motores de búsqueda y a los asistentes de lectura de página.

Evalúa la eficacia de los sliders en tu sitio web

Puedes descubrir si tus sliders son eficaces registrando la forma en la que los visitantes están interactuando con ellos en tu sitio web. Esto te ayudará a experimentar con diferentes estrategias para conseguir que tus sliders sean más atractivos.

Por ejemplo, si compruebas que la interacción es alta al principio de los sliders pero lo abandonan gradualmente alrededor de la mitad y no hay interacción al final de los mismos, necesitas descubrir una manera de hacer que tus slides situados al medio y hasta el final sean más atractivos.

Sliders de WordPress disponibles en CodeCanyon

Puedes encontrar una amplia variedad de plugins de slider disponibles en CodeCanyon. Las siguientes categorías pueden ayudarte a elegir más fácilmente.

Sliders multipropósito

Estos son algunos de los plugins de slider más versátiles y ricos en características disponibles en CodeCanyon.

Carrusel

Los carruseles muestran sliders con múltiples imágenes visibles al mismo tiempo. En la práctica, la mayoría de plugins de slider también tienen modos de carrusel, y las modalidades se pueden usar de forma intercambiable.

Sliders responsivos

Estos sliders están diseñados teniendo en cuenta los dispositivos móviles que se manejan con una mano.

Sliders antes y después

Los sliders del tipo "antes y después" son perfectos para artistas y diseñadores que quieran mostrar sus habilidades. Por ejemplo, un diseñador podría querer mostrar fotos del antes y el después de algo que haya transformado convirtiéndolo de mediocre a excelente.

Complementos de slider para WPBakery Page Builder (Visual Composer)

WP Bakery es uno de los constructores de página más populares y es compatible con muchos plugins, incluyendo estos plugins de slider.

Aprende más sobre WPBakery y los constructores de página disponibles para WordPress aquí en Envato Tuts+.

WooCommerce

Estos plugins de slider te permitirán crear atractivos escaparates para tus productos en tu sitio de comercio electrónico.

Testimonio

Los clientes confían en lo que dicen otros clientes. Esto significa que los testimonios de los clientes funcionan como un sello de aprobación para tu negocio. Estos sliders son perfectos para mostrar a los visitantes de tu sitio web que tienes una probada trayectoria con los clientes.

Sociales

Estos sliders hacen que sea fácil compartir contenido procedente de tus redes sociales de manera que llame la atención.

Extra: Algunos otros sliders especializados

Echa un vistazo a las útiles características que ofrecen estos sliders especializados, cada uno de ellos está dirigido a un nicho en particular.

Por último, los siguientes plugins no son sliders de imagen, sino que utilizan aspectos de la funcionalidad deslizante para mejorar el aspecto de tu sitio web y hacer que funcione de forma elegante.

Conclusión

Existen cientos de plugins para crear un slider. En este artículo, he descrito algunos de los más populares plugins de slider para WordPress que encontrarás en CodeCanyon.

Ten además en cuenta que muchos plugins para galerías también tienen sliders y carruseles incorporados en ellos. Puedes encontrar más información en los siguientes artículos.


Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.