Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque de reseñas de negocios

El bloque de Reseñas de Negocios te permite mostrar reseñas de Google y Yelp directamente en tus páginas de SeedProd. Este bloque te ayuda a mostrar comentarios auténticos de clientes con diseños, filtros y opciones de estilo personalizables para generar confianza y credibilidad con clientes potenciales.

Mostrar reseñas reales de clientes es una de las formas más efectivas de generar prueba social e influir en las decisiones de compra. Con este bloque, puedes filtrar reseñas por calificación, mostrar calificaciones de estrellas, mostrar detalles del revisor con fotos e incluso incluir enlaces que redirijan a los visitantes a tus perfiles de reseñas completos en Google o Yelp.

Requisitos: El bloque de Reseñas de Negocios está disponible en todos nuestros planes de licencia.

Bloque de Reseñas de Negocios mostrando reseñas de clientes en diseño de carrusel

Añadir el Bloque de Reseñas de Negocios a tus Páginas

Sigue estos pasos para añadir un bloque de Reseñas de Negocios a tu página de SeedProd:

Paso 1: Añadir Claves API

Antes de añadir el bloque de Reseñas de Negocios, necesitas configurar tus credenciales de API de Google y/o Yelp en la Configuración de SeedProd. Navega a SeedProd > Configuración y añade tus claves API.

  • Haz clic aquí para encontrar tu ID de Lugar de Google
  • También necesitarás tu ID de Negocio de Yelp si muestras reseñas de Yelp
Agregando claves API de Google y Yelp en la configuración de SeedProd

Añade tu Clave API de Google Places y tus credenciales API de Yelp en la Configuración de SeedProd antes de usar el bloque de Reseñas de Negocios.

Paso 2: Añadir el Bloque

En Diseño > Bloques, arrastra y suelta el bloque de Reseñas de Negocios en la sección deseada de tu página.

Arrastrando el bloque de Reseñas de Negocios a la página

El bloque de Reseñas de Negocios se encuentra en Diseño > Avanzado y se puede arrastrar a cualquier sección de tu página.

Paso 3: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque de Reseñas de Negocios para abrir su configuración. En la pestaña Contenido, puedes configurar tus fuentes de reseñas y opciones de visualización.

General:

  • Fuente de Reseñas: Elige qué reseñas mostrar – Google Places, Yelp, o ambos Google y Yelp combinados
  • Clave API de Google Places: Introduce tu Clave API de Google Places (si aún no la has añadido en la Configuración de SeedProd)
  • ID de Lugar de Google: Introduce tu ID de Lugar de Google único para obtener reseñas de tu Perfil de Negocio de Google. Haz clic en el enlace proporcionado para encontrar tu ID
  • Código de Idioma: Especifica el código de idioma para mostrar las reseñas en tu idioma preferido (por ejemplo, "en" para inglés, "es" para español)
Configuración general de Reseñas de Negocios

Selecciona tu fuente de reseñas e introduce tu ID de Lugar de Google y tus preferencias de idioma.

Ajustes:

  • Seleccionar Diseño: Elige entre Cuadrícula (reseñas mostradas en filas y columnas) o Carrusel (reseñas mostradas en un carrusel deslizante)
  • Número de Reseñas: Establece el número total de reseñas a mostrar. Ten en cuenta que Google permite un máximo de 5 reseñas, y el total combinado de Google y Yelp no puede exceder las 8 reseñas
  • Columna: Elige en cuántas columnas mostrar tus reseñas (1-5 columnas). Más columnas caben más reseñas por fila pero dan menos espacio a cada reseña
Configuración de diseño de Reseñas de Negocios

Elige tu estilo de diseño, el número de reseñas a mostrar y la configuración de columnas.

Filtros:

  • Filtrar por: Elige cómo filtrar las reseñas que aparecen. Las opciones incluyen Sin filtro (mostrar todas), Calificación (filtrar por calificación de estrellas) o Fecha de reseña (mostrar las reseñas más recientes)
  • Calificación mínima: Establece la calificación más baja que debe tener una reseña para mostrarse. Las opciones incluyen 2 estrellas, 3 estrellas, 4 estrellas, 5 estrellas o Sin calificación mínima. Esto te ayuda a mostrar solo tus mejores reseñas
Configuración de filtro de Reseñas de Negocios

Filtra las reseñas por calificación o fecha, y establece los requisitos de calificación mínima.

Información del revisor:

  • Imagen del revisor: Activa o desactiva la visualización de la foto de perfil del revisor
  • Tamaño de imagen: Ajusta el tamaño de las imágenes de perfil del revisor
  • Nombre del revisor: Activa o desactiva la visualización del nombre de la persona que dejó la reseña
  • Nombre del enlace: Activa o desactiva para que los nombres de los revisores sean enlazables, dirigiendo a su perfil de Google o Yelp
  • Color del nombre del revisor: Establece el color para los nombres de los revisores
Configuración de información del revisor de Reseñas de Negocios

Configura las imágenes de perfil, los nombres y las opciones de enlace de los revisores.

Fecha de reseña:

  • Fecha de reseña: Activa o desactiva la visualización de cuándo se publicó cada reseña
  • Seleccionar tipo: Elige entre Numérico (se muestra como una fecha específica como "15 ene 2024") o Relativo (se muestra como tiempo transcurrido como "hace 2 semanas")
  • Color de la fecha de reseña: Establece el color para el texto de la fecha de reseña
Configuración de fecha de Reseñas de Negocios

Controla el formato y el estilo de visualización de la fecha de reseña.

Calificación:

  • Calificación por estrellas: Activa o desactiva la visualización de los iconos de calificación por estrellas para cada reseña
  • Tamaño del icono: Ajusta el tamaño de los iconos de calificación por estrellas
  • Color del icono: Establece el color de las estrellas rellenas (calificadas)
  • Color del icono sin máscara: Establece el color de las estrellas vacías (sin calificar)
Configuración de calificación por estrellas de Reseñas de Negocios

Personaliza la visualización, el tamaño y los colores de la calificación por estrellas.

Texto de la reseña:

  • Texto de la reseña: Activa o desactiva la visualización del contenido real de la reseña escrito por los clientes
  • Color del texto: Establece el color para el contenido del texto de la reseña
  • Longitud del texto: Establece el número máximo de caracteres a mostrar de cada reseña. Las reseñas más largas se truncarán
  • Texto "Leer más": Introduce texto personalizado para el enlace "leer más" que aparece en las reseñas truncadas (por ejemplo, "Leer reseña completa", "Mostrar más")
  • Color de "Leer más": Establece el color para el enlace "leer más"
Configuración de texto de Reseñas de Negocios

Configura la visualización del texto de la reseña, los límites de longitud y la funcionalidad "leer más".

Paso 4: Personaliza el diseño

En la pestaña Avanzado, puedes personalizar la apariencia visual de tu bloque de Reseñas del Negocio:

Estilos:

  • Tipografía del nombre del revisor: Controla las propiedades de la fuente para los nombres de los revisores, incluyendo familia de fuentes, tamaño, peso y estilo
  • Color del revisor: Establece el color de los nombres de los revisores (también disponible en la pestaña Contenido)
  • Tipografía de fecha de revisión: Personaliza las propiedades de la fuente para las fechas de revisión
  • Color de fecha: Establece el color del texto de la fecha de revisión
  • Tipografía de contenido: Controla las propiedades de la fuente para el contenido del texto de revisión
  • Color de contenido: Establece el color del texto de revisión

Espaciado:

  • Margen: Controla el espaciado exterior alrededor de tu bloque de Reseñas de Negocios (Superior, Derecho, Inferior, Izquierdo). Esto determina cuánto espacio aparece entre las reseñas y los elementos circundantes
  • Relleno: Ajusta el espaciado interior dentro de tu bloque de Reseñas de Negocios (Superior, Derecho, Inferior, Izquierdo). Esto crea espacio entre las reseñas y los bordes del bloque

Atributos:

  • ID de CSS: Muestra el identificador único autogenerado para tu bloque de Reseñas de Negocios. Esta ID es creada automáticamente por SeedProd para estilos personalizados o para apuntar con JavaScript
  • Clase personalizada: Agrega clases CSS personalizadas para aplicar estilos específicos de tu tema o CSS personalizado.
  • Atributos personalizados: Agrega cualquier atributo HTML al elemento contenedor del bloque. Ingresa cada atributo en una nueva línea usando el formato: nombre-atributo|valor (por ejemplo, data-reviews|business)

Visibilidad del Dispositivo:

  • Ocultar en escritorio: Oculta el bloque de Reseñas de Negocios en pantallas de escritorio
  • Ocultar en tableta: Oculta el bloque de Reseñas de Negocios en dispositivos tableta
  • Ocultar en móvil: Oculta el bloque de Reseñas de Negocios en dispositivos móviles

Efectos de Animación:

  • Animación de entrada: Elige entre varios efectos de animación que se reproducen cuando las reseñas entran en la vista. Las opciones incluyen Bounce, Fade In, Zoom In, Rotate In y muchas más. Esto atrae la atención a tu prueba social
Configuración avanzada de opiniones de empresas

La pestaña Avanzado proporciona controles de tipografía, opciones de espaciado y efectos de animación para la visualización de tus reseñas.

Paso 5: Guardar tus cambios

Una vez que hayas terminado de configurar el bloque de Reseñas de Negocios y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has agregado con éxito un bloque de Reseñas de Negocios a tu página! Esta potente herramienta de prueba social te ayuda a generar confianza y credibilidad al mostrar comentarios auténticos de clientes de Google y Yelp. Experimenta con diferentes diseños, filtros y opciones de estilo para crear una visualización de reseñas que resalte tus mejores experiencias de cliente y anime a los clientes potenciales a elegir tu negocio.

Artículos Relacionados