Riepilogo dell'articolo
Modalità di collegamento tra la pagina di pianificazione e il proprio sito.
Fai in modo che i tuoi clienti prenotino direttamente tramite il tuo sito Web, inserendo in esso il tuo tool di pianificazione. Aggiungi pulsanti e barre di prenotazione alle pagine del tuo sito Web per indirizzare i visitatori verso il tool.
Suggerimento: se dopo aver iniziato a lavorare desideri un aiuto più concreto per configurare Acuity Scheduling, puoi assumere un esperto.
Guarda un video
Cosa puoi aggiungere
È possibile aggiungere Acuity a un sito web in tre modi:
- Strumento di pianificazione integrato - È possibile incorporare Acuity nel sito web per consentire ai clienti di prenotare direttamente sul sito.
- Pulsante di prenotazione - È possibile aggiungere un pulsante che indirizza verso l'agenda nella pagina di pianificazione dei clienti generata da Acuity.
- Barra di prenotazione - È possibile aggiungere una barra con un pulsante di prenotazione nella parte superiore delle pagine del sito.
Incorpora il tuo strumento di pianificazione
Puoi incorporare il tuo programma di pianificazione in quasi tutti i siti Web, sia che tu stia utilizzando un sito Web di Squarespace o uno di un altro provider. Puoi incorporare il tuo strumento di pianificazione predefinito o qualunque altro a cui puoi collegarti direttamente.
Siti web Squarespace
Aggiungi un blocco di pianificazione al tuo sito web.
Suggerimento: per proteggere con password la tua prenotazione, aggiungi il blocco di pianificazione a una pagina con una password di pagina. Per riservare la prenotazione esclusivamente ai membri del sito, aggiungi Prodotti digitali al tuo sito, quindi inserisci il blocco di pianificazione all'interno dei contenuti riservati.
Altri siti web
Per incorporare il tool di pianificazione in altri siti web, prima copia il codice di incorporamento generato da Acuity, quindi aggiungilo al tuo sito web. I passaggi esatti per aggiungerlo al tuo sito web variano a seconda del tuo provider, ma comporteranno l'aggiunta di codice HTML. Consulta la sezione seguente per suggerimenti su fornitori selezionati o contatta il tuo builder di siti web.
Per ottenere il codice di incorporamento:
- In Acuity, clicca su Pagina di pianificazione, quindi su Link.
- Nella sezione Link diretti e incorporamento, utilizza il menu a discesa per scegliere se collegare il tuo strumento di pianificazione predefinito o uno strumento di pianificazione più specializzato, ad esempio per un determinato periodo o tipo di appuntamento.
- Clicca sulla scheda Includi strumento di pianificazione o sulla scheda Incorpora altro. Ne apparirà solo una delle due.
- Fai clic su Copia.
Aggiungi un pulsante di prenotazione
Le modalità per aggiungere un pulsante di prenotazione variano a seconda che tu utilizzi un sito web Squarespace o di un altro fornitore. Puoi incorporare un pulsante che reindirizza alla tua pagina di pianificazione cliente predefinita o a qualsiasi strumento di pianificazione verso il quale puoi aggiungere un collegamento diretto.
Siti web Squarespace
Aggiungi un blocco pulsante al sito web. Quando scegli il link per il nuovo pulsante, utilizza un link alla pagina di pianificazione o un link diretto.
Altri siti web
Per aggiungere un pulsante di prenotazione al tuo sito web, copia prima il codice da Acuity, poi aggiungilo al tuo sito web.
Per ottenere il codice:
- In Acuity, clicca su Pagina di pianificazione, quindi su Link.
- Nella sezione Link diretti e incorporamento, utilizza il menu a discesa per scegliere se collegare il tuo strumento di pianificazione predefinito o uno strumento di pianificazione più specializzato, ad esempio per un determinato calendario o tipo di appuntamento.
- Fai clic sulla scheda del Pulsante di prenotazione.
- Fai clic su Copia.
Dopo aver copiato il codice, aggiungilo al codice del sito web. I passaggi esatti per aggiungerlo al tuo sito web variano a seconda del provider. Consulta la sezione seguente per suggerimenti su fornitori selezionati o contatta il tuo builder di siti web.
Aggiungere una barra di prenotazione
Per aggiungere una barra di prenotazione al tuo sito web, prima copia il codice generato da Acuity, quindi aggiungilo al tuo sito. Il modo in cui aggiungi una barra di prenotazione dipende dal fatto che tu stia utilizzando un sito web Squarespace o un altro fornitore. La barra di prenotazione contiene un pulsante che può condurre alla pagina di pianificazione predefinita del cliente o a qualsiasi programma di pianificazione a cui è possibile indirizzare il collegamento.
Per ottenere il codice:
- In Acuity, clicca su Pagina di pianificazione, quindi su Link.
- Nella sezione Link diretti e incorporamento, utilizza il menu a discesa per scegliere se collegare il tuo strumento di pianificazione predefinito o uno strumento di pianificazione più specializzato, ad esempio per un determinato calendario o tipo di appuntamento.
- Clicca sulla scheda Barra di prenotazione .
- Fai clic su Copia.
Siti web Squarespace
Usa l'iniezione di codice per incollare il codice nella sezione piè di pagina del tuo sito.
L'iniezione di codice è una funzionalità premium disponibile nei piani Business e Commerce.
Altri siti web
Aggiungi il codice che hai copiato al codice del tuo sito web. I passaggi esatti per aggiungerlo al tuo sito web variano a seconda del tuo provider. Consulta la sezione seguente per suggerimenti su fornitori selezionati o contatta il tuo builder di siti web.
Suggerimenti per utilizzare altri builder di siti Web
Drupal
Cambia il formato del testo a Full HTML per aggiungere del codice HTML personalizzato, quindi aggiungi il frammento di codice generato da Acuity.
GoDaddy
Segui le istruzioni di GoDaddy per l'aggiunta di HTML personalizzato per aggiungere il codice che Acuity genera automaticamente.
Ionos
Aggiungi il codice di incorporamento generato automaticamente da Acuity a un elemento widget/HTML. Potrebbe essere necessario visualizzare il tool di pianificazione in Visualizzazione pagina per verificare che funzioni correttamente.
Per richiedere a Ionos di mostrare il tool di pianificazione integrato ai clienti sui dispositivi mobili, disabilita l'opzione per visualizzare solo contenuti ottimizzati su smartphone e tablet.
Leadpages
Utilizza il widget HTML Leadpages per aggiungere il frammento di codice fornito da Acuity.
Shopify
Utilizza l'editor HTML per aggiungere il codice di Acuity a una delle tue pagine. Salva le modifiche prima di provare a visualizzare la nuova agenda.
VistaPrint/Webs.com
Utilizza la funzione HTML personalizzata per aggiungere il codice generato automaticamente da Acuity al tuo sito web.
Weebly
Trascina l'elemento Weebly Embed Code sulla tua pagina web, quindi aggiungi al widget il codice generato automaticamente da Acuity.
Wix
Segui i passaggi di Wix per aggiungere l'elemento HTML al tuo sito. Quando hai deciso di aggiungere del codice all'elemento HTML, utilizza il frammento di codice che Acuity genera per te.
Nota: non è possibile incorporare lo strumento di pianificazione se si utilizza Wix Artificial Design Intelligence al posto dell'editor.
Se il frame che contiene lo strumento di pianificazione incorporato è più corto dello strumento stesso, alcuni dispositivi mobili potrebbero riscontrare problemi al momento della prenotazione. Per evitare ciò, usa l'editor mobile Wix per trascinare verso il basso la parte inferiore del frame dello strumento di pianificazione incorporato finché l'intero strumento non è visibile. Assicurati che la parte inferiore dello strumento di pianificazione sia visibile durante il processo di prenotazione.
WordPress
Per incorporare la tua agenda nel tuo sito WordPress, utilizza l'editor di testo di WordPress per aggiungere il codice di incorporamento di Acuity.
Per incorporare lo strumento di pianificazione:
- Ottieni il codice di incorporamento per la tua agenda accedendo al pannello di collegamento della pagina di pianificazione, facendo clic su Includi strumento di pianificazione, quindi su Copia.
- Utilizza l'editor di testo di WordPress per incollare il codice copiato in una delle vostre pagine.
Nota: puoi incorporare la tua agenda su siti creati utilizzando WordPress, ma non su siti ospitati da WordPress.com. I siti ospitati da WordPress.com hanno URL che terminano con wordpress.com. Se questo per te rappresenta un problema, aggiungi invece un link diretto alla pagina di pianificazione del tuo cliente.
Zenfolio
Segui le istruzioni di Zenfolio per creare una pagina personalizzata e aggiungere e incorporare il codice. Utilizza il codice di Acuity per incorporare l'agenda.
Personalizza il pulsante e la barra di prenotazione
I caratteri e gli altri stili nel pulsante di prenotazione e nella barra di prenotazione generalmente corrispondono a quelli predefiniti per il tuo sito web.
È possibile aggiornare il testo del pulsante o della barra modificando il frammento di codice fornito da Acuity.
La barra di prenotazione e il pulsante di prenotazione cambiano colore in base al colore dei pulsanti e dell'estetica complessiva dello strumento di pianificazione. Scopri come cambiare i colori del tuo strumento di pianificazione.
Suggerimento: per rendere la navigazione del sito web adatta al più ampio pubblico possibile, è importante tenere conto dell'accessibilità durante il processo di progettazione. Scopri come creare contenuti accessibili per il sito.