Come aggiungere un widget di prenotazione Mindbody al tuo negozio Shopify

Un cliente trova il tuo studio online, approda sul tuo negozio Shopify e acquista un pacchetto da 10 lezioni. Ottimo. E adesso? In molti casi, è proprio qui che si blocca l'esperienza. Il cliente ha pagato, ma non ha un modo chiaro per prenotare una lezione e, pochi minuti dopo, riceve un'email con una password da un'azienda chiamata "Mindbody" di cui non ha mai sentito parlare.

Questa guida risolve entrambi i problemi. Innanzitutto, vedremo come aggiungere un widget di prenotazione Mindbody direttamente al tuo negozio Shopify, in modo che i clienti possano prenotare in pochi clic. Successivamente, spiegheremo come vendere su Shopify anche se non puoi utilizzare il sistema di pagamento di Mindbody e come ShopConnect integra silenziosamente i due sistemi in background.

Non è necessario essere uno sviluppatore. Se sai modificare una pagina su Shopify, puoi fare tutto questo.

---

Parte 1: Aggiungere un widget di prenotazione Mindbody al tuo negozio Shopify

L'obiettivo è semplice: una pagina "Prenota ora" sul tuo negozio Shopify che mostri in tempo reale la disponibilità delle tue sessioni Mindbody, in modo che i clienti possano prenotare senza mai uscire dal tuo sito.

Ecco cosa ti servirà per prima cosa

• La tua mente-corpo Sito web di marca Snippet di codice del widget (lo trovi nel tuo account Mindbody)
• Un piano Shopify con un negozio online (Basic, Grow, Advanced o Plus)
• Accesso amministrativo al tuo negozio Shopify
• Un tema per negozi online 2.0 (come Dawn)

Se possiedi tutto ciò, sei pronto.

Passaggio 1: crea la pagina

Nel pannello di amministrazione di Shopify, vai a Negozio online → Pagine → Aggiungi pagina.

Assegna un titolo come "Prenota ora". Questo titolo crea anche l'indirizzo web della pagina. Se vuoi, puoi aggiungere una breve introduzione nella casella Contenuto, quindi fai clic su Salva.

Passaggio 2: crea un modello personalizzato

Mentre stai ancora modificando la pagina, guarda il lato destro per il Modello menu a tendina. Fai clic su di esso e scegli Crea modello.

Assegna al modello il nome della tua pagina (ad esempio, "prenota ora") e utilizzalo Pagina predefinita come base. Clicca Salva.

In questo modo, la tua pagina di prenotazione avrà un template dedicato, permettendoti di inserire il widget senza influire sul resto del tuo negozio.

Passaggio 3: Aggiungere il codice del widget con una sezione Liquid personalizzata

Ora vai a Negozio online → Temi e clicca Personalizzare sul tuo tema live.

Utilizza il menu a tendina delle pagine in alto per selezionare la nuova pagina e il modello appena creati. Nel pannello di sinistra, fai clic su Aggiungi sezione → Liquido personalizzato.

Incolla il codice del widget di prenotazione Mindbody nell'apposito spazio. Il codice ha questo aspetto:

<div class="mindbody-widget" data-widget-type="Schedules" data-widget-id="XXXXXXXXXXX"></div>
<script async src="https://brandedweb.mindbodyonline.com/embed/widget.js"></script>

Sostituire il XXXXXXXXXXX con il tuo ID widget personale di Mindbody. Fai clic Salvae l'anteprima del widget di prenotazione apparirà immediatamente.

Passaggio 4: rendere visibile la pagina

Torna indietro a Negozio online → Pagine e apri la tua pagina.

Impostato Visibilità → Visibile, quindi fai clic SalvaVisita l'indirizzo web della pagina per verificare che il widget si carichi e che il tuo programma venga visualizzato.

Passaggio 5: Aggiungi la pagina al menu del tuo negozio

Ultimo passaggio: rendi la pagina facile da trovare. Vai a Negozio online → Navigazione e apri il tuo Menù principale.

Clic Aggiungi voce di menu, chiamalo “Prenota ora” e collegalo alla pagina che hai creato. Fai clic Aggiungere, Poi Salva.

Ecco fatto. Ora i clienti possono prenotare direttamente dal tuo negozio.

Opzionale: aggiungi anche una pagina di registrazione

Se desideri anche una pagina di registrazione, ripeti i passaggi da 1 a 4 utilizzando invece questo codice per il widget di registrazione:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget data-type="registrations" data-widget-partner="object" data-widget-id="XXXXXXXXXXX" data-widget-version="0"></healcode-widget>

Successivamente, crea un collegamento incrociato tra le due pagine in modo che i clienti possano passare facilmente dalla prenotazione alla registrazione.

---

Parte 2: Vendere su Shopify senza il sistema di elaborazione pagamenti Mindbody

In alcune regioni, il sistema di elaborazione dei pagamenti di Mindbody non è disponibile, il che significa che non è possibile accettare pagamenti direttamente tramite Mindbody. La buona notizia è che è comunque possibile vendere servizi, pacchetti e abbonamenti su Shopify e far sì che tutto venga correttamente trasferito a Mindbody. Il flusso di lavoro cambia leggermente: prima si acquista, poi si prenota.

Come funziona il flusso

1. Un cliente acquista un servizio, un pacchetto o un abbonamento sul tuo negozio Shopify.
2. ShopConnect crea o abbina il loro record cliente Mindbody e registra l'acquisto, quindi il loro credito è già presente negli archivi di Mindbody.
3. Il cliente accede quindi a Mindbody per prenotare l'appuntamento o la lezione vera e propria.

ShopConnect è il sistema che collega i due sistemi. Il cliente paga su Shopify e ShopConnect si assicura che l'acquisto venga registrato correttamente in Mindbody, senza che tu debba reinserire alcun dato.

L'unico aspetto ruvido e come levigarlo

C'è un momento che può confondere i clienti se non ci si prepara. Dopo aver effettuato il pagamento sul tuo negozio Shopify, Mindbody invia loro un'email con la password. Per un cliente che non ha mai sentito parlare di "Mindbody", quell'email può sembrare spam e potrebbe essere ignorata. A quel punto si chiederanno dove sia finita la loro lezione.

La soluzione è la comunicazione. I documenti raccomandano un singolo messaggio principale che riutilizzi nelle email che i clienti ricevono dopo l'acquisto:

"Grazie per aver effettuato questo acquisto dal nostro negozio online! Tieni d'occhio la tua email per la password dal nostro software di prenotazione online, Mindbody OnlineUna volta impostata la password, fai clic Qui per prenotare il tuo appuntamento o la tua lezione."

La parola "qui" rimanda alla tua pagina di prenotazione (la stessa pagina "Prenota ora" di Shopify che hai creato nella Parte 1, o una pagina equivalente su un altro sito web).

Dove inserire il messaggio: tre email

Il messaggio principale viene adattato alle tre email che un cliente riceve dopo un acquisto.

Email 1: la conferma d'ordine di Shopify. In Shopify, vai a Impostazioni → Notifiche → Conferma dell'ordineAggiungi il messaggio principale nella parte superiore dell'email, sopra il riepilogo dell'ordine. Questo definisce le aspettative del cliente nel momento in cui completa l'acquisto, mentre è ancora attento.

Email 2: l'email di Mindbody "Hai dimenticato le credenziali di accesso?". Si tratta di un'email automatica condivisa, quindi non è possibile sostituirla completamente. Invece, aggiungi un blocco condizionale dopo il contenuto esistente:

“Hai appena effettuato un acquisto nel nostro negozio online? Dopo aver effettuato l'accesso con le informazioni sopra indicate, fai clic Qui Per prenotare l'appuntamento o la lezione che hai acquistato, il tuo acquisto è già registrato.

Troverai questa opzione nelle impostazioni delle email automatiche di Mindbody Business. Fornisce al cliente le sue credenziali di accesso, collegandole all'acquisto appena effettuato.

Email 3: l'email di benvenuto di Mindbody. Modifica la versione in modalità business, poiché ShopConnect crea i client in modalità business. Aggiungi lo stesso tipo di blocco:

“Hai appena effettuato un acquisto nel nostro negozio online? Accedi al tuo account, quindi fai clic Qui Per prenotare l'appuntamento o la lezione che hai acquistato, il tuo acquisto è già registrato.

Questa informazione è presente anche nelle email automatiche di Mindbody Business. Rafforza la fase di prenotazione durante il processo di onboarding.

Dove dovrebbero puntare i link “qui”

Ogni link “qui” dovrebbe indirizzare i clienti a una pagina con il widget di prenotazione web personalizzato di Mindbody incorporato. Hai due opzioni:

• Una pagina Shopify (richiede il piano Base o superiore, non disponibile con il piano Starter). Questa è esattamente la pagina "Prenota ora" della Parte 1.
• Un sito web esterno. Se la tua pagina di prenotazione si trova su Squarespace, Wix, WordPress o un'altra piattaforma, incorpora il widget lì e indirizza i link a quella pagina.

In entrambi i casi, si tratta della stessa pagina mostrata alla fine della Parte 1: testo esplicativo in alto, widget di prenotazione in basso.

Un luogo che vale la pena conoscere

ShopConnect include un Send_mbo_password_reset_email Impostazione che controlla se ShopConnect invia automaticamente l'email di reimpostazione della password di Mindbody. È utile sapere che esiste, in modo da poter allineare i messaggi email al contenuto effettivamente inviato.

---

Perché è importante

Un widget di prenotazione e tre email precompilate non sembrano granché. Ma insieme colmano la lacuna più comune nella vendita online di servizi fitness e benessere: il momento tra "Ho pagato" e "Ho prenotato". È proprio in questo intervallo che i clienti si confondono, rinunciano o ti scrivono chiedendo dove si è svolta la loro lezione.

Integrare il widget di prenotazione direttamente nel tuo negozio Shopify elimina la necessità di passaggi intermedi. Preparare le email post-acquisto elimina le sorprese. E ShopConnect elimina il lavoro manuale intermedio, abbinando gli acquisti al cliente Mindbody corretto, evitando così di dover riconciliare manualmente due sistemi.

Punti chiave

• La creazione del widget di prenotazione è un'operazione in cinque passaggi su Shopify. Crea una pagina, assegnale un modello, inserisci il codice del widget Mindbody tramite Liquid personalizzato, rendilo visibile e aggiungilo al tuo menu.
• Puoi vendere su Shopify senza bisogno dell'elaborazione dei pagamenti di Mindbody. Il flusso di lavoro diventa "prima compra, poi prenota" e ShopConnect registra automaticamente ogni acquisto associandolo al client Mindbody corretto.
• La comunicazione è fondamentale nel flusso di elaborazione senza pagamento. Un unico messaggio principale, adattato a tre diverse email, evita la confusione del tipo "cos'è questa email relativa alla password di Mindbody?".
• I link "qui" e il widget di prenotazione dovrebbero trovarsi sulla stessa pagina. Crealo una volta, e inserisci i link ovunque.

Gestisci ShopConnect e hai bisogno di aiuto per far comunicare il tuo negozio Shopify con Mindbody? Contatta il team di APIANT, saremo lieti di assisterti.