Prenotazione di appuntamenti online

Il sito Vistaprint si integra con strumenti di prenotazione di appuntamenti online gratuiti e a basso costo per rimanere in contatto a distanza con i clienti e continuare espandere il tuo business.

Molte piccole imprese stanno diventando virtuali per offrire corsi online, carte regalo digitali o appuntamenti video individuali con i clienti. Ecco alcuni consigli e tecniche dei nostri esperti per iniziare a erogare servizi virtuali. Per iniziare, parliamo della prenotazione di appuntamenti e di come offrirla sul tuo sito Vistaprint.

In questo articolo troverai:

  • Consigli per creare un'agenda di appuntamenti con Setmore.com
  • suggerimenti per estrarre il codice di incorporamento dall'account Setmore
  • istruzioni per incollarlo dell'elemento HTML dell'editor di siti web Vistaprint
  • suggerimenti professionali per pubblicazione, pagamento e scelta dello stile
N.B.: Vistaprint non è affiliato a Setmore, ma questo servizio è facile da usare e l'abbonamento di base è gratuito. Puoi utilizzare altri fornitori di servizi di prenotazione di appuntamenti online che offrono un codice di incorporamento nel sito Vistaprint. 

Creare un'agenda di appuntamenti online

Per creare la tua agenda online, vai su Setmore.com e crea un account se non ne hai già uno.

Attieniti alle istruzioni per configurare la tua attività. Per ulteriori dettagli, consulta la guida di assistenza di Setmore.

Al termine della configurazione, vai su Apps & Integrations (App e integrazioni), quindi scorri in basso fino a Website Booking (Prenotazione tramite sito web), quindi fai clic su Booking Widget (Widget di prenotazione).

Apps_intergration_booking_widget_1000px.gif

Dalla pagina Booking Widget (Widget di prenotazione), utilizza queste impostazioni consigliate per generare il codice di incorporamento che utilizzerai sul tuo sito Vistaprint (fai clic sull'immagine per ingrandirla).

Booking_widget_settings_embed_code_1000px.gif

 

Crea uno spazio sul tuo sito web per la prenotazione di appuntamenti

N.B.: se non hai ancora un sito web, puoi iniziare subito una prova gratuita di 30 giorni dell'editor di siti web Vistaprint. Nella prova gratuita puoi progettare e vedere in anteprima il tuo sito web. Attenzione: devi acquistare un abbonamento per pubblicare il tuo sito sul web. Dai un'occhiata ai modelli di siti web progettati in modo professionale e inizia la prova qui.

Se hai già un sito Vistaprint, scegli dove menzionare gli appuntamenti virtuali. Ad esempio, puoi aggiungere un trafiletto sugli appuntamenti nella parte superiore della homepage e creare una nuova pagina Appuntamenti con tutti i dettagli.

Una volta che hai identificato dove vuoi inserire il link della tua agenda online, passa il mouse su Aggiungi elemento Fai clic sul segno più verde per aprire il menu Elementi e seleziona l'elemento HTML dalla sezione Popolari (o in Extra).

Adding_HTML_pip_1000px.gif

Prima che tu possa aggiungere l'elemento al tuo sito, vedrai un messaggio che ti ricorda di utilizzare codice proveniente solo da fonti affidabili e che Vistaprint non garantisce la compatibilità con codice personalizzato. Fai clic su OK per iniziare a personalizzare l'elemento. 

customhtml_warning.jpg

Una volta aggiunto l'elemento HTML fai clic sullo spazio predefinito per aprire la barra degli strumenti e fai clic sull'icona dell'ingranaggio Impostazioni all'estrema sinistra. Vedrai il menu Codice di incorporamento.

customhtml_clickplaceholder.jpg

Fai clic sull'icona dell'ingranaggio per aggiungere il codice e fai clic su Aggiorna.

Torna alla pagina del widget di prenotazione su Setmore.com. Nella finestra del codice di incorporamento puoi selezionare tutto e copiare l'intero blocco di codice.

appointments_embedcode.jpg

Incollalo nel campo Codice di incorporamento nel menu Impostazioni dell'elemento HTML:

appointments_pastecode.jpg

Fai clic su Aggiorna per salvare il codice di incorporamento. Il pulsante di prenotazione avrà questo aspetto una volta pubblicato:

appointments_button.jpg

Fai clic su Pubblica.

Consulta l'intera procedura qui:

Adding_setmore_code_to_HTML_pip_900px.gif

 N.B.: se l'elemento HTML sembra ancora senza codice di incorporamento, controlla le impostazioni dell'elemento HTML per il codice di incorporamento copiato/incollato da Setmore.com e verifica di aver aggiornato il blocco completo di codice.

SUGGERIMENTO: in una scheda separata, vai sul tuo sito web online e prova la nuova agenda di appuntamenti online. Oppure, chiedi a un amico di farlo al posto tuo. Dopo aver verificato il corretto funzionamento del pulsante, potrai essere certo che funzionerà anche per i tuoi clienti.

 

Creare una pagina per gli appuntamenti

Oltre a creare uno spazio sulla tua home page in cui i clienti possano prenotare gli appuntamenti, puoi anche creare una pagina Appuntamenti dettagliata. 

Nell'editor di siti web, vai su Modifica pagine > Aggiungi pagina > Appuntamenti.

appointments_addpage.jpg

La pagina contiene:

  1. Intestazione del sito
  2. Modulo per titolo e HTML: qui devi aggiungere il codice di incorporamento del pulsante
  3. Modulo per titolo e paragrafo: qui puoi aggiungere ulteriori informazioni per i clienti, ad esempio il pagamento. 
  4. Piè di pagina del sito

appointments_appointmentspage.jpg

 

Riscuotere pagamenti e mance

Le piccole imprese stanno guadagnando grazie alla possibilità di addebitare costi per appuntamenti virtuali e lezioni online. Puoi fare lo stesso usando il tuo sito Vistaprint e altri strumenti gratuiti o a basso costo. I seguenti sono solo dei suggerimenti, poiché Vistaprint non è affiliata con nessuno dei seguenti servizi.


Square

Setmore.com permette agli utenti Basic gratis di eseguire l'integrazione con Square come strumento di elaborazione dei pagamenti. 

Se hai un account Square per l'elaborazione dei pagamenti (o vuoi crearne uno gratuito), collegando l'agenda per gli appuntamenti Setmore a Square puoi addebitare i costi ai clienti nel momento in cui prenotano un appuntamento con te. L'elaborazione dei pagamenti di Square viene inserita nel flusso di lavoro di prenotazione degli appuntamenti così da offrire un'esperienza fluida ai clienti.

Per saperne di più sulle opzioni di integrazione dei pagamenti di Setmore, vai qui: https://support.setmore.com/en/collections/87087-payments


Venmo


Se usi Venmo per il pagamento, aggiungi elementi titolo o paragrafo alla pagina indicando il tuo handle Venmo.

Puoi anche aggiungerlo ai dettagli dell'azienda, ai dettagli del personale e alle firme delle notifiche e-mail all'interno di Setmore. Per saperne di più su tutte le opzioni disponibili in Setmore, consulta i relativi articoli dell'assistenza qui: https://support.setmore.com/en/


PayPal


Se usi PayPal per il pagamento, identifica la tua pagina pubblica di PayPal. Di solito è Paypal.me/tuonomeutente. Questa è la pagina dove i clienti possono inserire un importo nella tua valuta e trasferirti il pagamento.

Questo è l'URL che aggiungerai come link ipertestuale nell'editor di siti web Vistaprint.

Ora aggiungerai un elemento Titolo o Paragrafo alla pagina web e ci inserirai il testo con link ipertestuale, ad esempio "Paga il servizio con Paypal"

Seleziona il testo e fai clic sul pulsante del link ipertestuale nella barra degli strumenti dell'elemento.

appointments_paypaltext.jpg

Ora seleziona un link esterno e incolla l'URL pubblico della tua pagina Paypal.

Fai clic su Salva modifiche.

Fai cli su Pubblica per apportare le modifiche finali sul web.

Puoi fare la stessa cosa per aggiungere un link ipertestuale a un elemento Pulsante in qualsiasi punto del sito web. Fai clic qui per maggiori informazioni sulla creazione di link ipertestuali.

P.S.: se hai un'organizzazione no-profit, puoi usare il pulsante Fai una donazione con Paypal disponibile nell'editor di siti web Vistaprint.

P.P.S.: Se hai un abbonamento Premium all'editor di siti web Vistaprint puoi utilizzare il pulsante di acquisto Paypal integrato. Per saperne di più sull'uso di Paypal, fai clic qui.


Metodi di pagamento salvati

Per le altre modalità di pagamento, ti consigliamo di mettere a disposizione dei clienti diversi percorsi rapidi e facili per accedere direttamente al metodo di pagamento di preferenza utilizzando link ipertestuali nei pulsanti e/o nel testo con link ipertestuale. Vedi le note su Paypal fornite in precedenza per aggiungere link ipertestuali a testo e pulsanti per accedere ad altri metodi di pagamento.

Non raccogliere mai i dati della carta di credito dei tuoi clienti via e-mail o tramite l'invio di un modulo. Disporre di dati di pagamento registrati direttamente in un'e-mail o in un modulo inviato è pericoloso per te e per i clienti perché rende entrambi bersagli appetibili per gli hacker. Evita il furto d'identità e riduci il rischio di attacchi informatici usando strumenti di elaborazione dei pagamenti con sicurezza di livello bancario. In base a Termini e condizioni d'uso di Vistaprint è vietato raccogliere informazioni di identificazione personale sui clienti utilizzando i nostri strumenti. Utilizza solo strumenti di elaborazione di pagamenti professionali.

 

Personalizzazione avanzata dei pulsanti

Per personalizzare l'aspetto del pulsante di prenotazione degli appuntamenti, usa il seguente codice.

 

<style>  

.style-my-text {
  text-decoration: none;
  color: white;
  font-size: 16px;  
}  
.give-my-button-color {
  background-color: Green;    
}  
.set-the-width-of-my-button {
    width: 200px;
} 
.make-space-around-my-button-text{
    padding: 15px;
}  

.center-my-button {
  margin: 0 auto;
}  

.left-align-my-button {
  margin-left: 0;
  margin-right: auto;
}  

.right-align-my-button {
  margin-right: 0;
  margin-left: auto;
}  

.add-additional-styles-to-my-button {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  }

</style>

<div class = 
     "set-the-width-of-my-button 
      give-my-button-color 
      center-my-button 
      make-space-around-my-button-text 
      add-additional-styles-to-my-button" 
role="button" >

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="style-my-text" href="https://my.setmore.com/bookingpage/INSERT YOUR BOOKING PAGE HERE">Prenota un appuntamento</a></div>



 

Prenotazione di appuntamenti onlineSegui

Il sito Vistaprint si integra con strumenti di prenotazione di appuntamenti online gratuiti e a basso costo per rimanere in contatto a distanza con i clienti e continuare espandere il tuo business.

Molte piccole imprese stanno diventando virtuali per offrire corsi online, carte regalo digitali o appuntamenti video individuali con i clienti. Ecco alcuni consigli e tecniche dei nostri esperti per iniziare a erogare servizi virtuali. Per iniziare, parliamo della prenotazione di appuntamenti e di come offrirla sul tuo sito Vistaprint.

In questo articolo troverai:

  • Consigli per creare un'agenda di appuntamenti con Setmore.com
  • suggerimenti per estrarre il codice di incorporamento dall'account Setmore
  • istruzioni per incollarlo dell'elemento HTML dell'editor di siti web Vistaprint
  • suggerimenti professionali per pubblicazione, pagamento e scelta dello stile
N.B.: Vistaprint non è affiliato a Setmore, ma questo servizio è facile da usare e l'abbonamento di base è gratuito. Puoi utilizzare altri fornitori di servizi di prenotazione di appuntamenti online che offrono un codice di incorporamento nel sito Vistaprint. 

Creare un'agenda di appuntamenti online

Per creare la tua agenda online, vai su Setmore.com e crea un account se non ne hai già uno.

Attieniti alle istruzioni per configurare la tua attività. Per ulteriori dettagli, consulta la guida di assistenza di Setmore.

Al termine della configurazione, vai su Apps & Integrations (App e integrazioni), quindi scorri in basso fino a Website Booking (Prenotazione tramite sito web), quindi fai clic su Booking Widget (Widget di prenotazione).

Apps_intergration_booking_widget_1000px.gif

Dalla pagina Booking Widget (Widget di prenotazione), utilizza queste impostazioni consigliate per generare il codice di incorporamento che utilizzerai sul tuo sito Vistaprint (fai clic sull'immagine per ingrandirla).

Booking_widget_settings_embed_code_1000px.gif

 

Crea uno spazio sul tuo sito web per la prenotazione di appuntamenti

N.B.: se non hai ancora un sito web, puoi iniziare subito una prova gratuita di 30 giorni dell'editor di siti web Vistaprint. Nella prova gratuita puoi progettare e vedere in anteprima il tuo sito web. Attenzione: devi acquistare un abbonamento per pubblicare il tuo sito sul web. Dai un'occhiata ai modelli di siti web progettati in modo professionale e inizia la prova qui.

Se hai già un sito Vistaprint, scegli dove menzionare gli appuntamenti virtuali. Ad esempio, puoi aggiungere un trafiletto sugli appuntamenti nella parte superiore della homepage e creare una nuova pagina Appuntamenti con tutti i dettagli.

Una volta che hai identificato dove vuoi inserire il link della tua agenda online, passa il mouse su Aggiungi elemento Fai clic sul segno più verde per aprire il menu Elementi e seleziona l'elemento HTML dalla sezione Popolari (o in Extra).

Adding_HTML_pip_1000px.gif

Prima che tu possa aggiungere l'elemento al tuo sito, vedrai un messaggio che ti ricorda di utilizzare codice proveniente solo da fonti affidabili e che Vistaprint non garantisce la compatibilità con codice personalizzato. Fai clic su OK per iniziare a personalizzare l'elemento. 

customhtml_warning.jpg

Una volta aggiunto l'elemento HTML fai clic sullo spazio predefinito per aprire la barra degli strumenti e fai clic sull'icona dell'ingranaggio Impostazioni all'estrema sinistra. Vedrai il menu Codice di incorporamento.

customhtml_clickplaceholder.jpg

Fai clic sull'icona dell'ingranaggio per aggiungere il codice e fai clic su Aggiorna.

Torna alla pagina del widget di prenotazione su Setmore.com. Nella finestra del codice di incorporamento puoi selezionare tutto e copiare l'intero blocco di codice.

appointments_embedcode.jpg

Incollalo nel campo Codice di incorporamento nel menu Impostazioni dell'elemento HTML:

appointments_pastecode.jpg

Fai clic su Aggiorna per salvare il codice di incorporamento. Il pulsante di prenotazione avrà questo aspetto una volta pubblicato:

appointments_button.jpg

Fai clic su Pubblica.

Consulta l'intera procedura qui:

Adding_setmore_code_to_HTML_pip_900px.gif

 N.B.: se l'elemento HTML sembra ancora senza codice di incorporamento, controlla le impostazioni dell'elemento HTML per il codice di incorporamento copiato/incollato da Setmore.com e verifica di aver aggiornato il blocco completo di codice.

SUGGERIMENTO: in una scheda separata, vai sul tuo sito web online e prova la nuova agenda di appuntamenti online. Oppure, chiedi a un amico di farlo al posto tuo. Dopo aver verificato il corretto funzionamento del pulsante, potrai essere certo che funzionerà anche per i tuoi clienti.

 

Creare una pagina per gli appuntamenti

Oltre a creare uno spazio sulla tua home page in cui i clienti possano prenotare gli appuntamenti, puoi anche creare una pagina Appuntamenti dettagliata. 

Nell'editor di siti web, vai su Modifica pagine > Aggiungi pagina > Appuntamenti.

appointments_addpage.jpg

La pagina contiene:

  1. Intestazione del sito
  2. Modulo per titolo e HTML: qui devi aggiungere il codice di incorporamento del pulsante
  3. Modulo per titolo e paragrafo: qui puoi aggiungere ulteriori informazioni per i clienti, ad esempio il pagamento. 
  4. Piè di pagina del sito

appointments_appointmentspage.jpg

 

Riscuotere pagamenti e mance

Le piccole imprese stanno guadagnando grazie alla possibilità di addebitare costi per appuntamenti virtuali e lezioni online. Puoi fare lo stesso usando il tuo sito Vistaprint e altri strumenti gratuiti o a basso costo. I seguenti sono solo dei suggerimenti, poiché Vistaprint non è affiliata con nessuno dei seguenti servizi.


Square

Setmore.com permette agli utenti Basic gratis di eseguire l'integrazione con Square come strumento di elaborazione dei pagamenti. 

Se hai un account Square per l'elaborazione dei pagamenti (o vuoi crearne uno gratuito), collegando l'agenda per gli appuntamenti Setmore a Square puoi addebitare i costi ai clienti nel momento in cui prenotano un appuntamento con te. L'elaborazione dei pagamenti di Square viene inserita nel flusso di lavoro di prenotazione degli appuntamenti così da offrire un'esperienza fluida ai clienti.

Per saperne di più sulle opzioni di integrazione dei pagamenti di Setmore, vai qui: https://support.setmore.com/en/collections/87087-payments


Venmo


Se usi Venmo per il pagamento, aggiungi elementi titolo o paragrafo alla pagina indicando il tuo handle Venmo.

Puoi anche aggiungerlo ai dettagli dell'azienda, ai dettagli del personale e alle firme delle notifiche e-mail all'interno di Setmore. Per saperne di più su tutte le opzioni disponibili in Setmore, consulta i relativi articoli dell'assistenza qui: https://support.setmore.com/en/


PayPal


Se usi PayPal per il pagamento, identifica la tua pagina pubblica di PayPal. Di solito è Paypal.me/tuonomeutente. Questa è la pagina dove i clienti possono inserire un importo nella tua valuta e trasferirti il pagamento.

Questo è l'URL che aggiungerai come link ipertestuale nell'editor di siti web Vistaprint.

Ora aggiungerai un elemento Titolo o Paragrafo alla pagina web e ci inserirai il testo con link ipertestuale, ad esempio "Paga il servizio con Paypal"

Seleziona il testo e fai clic sul pulsante del link ipertestuale nella barra degli strumenti dell'elemento.

appointments_paypaltext.jpg

Ora seleziona un link esterno e incolla l'URL pubblico della tua pagina Paypal.

Fai clic su Salva modifiche.

Fai cli su Pubblica per apportare le modifiche finali sul web.

Puoi fare la stessa cosa per aggiungere un link ipertestuale a un elemento Pulsante in qualsiasi punto del sito web. Fai clic qui per maggiori informazioni sulla creazione di link ipertestuali.

P.S.: se hai un'organizzazione no-profit, puoi usare il pulsante Fai una donazione con Paypal disponibile nell'editor di siti web Vistaprint.

P.P.S.: Se hai un abbonamento Premium all'editor di siti web Vistaprint puoi utilizzare il pulsante di acquisto Paypal integrato. Per saperne di più sull'uso di Paypal, fai clic qui.


Metodi di pagamento salvati

Per le altre modalità di pagamento, ti consigliamo di mettere a disposizione dei clienti diversi percorsi rapidi e facili per accedere direttamente al metodo di pagamento di preferenza utilizzando link ipertestuali nei pulsanti e/o nel testo con link ipertestuale. Vedi le note su Paypal fornite in precedenza per aggiungere link ipertestuali a testo e pulsanti per accedere ad altri metodi di pagamento.

Non raccogliere mai i dati della carta di credito dei tuoi clienti via e-mail o tramite l'invio di un modulo. Disporre di dati di pagamento registrati direttamente in un'e-mail o in un modulo inviato è pericoloso per te e per i clienti perché rende entrambi bersagli appetibili per gli hacker. Evita il furto d'identità e riduci il rischio di attacchi informatici usando strumenti di elaborazione dei pagamenti con sicurezza di livello bancario. In base a Termini e condizioni d'uso di Vistaprint è vietato raccogliere informazioni di identificazione personale sui clienti utilizzando i nostri strumenti. Utilizza solo strumenti di elaborazione di pagamenti professionali.

 

Personalizzazione avanzata dei pulsanti

Per personalizzare l'aspetto del pulsante di prenotazione degli appuntamenti, usa il seguente codice.

 

<style>  

.style-my-text {
  text-decoration: none;
  color: white;
  font-size: 16px;  
}  
.give-my-button-color {
  background-color: Green;    
}  
.set-the-width-of-my-button {
    width: 200px;
} 
.make-space-around-my-button-text{
    padding: 15px;
}  

.center-my-button {
  margin: 0 auto;
}  

.left-align-my-button {
  margin-left: 0;
  margin-right: auto;
}  

.right-align-my-button {
  margin-right: 0;
  margin-left: auto;
}  

.add-additional-styles-to-my-button {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  }

</style>

<div class = 
     "set-the-width-of-my-button 
      give-my-button-color 
      center-my-button 
      make-space-around-my-button-text 
      add-additional-styles-to-my-button" 
role="button" >

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="style-my-text" href="https://my.setmore.com/bookingpage/INSERT YOUR BOOKING PAGE HERE">Prenota un appuntamento</a></div>



 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day