Resaltado del complemento Divi: Control deslizante de testimonios de DP

Los testimonios son uno de los elementos más importantes de un sitio web empresarial. Hay varias formas de crear testimonios elegantes con Divi, incluido el módulo de testimonios, el módulo de propaganda, combinaciones de texto e imágenes, y más. Otra opción es utilizar un complemento de terceros que proporcione gestión de testimonios y diseños integrados, como DP Testimonials Slider.

DP Testimonials Slider crea un nuevo tipo de publicación personalizada llamada jvt_testimonials. Le permite crear sus testimonios en un editor y luego proporciona tres módulos para mostrar esos testimonios. Puede elegir mostrar todos los testimonios, limitar el número que se muestra y mostrar categorías específicas. Cada uno de los módulos incluye varios diseños para elegir y puede diseñarlos.

Echemos un vistazo al complemento.

Testimonios de DP

Se agrega un nuevo elemento de menú al tablero llamado Testimonios . Al hacer clic en él, se muestra la lista de testimonios que ha creado.

Seleccione Agregar testimonios y verá el editor donde puede crear el testimonio. Incluye contenido, categorías, imagen e información testimonial. Este es el editor que obtienes independientemente de si estás usando Gutenberg o el Editor clásico.

Las categorías de testimonios funcionan igual que las categorías de publicaciones. Aquí puede crearlos y editarlos.

Módulos deslizantes de testimonios de DP

Se agregan tres módulos al Divi Builder:

Vista de cuadrícula de testimonios de DP

La vista de cuadrícula de testimonios de DP incluye configuraciones para elegir el diseño entre 3 opciones, establecer el número de testimonios que se muestran, mostrar y aplicar estilo al icono de cotización, mostrar la imagen, mostrar el enlace de la cotización, elegir una categoría, ajustar el color de la paginación, el enlace etc.

También incluye el diseño estándar y la configuración avanzada. CSS le permite segmentar el nombre, el nombre de la empresa y la descripción. Cada uno de los módulos incluye estos ajustes.

Vista de lista de testimonios de DP

La vista de lista de testimonios de DP incluye 2 diseños y agrega una opción Ordenar por , lo que le permite ordenar por edad del testimonio, título o al azar.

Control deslizante de testimonios de DP

El control deslizante de testimonios de DP incluye 56 diseños y agrega controles deslizantes. Incluye Ordenar por, reproducción automática, velocidad, paginación, dejar de deslizar el mouse y mostrar el límite de contenido.

Ejemplos de vista de cuadrícula de testimonios de DP

Este es el Diseño 1 que muestra 3 testimonios. Crea imágenes en círculos y muestra cada testimonio en una tarjeta con un efecto de sombra. Dejé todo lo demás en su configuración predeterminada.

En este ejemplo, estoy trabajando en el diseño 2. Agrega un fondo con un degradado. Dejé esto por defecto y ajusté los colores, tamaños y pesos del texto, y el color del icono. También lo configuré para que muestre testimonios en orden aleatorio.

En la vista publicada las imágenes son circulares y se superponen al recuadro que contiene el testimonio. Las imágenes giran al pasar el cursor sobre ellas, como puede ver aquí.

Ejemplos de vista de lista de testimonios de DP

Este es el diseño 1 para la vista de lista . Dejé todo en su configuración predeterminada.

Layout 2 reduce el tamaño de las imágenes y agrega un elegante diseño de caja con dos esquinas circulares. Muestra un efecto de sombra al pasar el mouse.

Ejemplos de controles deslizantes de testimonios de DP

Para el control deslizante, tuve que usar Classic Divi Builder. A diferencia de los otros dos módulos, este módulo no aparece cuando se usa New Divi Builder o Visual Builder. Tiene 54 diseños. En lugar de mirarlos a todos, veremos algunos.

Este es el Diseño 1. Crea imágenes en círculos y no incluye navegación para las diapositivas. Puede ajustar los colores de las viñetas.

Este es el Diseño 2. Agregué la sombra del cuadro para que se destaque del fondo y limité el texto a 50 caracteres. El estilo es el predeterminado.

Este es el Diseño 3. Elimina la imagen. Incluí la sombra del cuadro y el límite de caracteres del ejemplo anterior.

Este es el Diseño 4 con su configuración predeterminada. Veré qué puedo hacer con el estilo.

Cuando elige un diseño, las opciones de estilo de ese diseño se muestran en la configuración de color. Puede elegir un diseño diferente, ajustar su configuración y volver a cualquier diseño y su configuración todavía está allí.

Agregué un fondo para que los colores resalten un poco más.

Este es el Diseño 5. Agregué un fondo ligeramente gris a la sección y el control deslizante toma ese fondo.

Este es el Diseño 6. Muestra dos testimonios por diapositiva.

Este es el diseño 7. Estoy mostrando el texto completo del testimonio. Me gusta la imagen que se superpone al cuadro de testimonios.

Este es el diseño 8. Me gusta este diseño.

Este es el Diseño 9. Es similar al 8 en su diseño, pero tiene sus propias colas de diseño.

Este es el Diseño 10. Crea un bonito cuadro alrededor del autor y agrega dos conjuntos de comillas.

Para este conjunto, estoy usando un diseño de dos columnas para mostrar dos módulos. El de la izquierda es el diseño 11 y el de la derecha es el diseño 12. El diseño 11 agrega navegación de estilo estándar.

Este es el diseño 14. También incluye los botones de navegación de publicaciones.

Aquí hay otro diseño de dos columnas con el Diseño 53 a la izquierda y el Diseño 54 a la derecha. El diseño 54 tiene una animación interesante para el control deslizante: la diapositiva se encoge, se mueve rápidamente hacia un lado mientras se coloca otra y la nueva diapositiva crece para llenar el espacio.

Este es el Diseño 55. Agrega algunos estilos de esquina y crea un banner para el nombre. Me gusta el uso del color. Este incluye la misma animación que Layout 54.

Este es el Diseño 56. Elimina las imágenes y crea una bonita caja con un banner para los nombres.

Integración de formularios Caldera

El sitio del editor incluye una plantilla para Caldera Forms para crear un formulario de envío de testimonios. Está incluido en la documentación descargable y contiene instrucciones para usarlo.

Con este formulario, cualquiera puede enviar un testimonio a través del formulario y se guarda como borrador para que lo revise. También envía un correo electrónico al administrador con toda la información.

Licencia y documentación

DP Testimonials Slider está disponible en el sitio web del desarrollador. Hay tres licencias disponibles:

• 1 sitio - $ 30
• 5 sitios - $ 40
• Sitios ilimitados - $ 50

La documentación se proporciona como un archivo descargable en la página de ventas del complemento. Incluye un tutorial sobre el uso del complemento, instrucciones para usarlo con Caldera Forms y la plantilla Caldera Forms.

Pensamientos finales

DP Testimonials Slider crea algunos testimonios elegantes. La creación de testimonios y el uso de los tres módulos son intuitivos. Los módulos de vista de cuadrícula y lista funcionaron muy bien en el nuevo editor de backend. Para el módulo deslizante, tuve que usar el constructor clásico. Los tres complementos funcionan muy bien en el constructor clásico, por lo que si tiene acceso a él, eso es lo que recomiendo hasta que se agregue la función de interfaz al módulo deslizante.

Incluso el uso de la plantilla Caldera Forms fue prácticamente sin esfuerzo. Acabo de importar el archivo JSON y funcionó en el primer intento.

Los únicos problemas que tuve fue obtener un fondo para mostrar en los módulos. Los fondos de sección y fila se muestran con los testimonios sin problemas. Además, no estaba claro dónde se usarían los enlaces sociales dentro de los testimonios. Tampoco se muestran en las demostraciones del sitio web del editor.

Estoy impresionado con la cantidad de diseños que tiene el módulo deslizante. También me gustan sus animaciones. Muchos se deslizan desde un lado, pero hay muchas otras animaciones deslizantes que incluyen de arriba hacia abajo, encogiéndose, creciendo, etc. Una próxima actualización agregará un widget y un código corto.

Si está interesado en administrar sus testimonios y mostrarlos con un módulo, vale la pena echarle un vistazo a DP Testimonials Slider.

Queremos escuchar de ti. ¿Has probado el control deslizante de testimonios de DP? Cuéntanos tu experiencia en los comentarios.

Imagen destacada a través de Blan-k / shutterstock.com