Tour del prodotto / onboarding

Mostra il tuo prodotto, non spiegarlo.

I nuovi utenti si registrano, si perdono, poi abbandonano. I tour Yaplet li guidano al momento aha con tooltip ancorati ai tuoi veri pulsanti, evidenziazione del target e trigger per URL o comportamento. Costruiti in un editor punta e clicca, nessun codice per step.

  • Tooltip ancorati a elementi DOM reali
  • Nessun codice per step. Punta, clicca, scrivi.
  • Mette in risalto il target e oscura il resto della pagina
  • Attiva i tour per URL o comportamento del visitatore
Valutazione media 4,9
G2Capterra su G2 & Capterra No-code
Step 2 · di 5Momento aha Obiettivo

Direttamente nel tuo prodotto

Un overlay sulla pagina, nessun documento separato.

I tour si eseguono sopra la tua app reale: stessi pulsanti, stessi menu. Yaplet ancora il tooltip all'elemento che scegli ed evidenzia l'obiettivo, così gli utenti vedono cosa cliccare senza dover confrontare uno screenshot.

app.example.com/dashboard
La tua app

Passaggio 2 di 5

Apri la posta in arrivo

Ogni conversazione arriva qui: chat, email e altro ancora.

Ancorato agli elementi reali

Clicca su qualsiasi pulsante, menu o campo con il selettore visivo. Il tooltip segue l'elemento attraverso i cambiamenti di layout.

Avviato per URL

Imposta un URL di partenza. Il tour attende la pagina giusta prima di aprirsi, quindi non si attiva mai nel posto sbagliato.

Selettori di riserva

Aggiungi selettori di backup per ogni passaggio. Se l'elemento è assente, Yaplet prova il successivo.

Salta se nascosto

Passaggi legati a UI opzionale? Yaplet li salta quando il target non è sullo schermo.

Dentro Yaplet Tours

Tutto ciò che ti serve per guidare gli utenti in-app.

Stessa dashboard della tua chat, CRM e base di conoscenza. Uno strumento, non cinque. Builder punta e clicca, trigger comportamentali e step che resistono a un prodotto reale senza add-on o muri di upgrade.

Builder visivo no-code

Apri la tua app, clicca un elemento, scrivi il messaggio. Trascina gli step per riordinarli e visualizza l'anteprima man mano. Nessun codice per step.

Target per selettore

Ogni step si ancora a un selettore CSS che scegli visivamente. Il tooltip segue l'elemento ovunque si trovi sulla pagina.

Trigger per URL o comportamento

Mostra il tour giusto all'utente giusto: ha visitato X ma non ha fatto Y, su una pagina specifica, su un piano specifico. Più di 'prima visita'.

Multi-step con progresso

Concatena quanti step ti servono. I visitatori vedono una riga di punti di avanzamento e possono andare avanti al proprio ritmo.

Evidenzia il target

Yaplet mette in risalto l'elemento e oscura il resto della pagina, così gli utenti sanno dove guardare senza un groviglio di frecce.

Testo, video e link

Mescola tipi di step: post tooltip, puntatore con testo, puntatore video, o uno step che apre semplicemente un URL.

Selettori di fallback

Aggiungi selettori di backup per step. Se la tua UI cambia, il tour cade su di essi invece di rompersi.

Contenuto multilingua

Scrivi ogni step nelle lingue parlate dal tuo pubblico. Yaplet mostra il testo giusto al visitatore giusto.

Responsive per mobile

I tour funzionano su telefono e desktop. I tooltip si riposizionano, le dimensioni si adattano, nessun overflow imbarazzante.

Onboarding

Riduci l'abbandono nell'attivazione nei primi 5 minuti

La maggior parte degli utenti decide se rimarrà durante la prima sessione. Yaplet li guida al momento aha nel momento in cui si registrano, senza un articolo di aiuto o un ticket di supporto.

  • Il tour di benvenuto parte sull'URL della dashboard, nessun setup necessario nella tua app
  • Mostra agli utenti dove si trovano i pulsanti importanti, nell'UI reale
  • Salta gli step quando un elemento non c'è, così gli account parziali non vedono mai un tour rotto
Onboarding

Scoperta delle funzionalità

Fai trovare agli utenti esistenti le funzionalità che hai rilasciato

Hai rilasciato qualcosa di fantastico e nessuno se n'è accorto. Esegui un tour mirato sulla pagina dove vive, così gli utenti esistenti vedono cosa c'è di nuovo in pochi secondi senza aprire il tuo changelog.

  • Punta solo sulla pagina rilevante: prezzi, impostazioni, la nuova funzionalità stessa
  • Uno step, due step, o una guida completa
  • Metti in risalto il nuovo elemento e spiegalo in linguaggio semplice
Scoperta delle funzionalità

Live in pochi minuti

Progetta gli step, inserisci uno snippet, pubblica

Salta l'SDK e il codice per step. Apri la tua app nel builder Yaplet, clicca gli elementi che vuoi evidenziare, scrivi i messaggi, premi pubblica.

1

Progetta i tuoi step

Apri la tua app nel builder visivo di Yaplet. Clicca un elemento, scrivi il tooltip, ripeti. Trascina per riordinare.

2

Inserisci uno snippet

Aggiungi lo stesso snippet Yaplet che useresti per la live chat. Un'installazione per chat, tour, sondaggi e altro.

3

Pubblica e punta

Imposta l'URL di avvio, scegli chi lo vede e rilascia. Modifica quando vuoi, nessun redeploy da parte tua.

Installa snippethtml
<!-- Uno snippet alimenta chat, tour e il resto di Yaplet -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
  Yaplet.initialize("YOUR_WIDGET_ID");
</script>

Rilascia il tuo primo tour in meno di 10 minuti

Smetti di scrivere documentazione che nessuno legge. Crea un tour oggi con il piano gratuito per sempre, senza carta di credito, e ripubblica ogni volta che il tuo prodotto cambia.

Nessuna carta di credito Piano gratuito per sempre Cancella quando vuoi

Domande frequenti

Come funzionano i tour Yaplet

Risposte brevi e sincere. Ancora dubbi? Apri una chat e ti rispondiamo.

Parla con una persona vera

Usiamo Yaplet anche noi. Mettici alla prova.

Dentro la tua app. Una volta installato lo snippet Yaplet, i tour si rendono come overlay sopra la tua UI reale. I tooltip si ancorano ai tuoi veri pulsanti, menu e moduli.

No. Progetti ogni step nel builder visivo di Yaplet: apri il tuo prodotto nel builder, clicca l'elemento che vuoi evidenziare, digita il messaggio, e Yaplet cattura il selettore per te.

Imposti un URL di avvio sul tour, più condizioni opzionali di visitatore e comportamento (pagina, tempo sulla pagina, proprietà personalizzate, frequenza). Yaplet apre il tour solo quando corrispondono.

Ogni step può avere selettori di fallback che Yaplet prova in ordine. Puoi anche contrassegnare uno step come 'salta se nascosto' così un elemento opzionale non rompe mai il flusso.

Quattro tipi: un post centrato, un tooltip puntatore su un elemento, un puntatore con video incorporato, e uno step link che invia il visitatore a un altro URL. Usali in qualsiasi combinazione.

Sì. I tour supportano il targeting per visitatore e pagina, così puoi eseguire un tour di benvenuto per i nuovi iscritti e un tour di scoperta delle funzionalità solo per gli utenti su un piano o pagina specifica.

Sì. I tooltip si riposizionano per schermi più stretti e l'anello di evidenziazione si ridimensiona a qualsiasi elemento su cui hai ancorato. Lo stesso tour funziona su telefono e desktop.

Recensioni

Le persone ci amano

Amato da persone e team che si preoccupano di rendere ogni interazione con il cliente più efficace ed efficiente.

G2G2
4.9/ 5
Eccellente
CapterraCapterra
4.9/ 5
Eccellente
"Abbiamo sostituito tre strumenti con Yaplet e il nostro tempo di risposta è sceso da 4 ore a 2 minuti. L'AI quasi sempre ci azzecca."
MK

Maya K.

Responsabile del supporto, azienda SaaS

"La configurazione è stata onestamente la più semplice che abbia fatto in 10 anni. Eravamo online lunedì mattina e rispondevamo ai ticket prima di pranzo."
JD

James D.

Fondatore, piccola impresa

"Vex AI gestisce circa l'80% delle nostre domande da solo. Il mio team finalmente riesce a concentrarsi sulle conversazioni che richiedono davvero un essere umano."
SP

Sara P.

Responsabile del successo cliente