Beschrijving: Deze tool maakt het mogelijk om interactieve digitale catalogi te maken, waarbij afbeeldingen "getagd" kunnen worden met klikbare punten die verwijzen naar specifieke producten of inhoud.
Waar is het voor? (Praktische voorbeelden)
Gebruik tagbare catalogi om statische afbeeldingen om te zetten in dynamische en commerciële navigatie-ervaringen.
- Meubel e-commerce: Toon een foto van een woonkamer en tag elk meubelstuk (bank, lamp, bijzettafel) door deze direct te koppelen aan de productpagina.
- Modecatalogi: Upload een afbeelding van een model en tag de afzonderlijke kledingstukken (jas, broek, schoenen) zodat directe aankoop mogelijk is.
- Technische schema's of plattegronden: Sta gebruikers toe om op specifieke gebieden van een diagram of kaart te klikken om technische details of aanvullende informatie te bekijken.
Belangrijkste functionaliteiten
Beheer van catalogi
Het hoofdbeheergebied maakt het mogelijk om:
1. Nieuwe catalogi aan te maken: Door een naam en paginavoorziening toe te wijzen.
2. Pagina's te uploaden: Elke pagina van de catalogus is een afbeelding waarop tags geplaatst kunnen worden.
3. Interactieve tags definiëren: Met behulp van de visuele editor kunnen interessepunten op de afbeelding worden gepositioneerd.
Visuele tag-editor
Bij het bewerken van een cataloguspagina krijgt u toegang tot een bewerkingsmodus waarmee u:
- Nieuwe tags toevoegen: Door ergens op de afbeelding te klikken.
- Bestaande tags verplaatsen: Door het interessepunt naar de gewenste positie te slepen.
- De inhoud van de tag wijzigen: Elke tag moet gekoppeld zijn aan een bestaand element in het systeem (meestal een product of dienst).
Automatische koppeling aan inhoud
Het systeem is ontworpen om automatisch informatie over een product of dienst op te halen en deze binnen de tag weer te geven.
Bij het aanmaken of wijzigen van een tag moet u een specifieke code invoeren die de inhoud identificeert die gekoppeld moet worden. Deze code bestaat uit het type inhoud en het unieke ID, gescheiden door een komma.
| Veld in Tag | Beschrijving | Formaat Voorbeeld |
|---|---|---|
| Tagtekst | Identificatie van de inhoud die getoond wordt (bijv. prodotto, articolo, servizio). | prodotto,1234 |
Als de koppeling geldig is, toont de tag automatisch:
- Een voorbeeldweergave van het item.
- De titel van het item.
- De prijs (indien van toepassing en correct geformatteerd door het systeem).
- Een directe link naar de pagina van het item.
Gebruikersinteractie (Frontend)
Wanneer de catalogus op de website wordt weergegeven, werken de tags als volgt:
- Weergave: Tags worden weergegeven als zichtbare punten op de afbeelding.
- Interactie: Wanneer u met de muis over het punt beweegt (of erop tikt op mobiele apparaten), verschijnt er een pop-up met gedetailleerde informatie over het gekoppelde item.
- Navigatie: Door op de pop-up te klikken wordt u doorgestuurd naar de volledige pagina van het item.
Hoe configureren
De configuratie verloopt in twee stappen: het aanmaken van de catalogus (backend) en invoegen op de pagina (frontend).
1. Aanmaken en beheren van catalogus (Backend)
1. Ga naar het hoofdmenu en selecteer Cataloghi taggabili.
2. Maak een nieuwe catalogus aan of bewerk een bestaande.
3. Voeg binnen de catalogus pagina's toe door afbeeldingen te uploaden die uw catalogus vormen.
4. Klik bij elke pagina op optie om de editormodus in te schakelen.
5. Klik op de afbeelding waar u een tag wilt plaatsen.
6. Er opent zich een tekstveld in de tag-popup: voer hier de verbindingscode in (bijv. prodotto,567).
7. Klik op knop Opslaan om de tag te bevestigen.
8. Herhaal dit voor alle producten die getagd moeten worden.
2. Catalogus invoegen in een pagina (Frontend - Visual Builder)
Om de interactieve catalogus op uw websitepagina weer te geven:
1. Open de gewenste pagina in de visuele editor.
2. Voeg een nieuw blok toe en zoek naar het blok genaamd Catalogo taggabile.
3. Selecteer in de blokkconfiguratie via selector de eerder aangemaakte catalogus.
4. Sla op en publiceer de pagina. De catalogus wordt weergegeven met alle actieve tags.
Automatische integraties
Integratie met voorraad-/dienstgegevens
Het systeem gebruikt interne zoekfunctie om real-time details (naam, prijs, link) van producten, diensten of andere inhoud opgegeven in codetag terug te vinden. Dit zorgt ervoor dat informatie in pop-ups altijd up-to-date is.
Toegang via API
Catalogusgegevens worden aangeboden via programmeerinterfaces (API's), waardoor externe ontwikkelaars tagbare catalogi kunnen integreren in aangepaste applicaties of externe systemen.
