Guida SitPup
Come aggiungere un widget di prenotazione a Wix
Wix offre due modi davvero diversi per aggiungere codice incorporato, adatti a obiettivi diversi. Qui vediamo quale scegliere, più il passaggio del layout mobile che gli utenti Wix tendono a scoprire troppo tardi.
5 min di lettura
Pagina SitPup collegata: Widget di prenotazione
Finisci prima la configurazione di SitPup
La parte Wix richiede un paio di minuti. La parte che decide se il flusso di prenotazione è davvero utile avviene prima, in SitPup.
Apri la pagina Widget, aggiungi i tuoi servizi con prezzi e capienza, attiva gli animali che accetti, imposta la tua disponibilità nella pagina Calendario, poi pubblica dalla sezione Incorpora widget. Pubblicare è ciò che genera il tuo codice, quindi non c'è niente da incollare finché questo non è fatto.
Opzione 1: incorpora un widget, per una singola pagina
Questa è la scelta giusta quando vuoi il pulsante in un punto specifico di una pagina specifica, posizionato visivamente come qualsiasi altro elemento.
- 1
Apri il pannello aggiungi
Nell'editor Wix, clicca sull'icona più nella barra laterale sinistra.
- 2
Scegli incorpora, poi incorpora un widget
A seconda della tua versione di Wix questo potrebbe essere elencato sotto "Codice Incorporato" o "Elementi Incorporati Personalizzati". Portano allo stesso posto.
- 3
Incolla il codice SitPup
Clicca dentro l'elemento incorporato, scegli l'opzione per inserire codice, e incolla entrambe le righe.
- 4
Ridimensiona e posiziona l'elemento
Wix renderizza l'elemento incorporato dentro un riquadro fisso che trascini e ridimensioni. Dagli tutta la larghezza della tua colonna di contenuto e abbastanza altezza perché il pulsante non venga tagliato.
Wix esegue gli elementi incorporati dentro un proprio frame. Va bene così: il widget è autonomo e non ha bisogno di accesso al resto della tua pagina per funzionare.
Opzione 2: codice personalizzato, per l'intero sito
Se vuoi il pulsante su più pagine, aggiungere un elemento incorporato a ognuna manualmente diventa noioso e incoerente. Wix ha un'impostazione apposita per questo.
Vai su Impostazioni, poi Codice Personalizzato, e aggiungi lì il codice SitPup. Scegli su quali pagine viene caricato, tutte o una selezione specifica, e se viene caricato nell'head o alla fine del body. Per un pulsante di prenotazione, il body è la scelta giusta.
Codice Personalizzato è disponibile sui piani a pagamento di Wix con un dominio collegato. Su un sito Wix gratuito ti servirà invece il percorso Incorpora un Widget.
Dove posizionarlo su un sito di pet care
Il pulsante converte meglio dove un visitatore ha appena letto qualcosa che gli fa venire voglia di prenotare. Sui siti di pet care, di solito è la fine di una descrizione di servizio, subito dopo i tuoi prezzi, o come prima opzione sulla tua pagina contatti, sopra il modulo di contatto.
Il fondo di una lunga homepage è la posizione più debole, perché presuppone che le persone scorrano fin lì, e le analitiche sui siti di piccole attività mostrano costantemente che la maggior parte non lo fa. Se stai decidendo tra due posti, usali entrambi; lo stesso codice funziona in quanti più posti vuoi.
Controlla il layout mobile separatamente
Questo è il passaggio specifico di Wix che le persone si perdono. Wix mantiene un layout mobile separato da quello desktop, e gli elementi che posizioni su desktop non sempre finiscono in modo sensato su mobile.
Passa alla vista mobile nell'editor e guarda specificamente l'elemento incorporato. I problemi comuni sono l'elemento completamente nascosto, ridotto al punto che il pulsante è illeggibile, o sovrapposto alla sezione sottostante. Sistemalo lì, perché la maggioranza dei tuoi visitatori vedrà quella versione piuttosto che quella desktop.
Pubblica, poi invia una vera prenotazione di prova
Le modifiche nell'editor Wix non sono live finché non pubblichi, quindi il primo passaggio è ovvio ma facile da dimenticare in fretta.
Poi apri l'URL pubblicato in una finestra privata del browser, clicca sul pulsante, e invia una vera richiesta di prova con date e dati dell'animale compilati. Controlla che appaia sotto Prenotazioni nel tuo pannello SitPup con tutto quello che ti aspettavi di vedere. Ripeti il clic sul tuo telefono. Solo allora manda traffico reale alla pagina.
Punti chiave
- Configura servizi, prezzi e disponibilità in SitPup e pubblica prima di aprire l'editor Wix.
- Usa Incorpora un Widget per una pagina; usa Impostazioni, poi Codice Personalizzato, per un pulsante su tutto il sito.
- Codice Personalizzato richiede un piano Wix a pagamento con un dominio collegato.
- Wix mantiene un layout mobile separato: controlla e sistema l'incorporamento anche lì.
- Pubblica, poi testa dalla pagina live su desktop e telefono prima di mandare traffico.
Ottieni il tuo pulsante di prenotazione per Wix
Configura il modulo, pubblica, e incolla lo snippet in un elemento incorporato o in Codice Personalizzato.