---
title: "Configurare l'estensione Guida interattiva all'app"
description: "Create un tutorial integrato e guidate i vostri utenti attraverso il primo utilizzo della vostra app. La guida interattiva è disponibile solo per i dispos"
canonical_url: "https://it.goodbarber.com/help/organizzare-il-tuo-contenuto-r93/configurare-l-estensione-guida-interattiva-all-app-a418/"
lang: it
---

# Configurare l'estensione Guida interattiva all'app

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

Create un tutorial integrato e guidate i vostri utenti attraverso il primo utilizzo della vostra app.
La guida interattiva è disponibile solo per i dispositivi mobili (non è disponibile per iPad).

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

1. Accedere al menu **Extensions Store** **> Tutte le estensioni > Estensione Guida interattiva all'app**
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 > Guida interattiva all'app

**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/1682502/art/default/77828993-56534046.jpg?v=1735920613.1624768)

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

**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. Guida = avvio**
La guida è un modello di onboarding. Viene visualizzato solo la prima volta che un utente apre l'app dopo averla installata.
Nelle PWA, la guida viene visualizzata solo nella versione browser (non nella [versione standalone](https://it.goodbarber.com/help/configurare-le-impostazioni-della-pwa-r123/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 la guida.

**6. Estensione di autenticazione**
Quando l'app è completamente bloccata tramite l'estensione di autenticazione , la priorità viene data alla procedura guidata.
Ciò significa che i passaggi della guida vengono visualizzati prima della casella di accesso.