Como crear slider de testimonios con Elementor Pro

En la ultima version de Elementor aun no podemos insertar un slider de testimonios con las opciones propias de este widget

Usando el widget Pro Slides vamos a crear una sección con testimonios que vayan rotando.

Al final el resultado sera algo como esto.

Haz click aqui para ver el ejemplo en directo.

 

 

Como crear slider de testimonios con Elementor Pro 1

¿Que necesitas?

Como crear slider de testimonios con Elementor Pro 2

Mini curso GRATIS

5 consejos
para acelerar
tu WordPress

Reduce su tiempo de carga incluso en un 50-80% con solo seguir simples consejos.

Debes tener instalado y activado Elementor Pro:

  • Widget de testimonios
  • Elemento deslizante (elemento pro)
  • Imágenes ( Imágenes de fondo para diapositivas e imágenes de clientes para testimonios)

Creación de los testimonios

Usando el widget Testimonial debes crear los testimonios con contenido (tantos como quieras agregar a tu slider).

Como crear slider de testimonios con Elementor Pro 3

Debes crear cada uno de esos testimonios en una sección separada, de fullwidth para cada uno. Esto te permitira guardar cada sección por separado y luego importar el shortcode (código corto) específico del testimonio.

Puedes darle los estilos que quieras utilizando el mismo editor de Elementor.

Yo, para asegurarme de que mi testimonio se lea facilmente sobre la imagen de fondo de la diapositiva, añadiré un color de fondo blanco a toda la sección.

 

Exportar los testimonios

El siguiente paso es exportar cada sección por separado como Elemento en la biblioteca. De esta manera generas un código corto para cada testimonio que luego necesitamos importar en el siguiente paso.

También te puede ayudar:  Cómo instalar Google Analitycs en WordPress + Incluye Video + BONUS

 

 

Como crear slider de testimonios con Elementor Pro 4

Elementor Pro
Web Hosting

 

 

Como crear slider de testimonios con Elementor Pro 5

El widget de diapositivas

Lo siguiente es agregar un widget de diapositivas en una nueva sección de ancho completo del diseño.

Para este ejemplo simplemente le daré una altura de 600 píxeles.

Importar los códigos cortos de Testimonial

Después de ajustar las imágenes o color de fondo al tu sección de slider, necesitamos agregar el código corto para cada testimonio en el área de contenido de cada una de las diapositivas.

 

 

Como crear slider de testimonios con Elementor Pro 6

 

 

Completando el slider de testimonios

Repite el paso anterior tantas veces como testimonios quieras colocar.

Como crear slider de testimonios con Elementor Pro 7

 

Los diseños son infinitos gracias a las opciones avanzadas que tiene Elementor.

Haga clic aqui para ver el resultado final.

 

No te olvides de compartirlo en tus redes sociales.

Mini curso GRATIS

5 consejos
para acelerar
tu WordPress

Reduce su tiempo de carga incluso en un 50-80% con solo seguir simples consejos.

¿Quieres recibir mis articulos?

No te pierdas todos mis trucos y tutoriales para WordPress, Velocidad de carga, y Elementor Page Builder.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *