---
title: "Configurare l'estensione Guida interattiva all'app"
description: "Create un tutorial integrato e guidate i vostri utenti attraverso il primo lancio della vostra app.  Il Walkthrough è disponibile solo sui dispositivi mobili&nb"
canonical_url: "https://it.goodbarber.com/help/shop/organizzare-il-tuo-contenuto-r121/configurare-l-estensione-guida-interattiva-all-app-a505/"
lang: it
---

# Configurare l'estensione Guida interattiva all'app

Source: https://it.goodbarber.com/help/shop/organizzare-il-tuo-contenuto-r121/configurare-l-estensione-guida-interattiva-all-app-a505/

Create un tutorial integrato e guidate i vostri utenti attraverso il primo lancio della vostra app.
Il Walkthrough è disponibile solo sui dispositivi mobili (non è disponibile per iPad).

## 1. Installare l'estensione Guida interattiva all'app

1. Accedere al menu **Store delle estensioni > Tutte le estensioni > Estensione App Walkthrough**
2. Fare clic su “**Installa**”*.

* *A seconda dell'offerta di GoodBarber, potrebbe trattarsi di un'estensione a pagamento.
Il prezzo è visualizzato nella pagina dell'estensione.*

## 2. Configurazione del back office

Una volta installata l'estensione, accedere alle sue impostazioni dal menu La mia app > Walkthrough

**1. Selezionare il modello:**
**Immersivo:** l'immagine viene visualizzata a schermo intero
**Polaroid:**l'immagine viene visualizzata sopra il titolo della tappa

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/77829057-59467012.jpg?v=1735920615.497121)

**2. Aggiungete fino a 5 passaggi:**
- Fare clic su “**Aggiungi un passaggio**”.
- Selezionare l'immagine (dimensioni consigliate: Immersive:1536*2048 / Polaroid: 1200*1200) e aggiungere un titolo e una descrizione.
- Aggiungere [un'animazione LottieFiles](https://it.goodbarber.com/help/shop/organizzare-il-tuo-contenuto-r121/aggiungere-animazioni-lottiefiles-alla-guida-interattiva-dell-app-a514/)

**3. Impostazioni generali:**
Imposta gli elementi delle schermate della tua app
- Pulsante di salto
- Titolo della pagina (comune a tutti i passaggi)
- Effetti sull'immagine
- Caratteri e colori dei testi
- Colore del Pager
- Colori del pulsante Avanti / Inizia

## 3. Comportamento generale

**1. Navigazione tra i passaggi**
Facendo clic sul pulsante “Avanti” si passa alla schermata successiva. Gli utenti possono anche navigare tra le schermate scorrendo orizzontalmente.

**2. Nome dei pulsanti**
In tutti i passaggi, il titolo del pulsante è “Avanti”, tranne l'ultimo che è “Inizia”.
Se c'è solo una schermata, il titolo del pulsante sarà “Inizia”.

**3. Pager**
Il pager viene aggiornato ogni volta che gli utenti passano a un altro passo. Se c'è un solo passaggio, il pager non viene visualizzato.

**4. Walkthrough = avvio**
Il Walkthrough è un modello di onboarding. Viene visualizzato solo la prima volta che un utente apre l'app dopo averla installata.
Nelle PWA, il Walkthrough viene visualizzato solo nella versione browser (non nella versione [standalone](https://it.goodbarber.com/help/shop/configurare-le-impostazioni-della-pwa-r139/aggiungere-l-icona-della-pwa-alla-schermata-home-a320/) ).

**5. Popup e notifiche**
I popup di consenso (cookie o scelte di finanziamento) vengono visualizzati prima del Walkthrough.
Altre notifiche (SMS, autorizza push, autorizza localizzazione, richiesta di installazione) vengono visualizzate dopo il Walkthrough.