Dalla personalizzazione no-code nel backend all'integrazione libera tramite l'API — scegli tu quanto andare in profondità.

Personalizzazione di base

La tua biglietteria individuale nel tuo CI — online in soli 10 minuti

La configurazione avviene tramite il nostro backend: scegli un tema, carica design e immagini, definisci la palette e, se necessario, seleziona il tuo font per personalizzare i diversi portali in pochi secondi, senza competenze IT preliminari. È questo il primo livello, quello di personalizzazione di base. Applicare il corporate design in pochi clic è particolarmente utile per le aziende più piccole, grazie alla solida impostazione predefinita del nostro framework.

No-CodeBackend-ThemingCorporate DesignWhite-Label

Nessuna conoscenza IT · in 10 minuti

Home page nel tuo look

Sforzo di sviluppo

nessuno

CSS personalizzato di pagina, Scripts

Più individualità attraverso CSS o script personalizzati

Vuoi una personalizzazione più spinta? Cerchi quel tocco distintivo che faccia risaltare l'evento o desideri mettere in evidenza determinate informazioni? Con semplici istruzioni HTML e CSS puoi realizzare esattamente queste modifiche. Puoi aggiungere CSS, HTML o JavaScript direttamente dal backend. I nostri portali sono progettati per queste estensioni e offrono punti di integrazione specifici, ad esempio le CSS Custom Properties, note anche come variabili CSS.

Custom CSSCSS Custom PropertiesCustom ScriptsTheming-Hooks

CSS/JS personalizzati · hook mirati

Lo stesso passaggio del processo, una volta nel design predefinito e una volta deliberatamente disegnato all'estremo con CSS:

Landing page

Header: sfondo rosa e ombra scura
Piè di pagina: sfondo giallo
Carte articolo: bordo rosa e ombra scura

Selezione ticket

Header: sfondo rosa e ombra scura
Pannello di selezione ticket: bordo rosa e ombra scura
Intestazione colonne: sfondo rosa e testo bianco
Prezzo del biglietto: font più sottile
Box prezzo scontato biglietto: sfondo giallo
Pannelli laterali: ombra scura
Pulsante di pagamento: bordo rosa, testo bianco, ombra scura
Testo “Or pay with”: corsivo
Messaggio di avviso: sfondo giallo

Data

Header: sfondo rosa e ombra scura
Pannello informativo partecipanti: bordo rosa e ombra scura
Anteprima badge: bordo rosa e ombra scura

Riepilogo

Header: sfondo rosa e ombra scura
Pannello di riepilogo: bordo rosa e ombra scura
Nomi dei biglietti: testo rosa
Prezzo: testo in grassetto
Pannello laterale: ombra scura
Pulsante "Acquista biglietti": bordo rosa e ombra scura

Sforzo di sviluppo

bassoalto

Contenitore incorporato

Inserisci la biglietteria completa come blocco autonomo

Vuoi incorporare il ticketshop nella homepage del tuo evento? Bastano poche righe per integrare direttamente nel sito le funzioni essenziali di acquisto dei biglietti e registrazione. Ottieni un modulo completo e autonomo che funziona nella tua pagina: l'intero HTML è accessibile e può essere personalizzato con il tuo CSS. Il nostro portale visitatori è progettato proprio per integrazioni così profonde e offre ulteriori opzioni di configurazione:

Drop-in WidgetiFrame-EmbedSelf-ContainedAuto-Resize

Limitazione facoltativa a un evento specifico
Limitazione opzionale a determinate funzioni (acquisto, registrazione, stampa)
Limitazione facoltativa a determinati articoli o gruppi
Intestazione e piè di pagina possono essere visualizzati o nascosti
Configurare la lingua: automatica o controllata dal sito web circostante
Scegli il tuo stile o CSS personalizzato per l'integrazione
Nascondi contenuti superflui
Configurare la regolazione della taglia

In questo modo i visitatori restano sulla homepage dell'evento senza essere reindirizzati. Gli sviluppatori hanno a disposizione una demo di integrazione dedicata e un portale developer in cui testare l'integrazione e generare script pronti all'uso. Seleziona la variante desiderata, copia il codice di integrazione e incollalo nel sito. Non devi preoccuparti delle barre di scorrimento: il contenitore adatta dinamicamente la propria altezza al contenuto, evitando aree di scorrimento poco gradevoli all'interno della pagina.

Dal punto di vista tecnico, questa integrazione si basa su un iframe: lo shop viene eseguito in un frame autonomo e isolato all'interno della pagina. È una soluzione affidabile, ma mostra i suoi limiti quando deve fondersi perfettamente con l'interfaccia. La consigliamo quindi solo quando la rapidità è prioritaria; per un'integrazione davvero nativa è preferibile il livello successivo, Shop Micro Frontend, che viene renderizzato direttamente nel tuo markup.

Sforzo di sviluppo

bassoalto

Shop Micro Frontend nel codice

Incorpora il ticketshop in modo nativo come micro frontend

A questo livello abbandoni la configurazione del tema nel backend e integri lo shop direttamente nel codice, come Shop Micro Frontend renderizzato nativamente nel tuo markup anziché come widget esterno. L'intero flusso, dalla ricerca dei prodotti alla consegna del biglietto, è già pronto. Puoi scegliere tra due modalità:

Micro FrontendHeadlessComposableLight-DOM EmbedDesign-Tokens

Avvio più veloce

Una chiamata di montaggio, eseguita

La soluzione più diretta: una sola chiamata mount() inserisce nella pagina il ticketshop completo di stili, con il nostro design predefinito professionale, responsive e localizzato. Per i metodi di pagamento con redirect devi soltanto impostare anche gli URL di ritorno; lo shop riprenderà quindi il flusso automaticamente. In pochi minuti sei pronto a vendere, con un design professionale fin dalla prima riga di codice.

Una chiamata · restituisci URL solo per i pagamenti di reindirizzamento

100% il tuo design

Acquista Micro Frontend, nel tuo look

Shop Micro Frontend è un modulo frontend distribuito in modo indipendente, che colleghi alla tua pagina in fase di esecuzione con una chiamata mount(). L'intero flusso, dalla ricerca dei prodotti alla consegna del biglietto, è già pronto e include un design predefinito professionale. Il punto chiave è che viene renderizzato nel tuo light DOM, non in un iframe: lo shop diventa parte effettiva del markup e ne eredita font e contesto di layout. Per applicare il brand bastano pochi design token: passa colori, font e raggi direttamente a mount() in un oggetto theme oppure impostali come variabili CSS (--aditus-*), senza dover creare un foglio di stile. Styling Studio può persino suggerire automaticamente colori, font e raggi dall'URL del tuo sito e generare una configurazione pronta da copiare. Poiché gli stili di base risiedono in un CSS layer dedicato, il normale CSS non stratificato della pagina li sovrascrive senza conflitti di specificità e senza !important. Per gli ultimi ritocchi puoi intervenire sui singoli componenti tramite hook BEM stabili (aditus-shop__*). Nessun widget esterno, ridimensionamento di iframe, gestione di postMessage o scorrimento a scatti: massima libertà di design senza dover sviluppare la logica del flusso.

Tessuto, non teletrasportato · branding tramite token di design

Entrambe le varianti del micro frontend possono inoltre essere abbinate agli ADITUS Webhooks: eventi come ordini o registrazioni completati vengono comunicati in tempo reale e possono essere elaborati in altri backend, ad esempio per CRM, logiche di membership o processi downstream personalizzati.

Ai micro frontend docs Allo studio di styling

Sforzo di sviluppo

Una chiamata di montaggio, eseguita

Acquista Micro Frontend, nel tuo look

bassoalto

Controllo API

Integrati liberamente sull'API Shop

Il livello più avanzato per la massima libertà: integri completamente le funzioni dello shop nella tua applicazione web, app o architettura di sistema, con una UI totalmente personalizzata per shop e registrazione oppure come ulteriore componente funzionale della piattaforma esistente. Tutto ciò che può fare il nostro portale visitatori può farlo anche l'API: i nostri portali si basano sulla stessa REST API completa in lettura e scrittura. REST API, Webhooks e SDK sono a tua disposizione per creare soluzioni su misura.

API-FirstHeadlessREST APIWebhooksSDKs

Massimo controllo

Direttamente sull'API Shop

Costruisci l'intera interfaccia direttamente sugli endpoint REST: carrello, registrazione e checkout sono completamente nelle tue mani. Non devi occuparti della localizzazione: l'API fornisce tutti i contenuti — nomi e descrizioni degli articoli, domande e risposte dei questionari — già nella lingua del visitatore; ti basta visualizzare il testo. Hai il pieno controllo e puoi progettare da zero la user journey, integrandola perfettamente nei tuoi processi: flussi personalizzati di prenotazione o login, logiche CRM e membership, pacchetti hotel o viaggio, prezzi individuali o approvazioni in più fasi. Ogni interazione e ogni pixel sono sotto il tuo controllo, a fronte di un maggiore impegno di implementazione.

Piena flessibilità · maggiore sforzo in anticipo

Il riferimento API completo: ogni endpoint con esempi live in curl, Node, Python e Go.

Anche questa soluzione può essere abbinata agli ADITUS Webhooks: gli eventi rilevanti vengono comunicati in tempo reale e possono essere elaborati in altri backend, ad esempio per CRM, logiche di membership o processi downstream personalizzati.

Sforzo di sviluppo

bassoalto