Panoramica di BookingJs

Integri BookingJs, il widget di prenotazione timum, nel Suo sito web o nella Sua app – questa panoramica presenta i primi passi, l'avvio rapido e le funzionalità.

Quale percorso fa per Lei?

Codice di incorporamento da timum: Copi e incolli il codice del Provider Channel – fatto, senza programmazione (vedere Avvio rapido più sotto). Modifiche successive: configurazione globale.

Integrazione per sviluppatori con BookingJs: Lo integri tramite tag script, ESM o React – controllo completo su tutte le opzioni. Vada alla guida all'integrazione.

Avvio rapido

Il modo più semplice per incorporare il widget di prenotazione timum è tramite un Provider Channel. Nell'interfaccia timum, per ogni Provider Channel viene generato automaticamente un codice di incorporamento:

Codice di incorporamento generato automaticamente (Provider Channel)
<div id="timumContainer-<provider-channel-uuid>"></div>
<script
  type="module"
  src="https://www.timum.de/<provider-uuid>/<provider-channel-uuid>/widget.js">
</script>

Prerequisito:

Per ottenere questo codice, deve prima creare un Provider Channel in timum. Il codice di incorporamento viene quindi generato automaticamente e può essere copiato direttamente. Provider Channels

Funzionalità

  • Disponibilità e prenotazione in tempo reale
  • Richieste di prenotazione per appuntamenti pubblici (con conferma)
  • Appuntamenti con più partecipanti
  • Riconoscimento dei visitatori tramite integrazione CRM
  • Opzione per mostrare/nascondere gli appuntamenti al completo
  • Configurazione del tempo di preavviso
  • Prevenzione delle prenotazioni doppie
  • Cancellazione da parte del cliente con autenticazione
  • Design completamente personalizzabile con theming MUI (PRO)
  • Testi personalizzabili in tutte le lingue (PRO)
  • Campi modulo dinamici con convalida (PRO)
  • Supporto per 5 lingue (DE, EN, FR, ES, IT)
  • Callback per l'elaborazione personalizzata degli eventi

E ora?

Tutto ciò che BookingJs mostra e fa viene controllato tramite un unico oggetto di configurazione: appConfig. I tre argomenti più importanti:

Cosa mostra il widget?: Referenziazione – quale risorsa, quali prodotti e quale canale vengono visualizzati.

Come si comporta e si presenta?: Configurazione – tutte le opzioni di appConfig in dettaglio: aspetto, comportamento, lingua.

Come rispondo alle prenotazioni?: Callback – reagire a eventi come le prenotazioni riuscite e attivare una logica personalizzata.

Funzionalità PRO

Con un piano Professional, ha a disposizione ulteriori opzioni di personalizzazione:

  • Custom Theming: Personalizzazione completa del design con un tema MUI
  • Custom Fonts: Caricare e utilizzare font personalizzati
  • Localizzazione: Personalizzare tutti i testi e aggiungere lingue personalizzate
  • Custom Fields: Campi modulo aggiuntivi con convalida
  • Nascondere il footer: Nascondere “Powered by timum”

Per gli utenti