Tour interattivi dei prodotti per la formazione

I tour interattivi dei prodotti hanno da tempo educato i potenziali acquirenti, e Usetiful L'approccio di questo tipo rende ora poco costoso l'utilizzo di una tecnologia simile per la formazione dei team che si rivolgono ai clienti.

In questo articolo, lo faremo:

• Guida alla procedura di impostazione dell'Usetiful
• Mostrate come creare Smart Tips, ideali per rinforzare l'addestramento nel contesto.
• Dimostrare come si crea un semplice tour del prodotto

Si noti che stiamo scrivendo questa guida con la versione GRATUITA.

Iniziamo con gli avvertimenti, poiché questo tipo di soluzioni ne ha generalmente un paio.

Caveats

Usetiful ha i seguenti requisiti.

• Il prodotto funziona solo con applicazioni basate sul Web.
• È necessario installare l'estensione di Chrome per catturare le aree dello schermo per aggiungere tour, suggerimenti e liste di controllo.
• È necessario inserire un piccolo frammento di codice JavaScript nell'applicazione web affinché il prodotto funzioni con essa.  OSe si utilizza WordPress, installare il plug-in.

Come iniziare con l'Usetiful

Poiché questo è il nostro primo articolo sull'Usetiful, esamineremo rapidamente il processo di configurazione prima di immergerci nell'uso del prodotto per l'erogazione dell'apprendimento.

Installare l'estensione per Chrome

Quando si configura il prodotto per la prima volta, si accede al Chrome Store per installare l'estensione.

Tuttavia, se non è stato installato, l'interfaccia utente includerà sempre un link utile; è sufficiente scegliere l'opzione "Anteprima con plugin".

È inoltre necessario navigare fino all'opzione "Installa nel tuo sito...", che presenta due scelte.

Nota di WordPress

Se si utilizza il plug-in di WordPress, viene richiesto di inserire due chiavi. Si tratta in realtà dello stesso valore che si può trovare cliccando sull'opzione Advanced Set-Up.  

Verrà visualizzato un codice simile a:

r.dataset.token = "abcdef123456;
a.appendChild(r);

Prendete il vostro valore (vedi grassetto sopra) e copiatelo in entrambe le caselle del plug-in:

Ricordate che i dati utilizzati in questo esempio non sono dati reali, utilizzate quelli che trovate nella vostra configurazione.

Se non utilizzate WordPress

Se si sceglie "Visitatori anonimi", si perdono le funzionalità di tracciamento, ma tutti i dati rimangono locali al browser web dell'utente. Il vostro team di sicurezza lo apprezzerà.

È possibile scegliere "Utenti collegati", che può essere utile per il rafforzamento della formazione, mostrando le informazioni solo a chi non le ha visualizzate in precedenza, ad esempio.

Per questa guida, sceglieremo l'opzione Anonimo. 

Così facendo, la pagina si aggiorna per mostrare il codice JavaScript da inserire nell'intestazione della pagina HTML del sito.

Nota: abbiamo testato questa impostazione su un sito WordPress e abbiamo utilizzato il plug-in "Insert Headers and Footers Code - HT Script" per testare il codice collegando l'estensione chrome Usetiful al nostro sito web.

Creare un suggerimento intelligente

Iniziamo con i suggerimenti intelligenti.

Che cos'è un consiglio intelligente?

I suggerimenti intelligenti consentono di inserire popup utili nell'applicazione, sia per tour interattivi dei prodotti che per scopi di formazione.

Come si crea uno Smart Tip?

Scegliere l'opzione di menu "Suggerimenti intelligenti". La pagina si aggiornerà in modo da assumere un aspetto simile a questo.

Nota: Poiché al momento non è stato configurato alcun suggerimento, l'interfaccia utente fornisce un utile pulsante grande per indicare da dove iniziare. È sufficiente fare clic sul pulsante "Crea suggerimenti intelligenti".

La pagina passa ora alla pagina di creazione.

Fare clic sull'icona di destinazione accanto a Elemento. Viene visualizzato un popup che chiede a quale sito web si vuole aggiungere il suggerimento; noi abbiamo scelto https://trustenablement.com perché è lì che abbiamo aggiunto il codice JavaScript. 

Selezionare il pulsante "Apri pagina" e il sito web si aprirà.

Ora.

Quando si passa il mouse sugli elementi della pagina web, questi si evidenziano per mostrare le informazioni necessarie per posizionare lo Smart Tag.

È sufficiente fare clic sulla casella blu evidenziata per copiare le informazioni.

Creazione del suggerimento intelligente

Torniamo a Usetiful e incolliamo le informazioni dell'elemento nella finestra, impostiamo il titolo del suggerimento e vediamo qualcosa di simile.

Le opzioni importanti di questa schermata sono le seguenti.

Display acceso

• Scegliete se volete che lo Smart Tip venga visualizzato al passaggio del mouse (quando il mouse passa sopra l'elemento).
• Oppure, fare clic, richiedendo all'utente di fare clic sull'elemento per visualizzare il suggerimento.
• Oppure, Focus, portare il mouse sull'elemento e lasciarlo lì.

Orientamento rispetto all'elemento

• Volete permettere all'Usetiful di posizionare la punta dove ritiene sia meglio?
• Oppure, si desidera impostare il posizionamento a destra, a sinistra, in alto o in basso?

Osserviamo il lato destro dello schermo e popoliamo il suggerimento con le informazioni.

Oltre alle opzioni di formattazione standard, è possibile:

• Includere immagini
• Inserire video da URL (non caricati)
• Aggiungere un modello (al di là dello scopo di questo articolo).
• Inserire codice da un'altra applicazione (ad esempio, si può incorporare un video di YouTube).

Impostare la descrizione, impostare Salva ed Esci, quindi il pulsante Pubblica.

E ora, tornare all'applicazione

Navigare nell'applicazione e aggiornare il browser.

Scorrete le Ultime raccomandazioni e vedrete qualcosa di simile a questo.

Con la versione a pagamento è possibile controllare ulteriormente l'aspetto, ma l'interfaccia utente GRATUITA è sufficiente per la formazione interna e i tour interattivi dei prodotti.

Creare un semplice tour interattivo del prodotto

Per creare il tour, tornare al menu principale e scegliere Tour, che mostra ancora una volta una schermata di facile utilizzo per iniziare. Scegliere il pulsante "Crea tour", chiaramente posizionato.

Creare il nostro tour

L'interfaccia di creazione del tour è simile alla schermata e al flusso di creazione dei suggerimenti intelligenti.

Da questa schermata è possibile:

• Impostare un titolo o nasconderlo.
• Impostare uno dei seguenti tipi:
  • Modale. Si apre al centro della pagina
  • Puntatore. Si apre accanto a un elemento specifico (si sceglie l'elemento come descritto sopra).
  • Slideout. Si apre da un lato dello schermo e si sceglie in basso a sinistra o in basso a destra.
• Si dà un nome ai pulsanti e se ne aggiungono altri.

Inoltre, nella metà inferiore di questa schermata, non visibile nell'immagine precedente, sono presenti altre opzioni (qui mostrate con tutte le opzioni selezionate per semplificare la nostra guida).

È possibile definire quali sono le richieste di avvio del tour se il feedback viene raccolto tramite emoji al centro della finestra.

Create il flusso a vostro piacimento, salvate e uscite, quindi pubblicate.

Pensieri finali

Ci auguriamo che questa panoramica delle funzionalità di formazione dell'Usetiful sia stata utile.

Aggiornamenti del prodotto

Novembre 2022

• Con l'ultimo aggiornamento, l'Usetiful supporta ora il versioning dei contenuti, facilitando il ritorno ai contenuti precedenti, se necessario.

In giro per il web

FAQs

Ultimo contenuto del blog

• The Challenges of the Digital Workplace and How to Overcome Them
  Novembre 22, 2023 di Bei
   The digital workplace offers an exciting new frontier in how we think about work. However, like any form of technological disruption, businesses must overcome specific challenges to unlock the potential benefits of this change.Let’s explore some of these roadblocks and see how a digital adoption platform (DAP) can provide an elegant solution.Image by DCStudio on […]
• Taking Advantage of Technology: The Role of Automation in the Modern Workplace
  Novembre 13, 2023 di Bei
   Humans have used technology to outsource labor since the Roman water grains in 1BC. However, The term automation has been in practice since the mid-40s when a manager at the US Ford car manufacturing plant used the word to describe its mechanized production line. Fast forward almost 80 years, and we have self-driving cars and […]
• 9 Ways to Know if Your Employee Software Training Needs a DAP
  Novembre 9, 2023 di Bei
   Employee software training is essential for teams that want to drive productivity, adopt new technology, and get an ROI from software spending. Thankfully, there are lots of great HR employee onboarding solutions out there to help you streamline and automate the integration of new hires into your organization. HR employee onboarding software is great for collecting […]
• 1991 Accelerator & Usetiful: Supporting the Ukrainian Startup Community
  Ottobre 30, 2023 di Bei
   As Ukraine continues its brave battle against invading Russian forces, assistance from the global community can come in different forms. Military aid, food, and health supplies are vital to support the country through this difficult time. However, these programs must go hand in hand with long-term development strategies that provide a path toward rebuilding Ukraine's […]
• Best Practices for Customer Onboarding
  Ottobre 17, 2023 di Bei
   Effective customer onboarding helps you make a positive first impression, increase adoption, and reduce churn. However, while most businesses understand the benefits of great onboarding experiences, they don’t always know how to unlock them. But don’t worry; our list of customer onboarding best practices is here to change all that.Image by FreepikWhat is customer onboarding?Customer onboarding […]
• Surveys vs Forms: What are the differences and How to use them
  Ottobre 10, 2023 di Bei
   While surveys and forms sound similar, they are different things with their own goals, formats, and best practices. However, they are both crucial elements of customer success because they allow you to collect a vital resource: feedback.Any company worth its salt needs feedback. It allows you to improve your product and understand your customers at […]
• What to Look for in Employee Onboarding Software
  Settembre 26, 2023 di Bei
   Good employee onboarding has a significant impact on retention, job satisfaction, and engagement. While this has been common knowledge in the business community for years, putting the theory into practice is still a persistent issue for many organizations.Onboarding is about far more than just signing documents, getting login credentials, and meeting a new team. It’s […]
• Customer Self-Service Widget, Making It Easy for Customers to Get Help
  Settembre 20, 2023 di Bei
   Advances in our understanding of UI/UX mean that apps and websites are easier to use and more intuitive than ever. But no matter how flawless designs become, customers will need help occasionally. Users approach technology from different levels of experience and know-how, so it's essential to provide assistance when they need it and where they need […]

Usetiful Concorrenti

Prezzi

Il prodotto offre una versione gratuita e diversi pacchetti a pagamento.

Libero

• 1 tour del prodotto e 1 pagina con consigli intelligenti
• 2000 assist / mese
• 1 membro del team

Più

Tutto in Gratis, più:

• 29€/mese
• Visite illimitate, consigli intelligenti e liste di controllo
• 5.000 assistenze / mese
• fino a 2 membri del team
• Lista di controllo per l'imbarco
• Temi personalizzabili per un look nativo
• Analisi dell'uso
• Segmentazione di base
• Supporto prioritario via e-mail
• 14 giorni di prova gratuita
• Garanzia di rimborso di 30 giorni

Premium

Tutto in più, e:

• 99€/mese
• Visite illimitate, consigli intelligenti e liste di controllo
• 20.000 assistenze / mese
• fino a 7 membri del team
• Nessuna filigrana Usetiful
• Sicurezza aggiuntiva dell'account
• Supporto e-mail e video
• Accordo per il trattamento dei dati

Impresa

Tutto in Premium, più:

• Prezzo non fornito
• tutti gli assist di cui hai bisogno
• tutti i membri del team di cui hai bisogno
• Permessi di squadra avanzati
• Contratto personalizzato e DPA
• Integrazioni