Cómo integrar los nuevos widgets

Muestra tus actividades, precios u ofertas especiales directamente en tu sitio web

Los nuevos widgets de Eversports te permiten presentar tus servicios de forma clara, atractiva y profesional, directamente en tu página web.

Esta guía te acompaña paso a paso para que puedas integrarlos fácilmente mediante código embebido o enlaces directos.

💡 ¿Todavía no sabes qué tipo de widget usar?

Consulta este artículo: Muestra tus actividades y productos con widgets

¿Qué es un widget?

Un widget es un componente visual que puedes integrar en tu sitio web y que se conecta directamente con tu Eversports Manager. Puedes usarlo para mostrar:

El calendario de actividades (horarios)
Las opciones de precios (incluyendo vales)
Actividades especiales como retiros o cursos
Tu videoteca

Los widgets permiten a tus clientes:

Ver información actualizada en tiempo real
Reservar o comprar directamente desde tu web
Disfrutar de una experiencia optimizada para móviles

🛠️ Cómo insertar un widget en tu sitio web

1. Abre el widget en tu Eversports Manager

Ve a Ajustes/Configuración > Widgets [NUEVO]
Haz clic en el widget que deseas insertar (o crea uno nuevo)
Dentro de la configuración, verás:
- Un código del widget (<div data-eversports-widget-id="...">)
- Un script necesario para que funcione (<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>)

2. Copia el script y el código del widget

Haz clic en el botón “Copiar código” junto a cada fragmento. Estos son los dos elementos que deberás insertar en tu sitio web.

3. Pega el código en tu sitio web

El script debe insertarse solo una vez por página
El código del widget puedes pegarlo donde quieras que aparezca

Suele hacerse mediante un bloque HTML, una sección de inserción o un campo de código personalizado en el editor web que uses.

<!-- solo una vez por página -->
<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>

<!-- código del widget -->
<div data-eversports-widget-id="your-widget-id-here"></div>

🔁 ¿Quieres insertar varios widgets en una misma página?

¡Sin problema!

Agrega el script solo una vez
Inserta tantos códigos de widget como necesites

Cada uno cargará su propia configuración donde lo hayas colocado.

🔗 ¿Prefieres usar un enlace en lugar de incrustarlo?

También puedes compartir un widget como enlace directo, sin necesidad de insertar código.

¿Cómo hacerlo?

Ve a Ajustes/Configuración > Widgets [NUEVO] y abre la vista general de widgets
Haz clic en los tres puntos junto al widget que deseas compartir
Selecciona “Compartir enlace”

Obtendrás una URL que puedes:

Insertar como botón o enlace en tu web
Compartir por correo electrónico o newsletter
Publicar en redes sociales o páginas de promoción

👉 Es la opción ideal si no gestionas directamente tu sitio web o si buscas una forma rápida de promocionar algo.

📲 Consejos para una integración fluida

Alinea el fondo del widget con tu web para un diseño más uniforme
Usa la función Vista previa en el Manager para revisar el estilo
Prueba en dispositivos móviles — están optimizados, pero siempre es bueno verificar
Evita usar iFrames — los nuevos widgets ya no los necesitan