1. Code
  2. WordPress
  3. Plugin Development

Como crear un deslizador de testimonios de WordPress

En este artículo, vamos a explorar cómo podrías construir un deslizador de testimonios en tu sitio web de WordPress. Encontrarás muchos plugins que pueden lograr esta funcionalidad, pero hemos elegido uno de los mejores: Strong Testimonials (Fuertes testimonios).
Scroll to top

Spanish (Español) translation by Marilu (you can also view the original English article)

En este artículo, vamos a explorar cómo podrías construir un deslizador de testimonios en tu sitio web de WordPress. Encontrarás muchos plugins que pueden lograr esta funcionalidad, pero hemos elegido uno de los mejores: Strong Testimonials (Fuertes testimonios).

¿Por qué usar un deslizador de testimonios?

Un testimonio es una de las mejores maneras de obtener comentarios de tus clientes sobre tus servicios o productos. Refuerza tu credibilidad, y también es una forma de que tus clientes expresen su confianza en tus productos. Por lo tanto, tal vez te gustaría recoger testimonios y mostrarlos en tu sitio web para fortalecer tu marca.

Hoy vamos a ver cómo mostrar los testimonios con WordPress. Si estás usando un sitio web de WordPress, y tienes curiosidad por saber cómo mostrar los testimonios en tu sitio web, ¡estás en el lugar correcto!

Si eres un desarrollador de WordPress, ya sea como carrera o como hobby, ya sabes que WordPress proporciona un montón de plugins para casi todas las características que se te ocurren. Del mismo modo, también puedes encontrar una gran cantidad de plugins para la función de testimonio. Para este artículo, hemos elegido uno de los mejores de la categoría, Testimonios Fuertes, y lo discutiremos a lo largo de este tutorial.

Para este artículo, he usado WordPress 5.0.3, y la versión del plugin Strong Testimonials es la 2.33. Te recomiendo que lo instales si quieres seguir con este artículo. Para instalar el plugin "Strong Testimonials", tienes que seguir el proceso de instalación estándar.

En la siguiente sección, exploraremos las características del plugin de testimonios fuertes. Al final de este artículo, aprenderás a construir un deslizador de testimonios para tu propio sitio web de WordPress.

¿Qué son los testimonios fuertes?

Strong Testimonials es uno de los mejores plugins de la categoría de testimonios. Es un plugin independiente que permite recoger y publicar testimonios en poco tiempo. Además, es fácil de usar y fácil de desarrollar, por lo que ofrece posibilidades de personalización en caso de que se quieran añadir más características o modificar las ya existentes.

Echemos un vistazo a las características que proporciona:

  • añadir testimonios de la parte de atrás usando un formulario fácil de usar
  • recoger los testimonios de la parte delantera con un formulario
  • campos personalizados para recoger información adicional
  • mostrar los testimonios usando un deslizador, un carrusel o una lista
  • diferentes estilos para mostrar los testimonios
  • apoyo a los medios de comunicación incrustados de proveedores populares como YouTube, Facebook, Twitter, e Instagram
  • los códigos para el uso en una página o en una barra lateral

En general, puedes utilizar el plugin Strong Testimonials si deseas integrar una de las siguientes características en tu sitio web.

Modo de formulario de testimonio

Si deseas recopilar testimonios desde el front-end de tu sitio web, este plugin te permite crear una vista de formulario que muestra un formulario para recopilar testimonios. También puedes utilizar campos personalizados si deseas recopilar más información.

Como mencioné antes, siempre puedes añadir testimonios de la parte de atrás también.

Modo de visualización

Si sólo quieres mostrar los testimonios, puedes crear una vista de visualización que muestre los testimonios en diferentes formatos. Hay diferentes diseños como la cuadrícula, las columnas, la mampostería y más que puedes elegir cuando creas una vista de visualización.

Modo de presentación

Por último, si quieres construir un deslizador o carrusel de testimonios, este plugin lo hace fácil. De hecho, esta es la característica que se discutirá en profundidad en este artículo. Tendrás que crear una vista de diapositivas para mostrar los testimonios en un formato de deslizamiento o de carrusel.

Aparte de esto, hay un montón de otras opciones que te permiten personalizar el resultado final del pase de diapositivas como:

  • filtrando testimonios basados en criterios
  • mostrar solo los campos seleccionados
  • mostrar la paginación y leer más enlaces
  • fondo, color de fuente y clases de CSS

En la siguiente sección, recorreremos los pasos necesarios para construir un deslizador de testimonios. Asumo que tienes una configuración de trabajo de WordPress y también has instalado el plugin de Strong Testimonials.

Como crear testimonios

En esta sección, veremos cómo añadir testimonios del back-end de WordPress. Dirígete a tu página de administración de WordPress.

Una vez que instale el plugin de Strong Testimonials, añadirá algunos enlaces en la barra lateral izquierda, como se muestra en la siguiente captura de pantalla.

Testimonials Menu

Haz clic en el enlace Testimonials (Testimonios) > All Testimoniales (Todos los testimonios), y debería llevarte a la página del listado de testimonios como se muestra en la siguiente captura de pantalla.

Testimonial Listing

Haz clic en el botón Add New (Agregar nuevo) para agregar un nuevo testimonio.

Testimonial Form

Como vamos a construir una presentación de diapositivas, vamos a añadir algunos testimonios más. Como puedes ver, es bastante fácil añadir testimonios desde las páginas de administración. También puedes crear categorías para los testimonios si quieres categorizarlos.

Así que hemos añadido algunos testimonios de la parte de atrás, y ahora estamos listos para construir un deslizador que los muestre.

Como configurar la presentación de diapositivas

En la sección anterior, añadimos algunos testimonios para poder visualizarlo con un deslizador. En esta sección, discutiremos cómo construir un deslizador que muestre los testimonios.

Adelante y accede al enlace Testimonials > Views (Testimonios > Vistas) en la barra lateral izquierda en la parte de atrás. Como hemos dicho antes, el plugin Strong Testimonials te permite crear diferentes vistas según tus necesidades. En nuestro caso, queremos construir un pase de diapositivas de testimonios, y así crearemos una vista usando el modo de pase de diapositivas.

Haz clic en el botón Add View (Agregar vista) y se abrirá un formulario que te permitirá crear una nueva vista del testimonio.

Create a New View

Lo más importante de la forma anterior es el campo Mode. En nuestro caso, necesitas seleccionar el modo de Slideshow (presentación de diapositivas), y crearás una vista de presentación de diapositivas.

A continuación, está la sección de Query (consulta), que permite configurar los criterios de filtrado y ordenamiento de tu presentación de diapositivas.

Query Options

A continuación, hay una sección de presentación de diapositivas que permite configurar algunos ajustes importantes para la presentación de diapositivas, como la transición, el comportamiento y la configuración de la navegación.

Slideshow Options

También puedes configurar el número de campos que se mostrarán en el pase de diapositivas en la sección Fields (Campos).

Fields Options

Por último, hay una sección de Style (Estilo) que le permite configurar los aspectos de visualización de tu presentación de diapositivas. Te permite elegir una plantilla de presentación de diapositivas de entre una variedad de plantillas incorporadas. Aparte de eso, también puedes configurar los cambios de color del fondo y de la fuente.

Style Options

Una vez que hayas terminado con todos los ajustes, haz clic en el botón Save Changes (Guardar cambios) para guardar la vista y volverás a la página de listado de vistas como se muestra en la siguiente captura de pantalla.

Shortcode View

Como puedes ver, ya hay un atajo disponible para la vista de diapositivas que acabas de crear. Puedes usar este atajo en un post o en la barra lateral donde quieras mostrar esta presentación. Con la configuración predeterminada, debería tener un aspecto parecido a este.

Front-end Demo

Como mencioné antes, el plugin de Strong Testimonials proporciona muchas más características, no solo una presentación de diapositivas. Puedes utilizarlo para recoger testimonios desde el front-end, y te permite crear la vista de modo de visualización que muestra los testimonios en varios formatos. Siéntete libre de experimentar con esas características y házme saber si tienes alguna pregunta al respecto.

Conclusión

Hoy hemos discutido cómo construir una presentación de testimonios usando el plugin Strong Testimonials en WordPress. Hicimos un repaso en profundidad de este plugin y discutimos diferentes aspectos del mismo.

¡Siéntete libre de compartir tus pensamientos y opiniones usando el siguiente feed!