Descrizione: Questo strumento permette di creare cataloghi digitali interattivi, dove le immagini possono essere "taggate" con punti cliccabili che rimandano a prodotti o contenuti specifici.
A cosa serve? (Esempi pratici)
Utilizza i cataloghi taggabili per trasformare immagini statiche in esperienze di navigazione dinamiche e commerciali.
- E-commerce di arredamento: Mostra una foto di un soggiorno e tagga ogni mobile (divano, lampada, tavolino) collegandolo direttamente alla pagina di acquisto del prodotto.
- Cataloghi di moda: Carica un'immagine di un modello e tagga i singoli capi d'abbigliamento (giacca, pantaloni, scarpe) per permettere l'acquisto immediato.
- Schemi tecnici o planimetrie: Permetti agli utenti di cliccare su aree specifiche di un diagramma o di una mappa per visualizzare dettagli tecnici o informazioni aggiuntive.
Funzionalità principali
Gestione dei cataloghi
L'area di gestione principale permette di:
1. Creare nuovi cataloghi: Assegnando un nome e una struttura di pagine.
2. Caricare le pagine: Ogni pagina del catalogo è un'immagine su cui è possibile posizionare i tag.
3. Definire i tag interattivi: Utilizzando l'editor visuale per posizionare i punti di interesse sull'immagine.
Editor visuale dei tag
Quando si modifica una pagina del catalogo, si accede a una modalità di modifica che consente di:
- Aggiungere nuovi tag: Cliccando in qualsiasi punto dell'immagine.
- Spostare i tag esistenti: Trascinando il punto di interesse nella posizione desiderata.
- Modificare il contenuto del tag: Ogni tag deve essere collegato a un elemento esistente nel sistema (tipicamente un prodotto o un servizio).
Collegamento automatico ai contenuti
Il sistema è progettato per recuperare automaticamente le informazioni di un prodotto o servizio e visualizzarle all'interno del tag.
Quando si crea o si modifica un tag, è necessario inserire un codice specifico che identifichi il contenuto da collegare. Questo codice è composto dal tipo di contenuto e dal suo ID univoco, separati da una virgola.
| Campo nel Tag | Descrizione | Formato Esempio |
|---|---|---|
| Testo del Tag | Identificativo del contenuto da mostrare (es. Prodotto, Articolo, Servizio). | prodotto,1234 |
Se il collegamento è valido, il tag mostrerà automaticamente:
- Un'anteprima dell'elemento.
- Il titolo dell'elemento.
- Il prezzo (se applicabile e formattato correttamente dal sistema).
- Un link diretto alla pagina dell'elemento.
Interazione utente (Frontend)
Quando il catalogo è visualizzato sul sito web, i tag funzionano come segue:
- Visualizzazione: I tag sono rappresentati da un punto visibile sull'immagine.
- Interazione: Passando il cursore del mouse sul punto (o toccandolo su dispositivi mobili), appare un popup contenente le informazioni dettagliate dell'elemento collegato.
- Navigazione: Cliccando sul popup, l'utente viene reindirizzato alla pagina completa dell'elemento.
Come si configura
La configurazione si svolge in due fasi: la creazione del catalogo (backend) e l'inserimento sulla pagina (frontend).
1. Creazione e gestione del catalogo (Backend)
1. Accedi al menu principale e seleziona Cataloghi taggabili.
2. Crea un nuovo catalogo o modifica uno esistente.
3. All'interno del catalogo, aggiungi le pagine caricando le immagini che comporranno il tuo catalogo.
4. Per ogni pagina, clicca sull'opzione per abilitare la modalità editor.
5. Clicca sull'immagine nel punto in cui desideri posizionare un tag.
6. Si aprirà un campo di testo nel popup del tag: inserisci il codice di collegamento (es. prodotto,567).
7. Clicca sul pulsante Salva per confermare il tag.
8. Ripeti l'operazione per tutti i prodotti da taggare.
2. Inserimento del catalogo in una pagina (Frontend - Visual Builder)
Per mostrare il catalogo interattivo su una pagina del tuo sito:
1. Apri la pagina desiderata nell'editor visuale.
2. Aggiungi un nuovo blocco e cerca il blocco denominato Catalogo taggabile.
3. Nelle opzioni di configurazione del blocco, seleziona il catalogo che hai creato in precedenza tramite l'apposito selettore.
4. Salva e pubblica la pagina. Il catalogo verrà visualizzato con tutti i tag attivi.
Integrazioni automatiche
Integrazione con i dati di magazzino/servizi
Il sistema utilizza la funzione di ricerca interna per recuperare in tempo reale i dettagli (nome, prezzo, link) di prodotti, servizi o altri contenuti specificati nel codice del tag. Questo assicura che le informazioni mostrate nei popup siano sempre aggiornate.
Accesso tramite API
I dati dei cataloghi sono esposti tramite interfacce di programmazione (API), consentendo a sviluppatori esterni di integrare i cataloghi taggabili in applicazioni personalizzate o sistemi esterni.
