show random quotes in wordpress sidebar og Muestre citas aleatorias en su barra lateral de WordPress

Muestre citas aleatorias en su barra lateral de WordPress

¿Quieres mostrar citas aleatorias en la barra lateral de WordPress?

Mostrar citas de clientes satisfechos puede convencer a más visitantes de comprar sus productos. O tal vez solo quiera alegrar el día de su audiencia mostrándoles una cita inspiradora al azar.

En este artículo, le mostraremos cómo mostrar fácilmente citas aleatorias en la barra lateral de WordPress usando un complemento gratuito.

Mostrar citas aleatorias en la barra lateral de WordPress

Muestre citas aleatorias en su barra lateral de WordPress

Puede mostrar citas aleatorias en la barra lateral de WordPress usando el Complemento de citas y consejos. Le permite agregar un número ilimitado de cotizaciones a su sitio.

También le permite mostrar citas en cualquier página, publicación o área de widgets, incluida su barra lateral de WordPress.

Primero debe instalar y activar el complemento. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Después de activar el complemento, puede agregar citas. Para agregar su primera cotización, vaya a Cotizaciones » Añadir nuevo.

Cómo agregar una nueva cotización aleatoria

Primero, debe escribir un título para su cotización en el campo «Agregar título». En un paso posterior, le mostraremos cómo elegir si mostrar o no el título de la cita a sus visitantes, o usarlo solo como referencia interna.

Luego escriba su cotización en el editor de texto. En nuestro ejemplo, utilizaremos una cita de un estudio de caso.

Una cita de un cliente de OptinMonster

Es posible que desee organizar sus cotizaciones en categorías. Esto se vuelve importante cuando llega el momento de mostrar sus cotizaciones.

Básicamente tienes dos opciones.

El complemento Citas y consejos puede seleccionar una cita aleatoria de todas las citas que ha agregado. O puede seleccionar una cotización aleatoria de una categoría de cotización específica.

Por ejemplo, si tiene una tienda en línea, es posible que desee mostrar cotizaciones de un producto específico solo en esa página de producto.

Si ya tiene varias categorías en mente, tiene sentido agrupar sus cotizaciones en estas categorías ahora. Pero siempre puede agregar, eliminar y editar sus categorías más tarde. Lo cubriremos al final de la publicación.

Si aún desea crear una categoría para cotizaciones, encontrará el cuadro Categorías en el lado derecho de la página.

Para agregar su categoría, primero haga clic en el enlace ‘Agregar nueva categoría de cotización’.

Agregar una nueva categoría de cotización

Aparece un campo donde puede escribir el nombre de su categoría. La categoría no se mostrará a sus visitantes, por lo que es solo para referencia.

Una vez que lo haya ingresado, haga clic en el botón «Agregar nueva categoría de cotización».

Esta categoría ahora aparece en la pestaña Categoría de cotización. Para agregar la cotización actual a esta categoría, simplemente seleccione la casilla de verificación de la categoría.

Seleccionando una categoría de cotización en el tablero de WordPress

Puede seguir repitiendo estos pasos para crear más categorías de cotizaciones.

A continuación, por lo general desea mostrar de dónde proviene una cita. Podría ser un cliente valioso, una marca famosa o incluso una celebridad.

Para asignar su cotización a una persona o empresa, desplácese hacia abajo hasta la sección «Nombre y cargo oficial».

Ahora puede escribir el nombre de la persona o empresa en el campo Nombre.

Los ajustes de Nombre y Posición oficial

También puede incluir el cargo de esta persona o alguna información que explique por qué está calificada para hacer esta declaración. Puede escribir esta información en el campo Posición oficial.

Cuando esté satisfecho con su cotización, haga clic en el botón Publicar.

Ahora puede repetir estos pasos para crear todas las citas que desea mostrar en su barra lateral de WordPress.

Configure sus ajustes de cotizaciones y consejos

Una vez que haya creado sus cotizaciones, es hora de revisar la configuración de las cotizaciones y los consejos. Esto contiene algunas configuraciones importantes que determinan cómo y cuándo su sitio muestra una cotización aleatoria.

Para ver esta configuración, vaya a Consejos » Ajustes.

La página de configuración para citas y consejos

De forma predeterminada, las citas y los consejos muestran una nueva cita cada vez que se vuelve a cargar la página. Esto significa que los visitantes verán una nueva cotización cada vez que visiten una nueva página o presionen el botón Actualizar en su navegador web.

Si lo desea, puede mostrar automáticamente una nueva cotización cada pocos segundos o minutos. El visitante ni siquiera necesita actualizar su navegador web.

Para hacer esto, seleccione «AJAX (sin recarga de página)». A continuación, puede encontrar el campo Cambiar frecuencia. Simplemente escriba aquí con qué frecuencia desea que WordPress muestre una nueva cotización en segundos.

Cambiar la frecuencia de cotización

A continuación, es hora de elegir el título que aparecerá encima de tu cita.

La configuración predeterminada es ‘Establecer título del mensaje’. Esto mostrará el título que ingresó al agregar la cita a WordPress.

Otra opción es crear un título que WordPress usará para todas tus citas. Esto podría ser algo así como ‘Palabras de sabiduría’ o ‘¡No confíe en nuestra palabra! Esto es lo que piensan nuestros clientes’ para los testimonios.

Para usar el mismo título para todas sus citas, haga clic en ‘Establecer títulos personalizados’. Ahora puede escribir su título en el campo Título de cotización.

Establezca el título de su cotización en el tablero de WordPress

Cuando haya terminado, no olvide hacer clic en el botón Guardar cambios.

Cómo mostrar una cita aleatoria

Ahora es el momento de mostrar sus cotizaciones.

Comencemos mostrándole una cita aleatoria de toda su colección de citas. Si ha creado varias categorías, este método las ignora todas.

Puede agregar su cotización a cualquier página, publicación o widget utilizando el código abreviado de Cotizaciones y consejos. Para obtener este shortcode, vaya a Cotizaciones » Ajustes.

Ahora copie el código abreviado en la sección «Citas y consejos».

Las citas de código abreviado de WordPress

Otra opción es simplemente copiar lo siguiente: [quotes_and_tips]

Como queremos mostrar citas aleatorias en la barra lateral de WordPress, debe ir a Apariencia » Widgets. Esto muestra todas las áreas de su sitio que admiten widgets.

La configuración de 'Widgets' de WordPress

Esta pantalla puede verse ligeramente diferente dependiendo de su tema de WordPress. Sin embargo, la mayoría de los temas modernos de WordPress tienen una barra lateral.

Busque la barra lateral principal o una sección similar y haga clic en ella. Esta sección ahora se expandirá.

Configuración de la barra lateral principal de WordPress

Debe agregar un bloque de Shortcode a este widget, así que haga clic en el botón +. Escriba Shortcode en el campo de búsqueda.

Ahora puede seleccionar el bloque Shortcode cuando aparezca. Luego pegue o escriba el código abreviado en este bloque.

Finalmente, haga clic en el botón azul Actualizar en la parte superior de la pantalla. Ahora, cuando visite su sitio web, debería ver una cita aleatoria en su barra lateral de WordPress.

Cómo mostrar citas aleatorias de una categoría específica

Otra opción es mostrar una cotización de una categoría de cotización específica.

Para mostrar una cita aleatoria de una determinada categoría, debe usar un código abreviado diferente.

Para este código, vaya a Citas » Categoría Cita.

Aquí encontrarás una lista de todas las categorías que has creado. Cada categoría tiene su propio shortcode.

Una lista de categorías de citas de WordPress

Simplemente busque la categoría que desea usar y copie el código abreviado. Luego puede pegar este código abreviado en cualquier página, publicación o widget siguiendo el mismo proceso anterior.

Cómo diseñar y resaltar tus citas aleatorias

Quotes & Tips agrega un fondo azul al área de citas de forma predeterminada. También utiliza una imagen de fondo de siluetas.

Puede cambiar este estilo predeterminado para que coincida mejor con el resto del diseño de su sitio web. Incluso puede eliminar el estilo por completo.

Una cita aleatoria en la barra lateral de WordPress

Ir a para cambiar el color de fondo, el color del texto o la imagen de fondo Cotizaciones » Ajustes.

En el menú de la izquierda, haz clic en la pestaña Apariencia.

Cómo aplicar estilo a la cita aleatoria en la barra lateral de WordPress

Ahora puede cambiar el color de fondo y el color del texto haciendo clic en el botón Seleccionar color.

Esto agrega un área donde puede elegir su color perfecto.

Cambiar el color de fondo

Si cambia de opinión, puede restaurar los colores predeterminados del complemento en cualquier momento. Simplemente haga clic en el botón Predeterminado.

También puede cambiar la imagen de fondo. Para eliminar la imagen de fondo predeterminada, vaya a Imagen de fondo y luego haga clic en el botón Ninguno.

Personaliza la imagen de fondo de la cita

También puede agregar su propia imagen de fondo.

Usar el logotipo de su empresa o producto como imagen de fondo puede ser una excelente manera de marcar sus citas.

Mostrar una cita de marca aleatoria en la barra lateral de WordPress

Haga clic en el botón Personalizado para cargar una nueva imagen de fondo. Esto agrega un botón Elegir archivo.

Dale a este botón un clic. Esto abrirá una ventana donde puede seleccionar el archivo que desea usar como imagen de fondo.

Sube una nueva imagen a tu cotización aleatoria

Una vez que haya hecho su elección, puede personalizar el aspecto de esta imagen en su sitio.

Esto incluye cambiar la alineación y la opacidad de la imagen de fondo, que es cuán transparente es la imagen de fondo.

¿Por qué no experimentar para ver qué efectos diferentes puede crear?

Agregar, editar y eliminar categorías de cotizaciones

A veces, es posible que desee que Cotizaciones y consejos muestren una cotización completamente aleatoria.

Otras veces, es posible que necesite más control sobre el tipo de citas que aparecen.

Puede hacer esto usando categorías de cotización. Ya hemos visto cómo crear una categoría al agregar una nueva cotización. Sin embargo, Quotes and Tips tiene un menú completo donde puede realizar cambios en estas categorías y crear otras nuevas.

Ir a para ver estos ajustes Cotizaciones » Categorías de Cotizaciones.

Edite sus categorías de presupuesto

Aquí puede crear rápida y fácilmente categorías de cotizaciones. Escriba un nombre para su categoría en el campo Nombre para agregar una nueva categoría.

De forma predeterminada, este complemento crea cada categoría de cotización como una categoría principal.

Otra opción es crear una subcategoría. Por ejemplo, podría tener una categoría principal de OptinMonster y luego crear subcategorías para sus diversas promociones, como «Oferta de verano de OptinMonster» y «Promoción navideña de OptinMonster».

Para crear una subcategoría para cotizaciones, debe seleccionar una categoría principal.

Elija la categoría principal de la cotización

Cuando esté satisfecho con su categoría de cotización, haga clic en el botón azul Agregar nueva categoría de cotización.

También puede editar cualquier categoría que haya creado previamente.

Para editar una categoría, pasa el cursor sobre ella. Luego haga clic en el enlace Editar cuando aparezca.

Edite una categoría de cotización en el tablero de WordPress

Esto abrirá una nueva página donde puede realizar cambios en esta categoría. Esto incluye editar el nombre de la categoría y elegir un nuevo padre.

Esperamos que este artículo le haya ayudado a aprender a mostrar citas aleatorias en la barra lateral de WordPress. Luego, puede consultar nuestra guía sobre cómo aumentar el tráfico de su blog, o consultar nuestra selección experta de los mejores complementos de prueba social para WordPress.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

La publicación Mostrar citas aleatorias en la barra lateral de WordPress apareció primero en AprenderWP.

Su Calificación Nos Ayuda a Mejorar