Widgets (Nuevo)

Cómo personalizar y integrar tu widget de precios de Eversports

El widget de precios de Eversports te permite mostrar tus productos y servicios directamente en tu sitio web, ofreciendo a tus clientes una experiencia de compra fluida y adaptada a dispositivos móviles.

Screenshot - 2025-05-20T112724.615

Acceder a la configuración del widget

Para comenzar:

  1. Entra en Ajustes > Widgets (Nuevo) desde tu Eversports Manager.

  2. Haz clic en “Crear nuevo widget”.

  3. Selecciona el tipo “Precios”.

    Screenshot - 2025-05-20T112846.247
  4. Asigna un nombre interno al widget (no será visible para tus clientes).

NOTA: Si tu negocio tiene varios sitios, selecciona cual de ellos debe manejar el pago.
Cada transacción realizada a través del widget Precios se facturará al establecimiento seleccionado.
Sólo los servicios asignados a ese sitio aparecerán en el widget.

Screenshot - 2025-05-20T113233.482


Selecciona y ordena los grupos de servicios

  • En la sección “Seleccionar y ordenar grupo de servicios”, puedes habilitar o deshabilitar grupos de servicios específicos que hayas creado en la sección de productos del manager y que desees mostrar en tu widget.
  • Los nombres de estos grupos de servicios serán el encabezado de cada grupo en el widget.
  • Arrastra el grupo de servicios para reordenarlos según tu prioridad.

Screenshot - 2025-05-20T113531.258

NOTA: Si deseas tener un widget dedicado a un solo grupo de servicios (por ejemplo, solo Yoga, solo membresias), puedes hacerlo seleccionando solo un grupo de productos.


Personaliza el diseño del widget

Puedes ajustar los siguientes elementos para que coincidan con la estética de tu sitio web:

Texto (1) - Color de los encabezados de los grupos de servicios
Fondo (2) - Fondo general del widget
Primario (3) - Colores de los botones (por ejemplo, el botón de compra)
Texto de la tarjeta (4) - Color de la fuente dentro de las tarjetas
Fondo de la tarjeta (5) - Color del fondo de las tarjetas 

Prices - Color coding Desktop-png


Vista previa e integración

  • Una vez que hayas personalizado tu widget, haz clic en “Guardar configuración del widget” para generar el código.
  • Utiliza el enlace de vista previa para ver tus cambios antes de integrar el widget.Copia el código proporcionado y pégalo en tu sitio web donde desees que aparezca el widget.
  • En la página de configuración del widget, encontrarás: un código de widget y un script necesario para cargar el widget.

    Screenshot - 2025-05-20T114451.107
    • Insertar el código en tu sitio web

      • Agrega el script una vez por página, preferiblemente en el encabezado o antes del cierre de la etiqueta </body>.

      • Coloca el código del widget (<div>) en la ubicación donde deseas que aparezca el calendario.

      • Utiliza un bloque HTML o una sección de código personalizado en tu constructor de sitios web para insertar estos códigos


Preguntas frecuentes

¿Por qué no se muestran todos mis productos en el widget?

Hay varias razones por las que ciertos productos podrían no aparecer en el widget de precios:

  • El widget de precios solo muestra productos que no están restringidos por un grupo de clientes.

  • Si tu empresa opera múltiples centros, asegúrate de que los productos que deseas mostrar estén asociados con el centro de facturación que has seleccionado para el widget.