Guida i visitatori passo dopo passo nel tuo sito o nella tua app, anche tra più pagine.

Apri Tour del prodotto nel menu.

Un tour del prodotto mostra un fumetto accanto a un vero pulsante, campo o menu del tuo sito, un passaggio alla volta. È ideale per accogliere i nuovi utenti, spiegare una novità o guidare una configurazione. Funziona su qualsiasi sito o app web con il Messenger installato, compresi i prodotti SaaS per utenti che hanno effettuato l’accesso.

Creare un tour

Fai clic su Nuovo tour e dagli un nome.
Aggiungi i passaggi (fino a 10). Per ogni passaggio:
- Elemento — fai clic sul cursore nel campo. Il tuo sito si apre in una nuova finestra; fai clic sull’elemento desiderato e il suo selettore viene inserito. Puoi anche scrivere un selettore CSS. Lascia vuoto per un passaggio al centro dello schermo.
- Pagina (facoltativa) — la pagina del passaggio, ad es. /impostazioni. Lascia vuoto per restare sulla pagina attuale.
- Posizione del fumetto — automatica, oppure sotto, sopra, a destra o a sinistra dell’elemento.
- Titolo e testo — brevi e chiari. Puoi tradurre ogni passaggio; una traduzione vuota mostra il testo nella lingua del tuo spazio.
Scegli il colore e come parte il tour.

Nella finestra di selezione, usa Sfoglia le pagine per andare prima su un’altra pagina, poi Scegli.

Tour su più pagine

Assegna una Pagina a un passaggio e il tour porta lì il visitatore quando raggiunge quel passaggio, poi continua sulla nuova pagina. Il visitatore può andare avanti e indietro; il tour ricorda dov’era per 30 minuti in quella scheda. Le pagine devono essere sullo stesso sito del Messenger.

Come parte un tour

Da solo sulle pagine corrispondenti — scegli pagine e ritardo in Chi e quando. Ogni persona lo vede una volta: non riparte dopo essere stato completato o chiuso, e al massimo una volta al giorno se non completato.
Solo dalla tua pagina — avvialo con JavaScript, ad esempio da un link «Fammi fare un giro»:

Shopxare('startTour', 'ID_TOUR')

L’editor mostra la riga esatta da copiare. Avviato così, un tour può sempre essere ripetuto.

Provalo prima di pubblicarlo

In Sul tuo sito, inserisci l’indirizzo della pagina e fai clic su Anteprima sul tuo sito. Il tour si vede solo da te, anche in bozza, e non viene conteggiato. Il link di anteprima vale un’ora.

Consigli per selettori stabili

I selettori basati su ID o su tuoi attributi continuano a funzionare anche se il design cambia. Aggiungi un attributo data-tour agli elementi da indicare:

<button data-tour="nuovo-progetto">Nuovo progetto</button>

e usa [data-tour="nuovo-progetto"] come elemento. Se un elemento non viene trovato entro 3 secondi, il passaggio si apre al centro dello schermo.

Risultati

Ogni tour mostra quante persone lo hanno visto, completato e chiuso, contando ogni persona una volta. Puoi anche scegliere un pubblico o un segmento e le date di inizio e fine.