Strumenti per sviluppatori

Designer di integrazione

Genera uno snippet di codice pronto all'uso per aggiungere il widget di prenotazione su qualsiasi sito.

Configurazione

ID aziendaleLingua

Colore di accentuazione

Usato in tutto il modulo di prenotazione.

Colore del pulsante

Colore facoltativo del pulsante flottante Prenota. Di default è il colore di accentuazione.

Anteprima del sito

Inserisci l'URL del tuo sito per vedere il widget flottante inserito in una copia di anteprima sicura.

URL del sito

Anteprima

Codice di integrazione

Incolla questo snippet prima del tag body di chiusura del tuo sito. Un pulsante flottante di prenotazione apparirà in basso a destra.

<reservier-widget
  business-id="demo"
  locale="de"
  primary-color="#4f46e5"
></reservier-widget>
<script src="https://reservier.at/widget/v1/widget.js"></script>

Attributi del widget

Questi attributi configurano gli snippet widget e script. Nello snippet solo-script, anteponi data- a ogni nome.

Attributi del widget
Attributo	Tipo	Descrizione
business-id	string	Il tuo identificativo pubblico dell'attività. Obbligatorio.
locale	string	Lingua iniziale: de, en, fr, it o ru.
primary-color	string	Colore di accentuazione usato in tutto il modulo di prenotazione.
button-color	string	Colore del pulsante flottante Prenota. Se omesso, il pulsante usa primary-color.

button-color vale solo per widget e script — l'iframe non ha un pulsante flottante.

API JavaScript Reservier

window.Reservier

Lo script del widget installa un oggetto globale Reservier. Usalo per aprire o chiudere il modulo dai tuoi pulsanti, menu o dal codice dell'applicazione.

Metodi

Metodi
Metodo	Chiamata	Descrizione
open(options?)	Reservier.open({ locale })	Apre il modulo di prenotazione. Puoi passare un oggetto opzioni con locale per impostare la lingua. Si può richiamare anche se il pannello è già aperto.
close()	Reservier.close()	Chiude il modulo di prenotazione.
openCoupons(options?)	Reservier.openCoupons({ locale })	Apre il pannello dei buoni regalo se la vendita coupon è attiva. Accetta le stesse opzioni di open().

Opzioni

Opzioni
Opzione	Tipo	Descrizione
locale	string	Lingua facoltativa dell'interfaccia: de, en, fr, it o ru. Se omessa, il widget mantiene la lingua attuale. I valori sconosciuti tornano a una lingua attivata.

Tutti i metodi restituiscono void.

Attributo HTML

Senza JavaScript: qualsiasi elemento con open-widget="reservier.at" o open-widget="reservier.net" apre il pannello.

<button type="button" open-widget="reservier.at">
  Prenota ora
</button>

Custom element

Se usi il tag <reservier-widget>, gli stessi metodi sono disponibili anche sull'elemento dopo l'upgrade.

const widget = document.querySelector('reservier-widget');
widget?.open({ locale: 'de' });
widget?.close();
widget?.openCoupons();

Esempio

<button type="button" id="book-table">
  Prenota ora
</button>
<script>
  document.getElementById('book-table').addEventListener('click', function () {
    window.Reservier.open({ locale: 'de' });
  });
</script>

TypeScript

interface ReservierOpenOptions {
  locale?: string;
}

interface ReservierApi {
  open: (options?: ReservierOpenOptions) => void;
  close: () => void;
  openCoupons: (options?: ReservierOpenOptions) => void;
}

declare global {
  interface Window {
    Reservier: ReservierApi;
  }
}

Note

Le chiamate prima del mount del widget vengono accodate ed eseguite appena è pronto.
Questa API è disponibile con il widget o lo snippet solo-script — non con l'iframe.
Chiama i metodi da un'azione dell'utente, ad esempio un click. Una chiamata immediata al caricamento funziona solo dopo l'esecuzione di widget.js.
locale è facoltativo. Il widget passa solo alle lingue attivate per questa attività.

Profilo dell'attività Google

Aggiungi la tua pagina di prenotazione alla ricerca Google così gli ospiti possono prenotare direttamente dal profilo.

Barra di gestione di Google Search con il pulsante Prenotazioni evidenziato — Questa barra appare quando cerchi la tua attività dopo aver effettuato l'accesso come amministratore.

Il tuo link di prenotazione

È lo stesso URL dell'iframe. Incollalo nel campo Prenotazioni / Bookings su Google.

https://reservier.at/de/demo

1Copia il link di prenotazione qui sopra.
2Apri la ricerca Google per la tua attività. Accedi come titolare del profilo per vedere la barra di gestione.
3Clicca su Prenotazioni / Bookings (tedesco: Buchungen), incolla il link e salva.

Cerca la tua attività su Google

Visibile solo agli amministratori del profilo.

Utilizziamo cookie essenziali per il corretto funzionamento del sito. Con il tuo consenso, utilizziamo anche cookie analitici per migliorare la tua esperienza. Informativa sulla privacy