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.

 

 

¿Que necesitas?

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).

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.

 

 

Web Hosting

 

 

El widget de diapositivas

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

También te puede ayudar:  Como saber donde hacen click en mi web y aumentar las conversiones

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.

 

 

 

 

Completando el slider de testimonios

Repite el paso anterior tantas veces como testimonios quieras colocar.

 

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.

Deja un comentario

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

10 Compartir
Compartir10
Twittear