Integrazione nel sito

Una volta configurati i veicoli e il metodo di pagamento, la sezione Integrazione web ti dà tutto il necessario per mostrare il tuo modulo di prenotazione sul tuo sito. Due possibilità: incollare un codice HTML dove il modulo deve apparire, oppure condividere un link diretto se non hai un sito. L’anteprima si aggiorna a ogni salvataggio.

Aggiungere il modulo al tuo sito

Nella sezione Integrazione web, copia il Codice HTML da inserire nel tuo sito web e incollalo nell’HTML della tua pagina, nel punto esatto in cui il modulo deve apparire. Il codice ha la forma di un tag iframe:

<iframe src='https://app.clickchauffeur.com/module/tuo-identificativo'
        width="600" height="950"></iframe>

• Il pulsante Copia mette il codice negli appunti; un messaggio « Codice copiato! » conferma l’operazione.
• L’identificativo è specifico del tuo account: non modificarlo.
• Gli attributi width e height riprendono le Dimensioni del modulo che hai salvato (vedi più sotto).

Questo codice funziona su WordPress, Wix e qualsiasi altro sito che accetti l’inserimento di HTML.

• WordPress: aggiungi un blocco HTML personalizzato nell’editor della pagina, poi incolla il codice.
• Wix: aggiungi un elemento Incorpora un codice / HTML (embed) e incolla il codice al suo interno.
• Altri siti: incolla il codice nell’area HTML della pagina, nella posizione desiderata.

Condividere un link diretto

Se non hai un sito web, o per comunicare il tuo modulo via messaggio, e-mail o social, usa il Link diretto al tuo modulo di prenotazione. Questo link apre il modulo di prenotazione senza doverlo integrare in un sito. Il pulsante Copia conferma con « Link diretto copiato! ».

Personalizzare il modulo

Sotto Personalizzazione del modulo, diverse impostazioni permettono di adattare l’aspetto e il comportamento del modulo. Dopo ogni modifica fai clic su Salva: l’anteprima si aggiorna.

Design del modulo

Scegli il design del modulo:

• Classico — la presentazione storica del modulo.
• Moderno — un design che si adatta automaticamente alla larghezza dell’iframe (mappa a destra su schermi grandi, elementi impilati su mobile).

Titolo e descrizione

• Titolo — il titolo del modulo. Non viene mostrato se è caricata un’immagine.
• Testo — il testo mostrato sotto il titolo; usalo per dare informazioni utili ai tuoi clienti.
• Immagine del modulo — un’immagine di intestazione (sostituisce il titolo nella visualizzazione). Puoi eliminare l’immagine attuale in qualsiasi momento.

Visualizzazione

Attiva o disattiva i campi proposti ai clienti nel modulo:

• Mostra la mappa — mostra una mappa nel modulo.
• Numero di passeggeri — se disattivato, il numero di passeggeri non viene considerato nel calcolo delle tariffe, anche se il prezzo per passeggero di un veicolo è impostato.
• Numero di bagagli — se disattivato, il campo per il numero di bagagli non compare nel modulo.
• Tipo di veicolo — se disattivato, l’elenco a discesa dei veicoli non compare e viene usato il veicolo predefinito.
• Tipo di tragitto — se disattivato, il cliente non può scegliere un tragitto di andata e ritorno.

Dimensioni del modulo — definisci la larghezza e l’altezza (in pixel) del modulo. Questi valori alimentano gli attributi width e height del codice HTML.

Colori

• Colore delle icone — il colore delle icone mostrate nel modulo.
• Colore del pulsante — il colore del pulsante d’azione del modulo.

Reindirizzamento

URL di reindirizzamento dopo la prenotazione — l’indirizzo verso cui il cliente viene rimandato una volta effettuata la prenotazione (ad esempio una pagina di ringraziamento del tuo sito).

Mappa e Google Maps

Se attivi Mostra la mappa, due impostazioni complementari diventano utili:

• Coordinate del centro della mappa — definisci la Latitudine, la Longitudine e il Livello di zoom del centro mostrato per impostazione predefinita. Il pulsante Seleziona sulla mappa permette di scegliere questo punto visivamente.
• Google Maps API — inserisci la tua chiave API Google Maps per usare Google Maps nel tuo modulo di prenotazione.

Verificare prima di pubblicare

Prima di incollare il codice sul tuo sito, usa l’Anteprima della sezione Integrazione web: mostra il tuo modulo così come lo vedranno i clienti, con le tue dimensioni, i tuoi colori e le tue impostazioni. Correggi, Salva, controlla l’anteprima e poi copia il codice.

Piano gratuito

Il modulo di prenotazione e la sua integrazione (codice HTML e link diretto) sono disponibili fin dal piano gratuito. Ricorda i limiti del piano gratuito: 5 prenotazioni al mese, 1 veicolo e nessun pagamento online (solo pagamento all’autista). Per un modulo senza limiti e il pagamento online, passa a un piano a pagamento. Vedi la pagina Prezzi.