Los testimonios son uno de los elementos más importantes de un sitio web comercial. Hay varias formas de crear testimonios elegantes con Divi , incluido el módulo de testimonios , el módulo deslizante de testimonios , el módulo de cuadrícula de testimonios , 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 .
El control deslizante de testimonios de DP 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 optar por 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 puedes diseñarlos.
Echemos un vistazo al complemento.
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 la cantidad de testimonios que se muestran, mostrar y diseñar el icono de la cita, mostrar la imagen, mostrar el enlace de la cita, elegir una categoría, ajustar el color de paginación, el enlace , etc.
También incluye el diseño estándar y la configuración avanzada. CSS le permite orientar 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 aleatorio.
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, detener el deslizamiento al pasar 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. He dejado 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 mostrar 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 cuando pasas el cursor sobre ellas, como puedes ver aquí.
Ejemplos de vista de lista de testimonios de DP
Este es el diseño 1 para la vista de lista . He dejado todo en su configuración predeterminada.
Layout 2 reduce el tamaño de las imágenes y añade un elegante diseño de caja con dos esquinas circulares. Muestra un efecto de sombra al pasar el mouse por encima.
Ejemplos de controles deslizantes de testimonios de DP
Para el control deslizante, tuve que usar el 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 verlas todas, vamos a ver algunas.
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 usando 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 se destaquen 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 testimonial completo. Me gusta la imagen superpuesta 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 juegos 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 una 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 otra aparece en su lugar y la nueva diapositiva crece para llenar el espacio.
Este es el Diseño 55. Agrega un poco de estilo en las esquinas y crea un banner para el nombre. Me gusta el uso del color. Este incluye la misma animación que el Diseño 54.
Este es el Diseño 56. Elimina las imágenes y crea un bonito cuadro con un banner para los nombres.
Integración de formas de Caldera
El sitio del editor incluye una plantilla para que Caldera Forms cree un formulario de presentación de testimonios. Está incluido en la documentación descargable y contiene instrucciones para usarlo.
Con este formulario, cualquier persona 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
El control deslizante de testimonios de DP 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 de 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 generador clásico, por lo que si tiene acceso a él, es lo que recomiendo hasta que se agregue la función de interfaz al módulo deslizante.
Incluso usar la plantilla de Caldera Forms fue prácticamente sencillo. Acabo de importar el archivo JSON y funcionó en el primer intento.
El único problema 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. Muchas se deslizan desde un lado, pero hay muchas otras animaciones deslizantes que incluyen desde arriba hacia abajo, encogiéndose, creciendo, etc. Una próxima actualización agregará un widget y un código abreviado.
Si está interesado en administrar sus testimonios y mostrarlos con un módulo, vale la pena echarle un vistazo a DP Testimonials Slider. Si desea considerar más opciones, mire estos complementos de testimonios Divi y no Divi para WordPress .
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