Saltar al contenido
Resumen de demos

Una tienda de entradas, mundos diferentes.

La misma ADITUS Shop API, integrada en marcas de eventos completamente distintas — más la demo interactiva en vivo de la propia API. Cada vista previa lleva directamente a la demo.

Ir directamente a las demos
Niveles de personalización

Cinco niveles, una tienda de entradas.

Desde la personalización no-code en el backend hasta la integración libre a través de la API — tú eliges hasta dónde llegar.

1
Personalización básica

Tu tienda de entradas personalizada con tu identidad corporativa — en línea en solo 10 minutos

Configuración a través de nuestro backend: seleccionar un tema, subir fácilmente diseños y gráficos, definir la paleta de colores y, si es necesario, elegir tu propia fuente te permite personalizar los distintos portales en pocos segundos, sin conocimientos previos de informática — eso es lo que caracteriza el primer nivel, el básico, de la personalización. Una identidad corporativa con solo unos pocos clics suele ser una gran ayuda, especialmente para las empresas más pequeñas, ya que nuestro framework convence con un estándar sólido.

No-CodeBackend-ThemingCorporate DesignWhite-Label
Sin conocimientos de informática · en 10 minutos
Esfuerzo de desarrollo
ninguno
2
CSS y scripts propios

Más individualidad mediante CSS o scripts propios

¿Quieres un poco más? ¿Te falta ese toque personal que hace destacar tu evento o quieres resaltar determinada información de forma especialmente clara? Entonces tenemos la solución adecuada: con sencillas instrucciones HTML y CSS implementas exactamente ese tipo de personalizaciones. Añades CSS, HTML o JavaScript directamente a través del backend. Nuestros portales están pensados para este tipo de extensiones y ofrecen puntos de conexión específicos, por ejemplo las CSS custom properties (también conocidas como variables CSS).

Custom CSSCSS Custom PropertiesCustom ScriptsTheming-Hooks
CSS/JS propio · hooks específicos

El mismo paso del proceso, una vez con el diseño predeterminado y otra deliberadamente llevado al extremo con CSS:

Esfuerzo de desarrollo
bajoalto
3
Contenedor integrado

Integrar la tienda de entradas completa como un bloque autónomo

¿Integrar la tienda de entradas en la página de tu propio evento? Con mucho gusto. Con solo unas pocas líneas integras el núcleo de compra de entradas y registro directamente en tu sitio web. Obtienes un bloque terminado y autónomo que se ejecuta en tu página — el HTML completo está a la vista y se puede estilizar con tu propio CSS. Nuestro portal de visitantes está pensado justamente para este tipo de integraciones profundas y ofrece opciones de configuración adicionales:

Drop-in WidgetiFrame-EmbedSelf-ContainedAuto-Resize
  • Restricción opcional a un evento concreto
  • Restricción opcional a determinadas funciones (compra, registro, prensa)
  • Restricción opcional a determinados artículos o grupos
  • La cabecera y el pie de página se pueden mostrar u ocultar
  • Configurar el idioma: automático o controlado por el sitio web circundante
  • Elegir tu propio estilo o tu propio CSS para la integración
  • Ocultar contenidos superfluos
  • Configurar el ajuste de tamaño

Así los visitantes permanecen más tiempo en la página del evento sin ser redirigidos. Para los desarrolladores hay una demo de integración específica y un portal para desarrolladores en el que puedes probar la integración y generar scripts listos para usar. Basta con seleccionar la variante deseada, copiar el código de integración y pegarlo en tu sitio web. No tienes que preocuparte por las barras de desplazamiento: nuestro contenedor adapta su altura dinámicamente al contenido — así evitas antiestéticas zonas de scroll dentro de tu página.

Técnicamente, esta integración se basa en un iFrame — es decir, la tienda se ejecuta en su propio marco encapsulado dentro de tu página. Funciona de forma fiable, pero llega a sus límites cuando se trata de engranar sin fisuras con tu interfaz. Por eso solo recomendamos esta solución cuando hace falta ir rápido — para una integración realmente nativa, el siguiente nivel es la mejor opción: el Shop Micro Frontend, que se renderiza directamente en tu propio markup.

Esfuerzo de desarrollo
bajoalto
4
Shop Micro Frontend en el código

Integrar la tienda de entradas de forma nativa como micro-frontend

En este nivel dejas atrás el theming a través del backend e integras la tienda directamente en el código — como Shop Micro Frontend que se renderiza de forma nativa en tu propio markup en lugar de en un widget ajeno. El recorrido completo, desde la discovery hasta la entrada, está ya construido. Se te abren dos caminos:

Micro FrontendHeadlessComposableLight-DOM EmbedDesign-Tokens
Arranque más rápido

Una llamada mount, listo

La vía más directa: una sola llamada mount() coloca la tienda de entradas totalmente estilizada en tu página — con nuestro diseño predeterminado profesional, responsive y localizado. Para los métodos de pago con redirección indicas además las URL de retorno; después la tienda retoma el recorrido por sí misma. Así estás listo para vender en minutos — con diseño profesional desde la primera línea.

Una llamada · URL de retorno solo para pagos con redirección
100 % tu propio diseño

Shop Micro Frontend, con tu aspecto

El Shop Micro Frontend es un módulo frontend distribuido de forma autónoma — un micro-frontend que enganchas en tu página en tiempo de ejecución con una llamada mount(). Todo el recorrido, desde la discovery hasta la entrada, está ya construido y viene con un diseño predeterminado profesional. Lo decisivo: se renderiza en tu propio light DOM, no en un iFrame — la tienda pasa a ser una parte real de tu markup y hereda tus fuentes y el contexto de diseño. Para tu branding bastan unos pocos design tokens: los colores, la fuente y los radios los pasas o bien directamente como objeto theme a mount() o los defines como variables CSS (--aditus-*) — sin necesidad de una hoja de estilos propia. Nuestro Styling Studio incluso hace eso por ti: sugiere automáticamente colores, fuente y radios a partir de la URL de tu web y genera la configuración lista para copiar. Como los estilos base residen en su propia capa CSS, el CSS normal (sin capas) de tu página los sobrescribe sin peleas de especificidad — sin !important. Para el último retoque puedes acceder a bloques individuales mediante hooks BEM estables (aditus-shop__*) cuando lo necesites. Sin teletransportar a los usuarios a un widget ajeno, sin redimensionar iFrames, sin malabares con postMessage, sin saltos al hacer scroll — plena libertad de diseño sin tener que construir tú mismo la lógica del recorrido.

Entretejido, no teletransportado · branding mediante design tokens

Ambas variantes de micro-frontend se pueden combinar además con los ADITUS Webhooks: eventos como pedidos o registros finalizados se notifican en tiempo real y pueden procesarse en otros backends — por ejemplo, para CRM, lógica de socios o tus propios procesos posteriores.

Esfuerzo de desarrollo
Una llamada mount, listo
Shop Micro Frontend, con tu aspecto
bajoalto
5
Control total de la API

Integrar libremente sobre la Shop API

El nivel más profundo para una libertad máxima: integras la funcionalidad de la tienda por completo en tu propia aplicación web, app o panorama de sistemas — como una UI totalmente propia para tienda y registro, o como otro componente funcional de tu plataforma existente. Todo lo que puede hacer nuestro portal de visitantes lo puede hacer también nuestra API: nosotros mismos usamos la misma API REST completa de lectura/escritura como base de nuestros portales. Tienes a tu disposición API REST, Webhooks y SDK para soluciones a medida.

API-FirstHeadlessREST APIWebhooksSDKs
Control máximo

Directamente sobre la Shop API

Construyes toda tu interfaz por tu cuenta sobre los endpoints REST — el carrito, el registro y el pago están en tus manos. No tienes que ocuparte de la localización: la API entrega todos los contenidos — nombres de artículos, descripciones y preguntas y respuestas — ya en el idioma del visitante, tú solo muestras los textos. Tienes el control total: el recorrido del usuario se puede diseñar completamente desde cero y entretejer sin fisuras con tus propios procesos — flujos propios de reserva o inicio de sesión, CRM y lógica de socios, paquetes de hotel o viaje, precios individuales o aprobaciones en varios niveles. Cada interacción y cada píxel son tuyos, a cambio asumes tú mismo el mayor esfuerzo de implementación.

Flexibilidad total · mayor esfuerzo al principio
La referencia completa de la API: cada endpoint con ejemplos en vivo en curl, Node, Python y Go.
La referencia completa de la API: cada endpoint con ejemplos en vivo en curl, Node, Python y Go.

Este camino también se puede combinar con los ADITUS Webhooks: los eventos relevantes se notifican en tiempo real y pueden procesarse en otros backends — por ejemplo, para CRM, lógica de socios o tus propios procesos posteriores.

Esfuerzo de desarrollo
bajoalto