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).

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).

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

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).

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. 

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.

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.

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

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

Fai clic su Pubblica.

Consulta l'intera procedura qui:

 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.

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.

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

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.

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.

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.

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>