Guide-sjablonen maken

Sjablonen bepalen hoe toegangspunten op uw website worden weergegeven door Guide. Sjabloontypen zijn onder andere:

  • Enkele knop: Gebruik deze om één enkel toegangspunt in de Guide-widget te bieden.

  • Menu met meerdere knoppen: Gebruik dit om meerdere toegangspunten in de Guide-widget aan te bieden.

  • Klantportal: Hiermee kunt u een Expert-kennisbank als klantportal aanbieden, en extra toegangspunten in de Guide-widget.

Voordat u aan deze taak begint, moet u de kanaalknoppen en toegangspunten maken.

Als u een sjabloon met meerdere knoppen gebruikt, hebt u kanaalknoppen en een menuknop nodig. Bezoekers klikken op de menuknop om de kanaalknoppen weer te geven.

Maak een sjabloon voor één knop

Gebruik een sjabloon met één knop als u wilt dat Guide bezoekers naar slechts één kanaal worden geleid.

Myra, Support Manager bij The Jungle, wil het chatkanaal op de homepagina van de website aanbieden. Ze maakt een sjabloon met één knop die de chatknop biedt die linksonder op de startpagina van de Jungle-website verschijnt:

Een ronde knop met een afbeelding van chatballonnen, waarop klanten klikken om een chat met een agent te beginnen.

Als een bezoeker op de chatknop klikt, verschijnt het chatkanaal in de Guide-widget:

Het Guide-chatvenster waar u identificatiegegevens invoert alvorens een chat te beginnen.

  1. Klik op de app-kiezer pictogram voor app-kiezer en selecteerGuide.
  2. Klik op Templates.
  3. Klik op New Template.
  4. Voer een Template title in.
  5. Stel Template type in op Single Button.

  6. Stel op het tabblad Ontwerp-editor de waarden in om het uiterlijk van de sjabloon te bepalen.

    Veld Details
    Position Stel Position in op Bottom right of Bottom left om te bepalen hoe de Guide-sjabloon op uw website wordt weergegeven.

    Theme color

    Voer een eventueel een Theme color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Theme color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.
    Font color Voer een eventueel een Font color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Font color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.

  7. Definieer op het tabblad Sjabloonkanaal het kanaal dat u voor de sjabloon wilt gebruiken.

    Veld Details
    Entry point Selecteer het gebruik Entry point tot voor het kanaal. U kunt dit bijvoorbeeld instellen op een chat-toegangspunt om het chatkanaal aan te bieden. Afhankelijk van het geselecteerde type kanaal, ziet u mogelijk extra velden die u kunt definiëren.

    Button

    Selecteer de Button die u voor het kanaal wilt gebruiken. Laat dit veld leeg om gebruik te maken van de knop die voor het toegangspunt is gedefinieerd.
    Label Voer de Label in die u met de knop wilt gebruiken. Het label verschijnt rechts van de knop. De maximumlengte van het label is 18 tekens. U hoeft geen label op te geven. Houd er rekening mee dat het label ook door schermlezers wordt gebruikt. Als u het achterwege laat, leest de schermlezer de tekst van de knop.

  8. Als u Entry point instelt op een chat- of e-mailkanaal, en het toegangspunt met een pre-contact enquête is geconfigureerd, verschijnen extra optionele velden. Klik op Choose File om een Precontact survey icon te selecteren en voer een Precontact survey label in om een pictogram en een label te definiëren die aan de bovenzijde van de Guide-widget worden weergegeven:

    Guide-widget met een pre-contact vragenlijst die een pictogram en een label bevat.

  9. Als u Entry point instelt op een Expert-kanaal, geeft u de Popup Title op. U kunt de pop-up bijvoorbeeld de naam Relevante artikelen geven.
  10. Klik op Save.
  11. Controleer de weergave en het gedrag van de sjabloon.

Maak een menusjabloon met meerdere knoppen

Gebruik een menusjabloon met meerdere knoppen als u Guide gebruikt om meerdere kanalenClosed Een manier waarop contacten kunnen communiceren met agents of bots, zoals spraak (telefoon), e-mail, chat, social media enzovoort. tegelijk weer te geven. U kunt maximaal vier kanalen toevoegen.

Myra, Support Manager bij The Jungle, wil het chat- en e-mailkanaal aanbieden op de homepagina van de website. Ze maakt een sjabloon met meerdere knoppen. De menuknop die ze voor de chatknop heeft ingesteld, verschijnt linksonder op de homepagina van de Jungle-website:

Een ronde knop met een afbeelding van een receptiebel, waarop klanten klikken om het Guide-kanaalmenu weer te geven.

Een bezoeker van de website kan vervolgens op de menuknop klikken om het menu met kanaalknoppen weer te geven:

Een voorbeeld van het Guide-menu waarin het chat- en e-mailkanaal worden aangeboden. Het chatkanaal wordt aangeduid door twee chatballonnen. Het e-mailkanaal wordt aangeduid door een envelop.

Als de bezoeker bijvoorbeeld een chat wil starten, verschijnt het chatvenster:

Het Guide-chatvenster waar u identificatiegegevens invoert alvorens een chat te beginnen.

  1. Klik op de app-kiezer pictogram voor app-kiezer en selecteerGuide.
  2. Klik op Templates.
  3. Klik op New Template.
  4. Voer een Template title in.
  5. Stel Template type in op Multiple Button Menu.

  6. Stel op het tabblad Ontwerp-editor de waarden in om het uiterlijk van de sjabloon te bepalen.

    Veld Details
    Position Stel Position in op Bottom right of Bottom left om te bepalen waar de Guide sjabloonknoppen op uw website worden weergegeven.

    Theme color

    Voer een eventueel een Theme color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Theme color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.
    Font color Voer een eventueel een Font color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Font color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.
    Template direction Stel de Template direction voor uw kanaalknoppen zo in dat deze worden uitgevouwen wanneer het menu geopend is. U kunt kiezen voor Verticalof Horizontal.
    Menu button Selecteer Menu button waarmee het menu met kanaalknoppen wordt weergegeven die beschikbaar zijn voor de bezoeker.

  7. Definieer op het tabblad Sjabloonkanaal maximaal vier knoppen, één voor elk kanaal dat u wilt aanbieden.

    Veld Details
    Entry point

    Selecteer een Entry point tot gebruik voor het eerste kanaal.

    • Als u Entry point instelt op een chat- of e-mailkanaal, en het toegangspunt met een pre-contact enquête is geconfigureerd, verschijnen extra optionele velden. Klik op Choose File om een Precontact survey icon te selecteren en voer een Precontact survey label in om een pictogram en een label te definiëren die aan de bovenzijde van de Guide-widget worden weergegeven:

      Guide-widget met een pre-contact vragenlijst die een pictogram en een label bevat.

    • Als u Entry point instelt op een kennisbank, geef dan de Popup Title op. U kunt de pop-up bijvoorbeeld de naam Relevante artikelen geven.

    Button

    Selecteer de Button die het kanaal weergeeft. Laat dit veld leeg om gebruik te maken van de knop die voor het toegangspunt is gedefinieerd.
    Label Voer Label in voor gebruik als schermlezer.
    Add Channel

    Klik om een ander kanaal te definiëren dat u in de sjabloon wilt opnemen. U kunt maximaal vier kanalen toevoegen.

    Elke sjabloon is beperkt tot één Knowledge Base-kanaal en één chatkanaal.
  8. Klik op Save.
  9. Controleer de weergave en het gedrag van de sjabloon.

Een klantportalsjabloon maken

Gebruik een klantportalsjabloon om een Expert-portal en maximaal vier kanaalClosed Een manier waarop contacten kunnen communiceren met agents of bots, zoals spraak (telefoon), e-mail, chat, social media enzovoort.-toegangspunten tegelijk aan te bieden. Hiervoor is een integratie met Expert nodig.

Myra besluit een klantportal aan te bieden met artikelen over de top 10 vragen die bezoekers aan Support stellen. Ze wil ook enkele andere kanalen aanbieden, zoals chat en e-mail. Ze maakt een klantportalsjabloon. De menuknop die ze voor de chatknop heeft ingesteld, verschijnt linksonder op de homepagina van de Jungle-website:

Een ronde knop met een afbeelding van een receptiebel waarop klanten klikken om de Guide-klantportal weer te geven.

Websitebezoekers kunnen vervolgens op de menuknop klikken om de portal en de door haar geconfigureerde kanalen weer te geven:

Een voorbeeld van een klantportalsjabloon met knoppen voor het chat- en e-mailkanaal, gevolgd door twee CXone Expert-artikelen.

  1. Klik op de app-kiezer pictogram voor app-kiezer en selecteerGuide.
  2. Klik op Templates.
  3. Klik op New Template.
  4. Voer een Template title in.
  5. Stel Template type in op Customer Portal.

  6. Stel op het tabblad Ontwerp-editor de waarden in om het uiterlijk van de sjabloon te bepalen.

    Veld Details
    Position Stel Position in op Bottom right of Bottom left om te bepalen waar de sjabloon op uw website wordt weergegeven.

    Theme color

    Voer een eventueel een Theme color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Theme color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.
    Font color Voer een eventueel een Font color voor de sjabloon in. Laat dit veld leeg om gebruik te maken van de Font color die in de branding is ingesteld. Als u de branding wilt negeren, gebruikt u de kleurenkiezer om een kleur te selecteren of voert u de hexadecimale code voor de kleur in.
    Main icon Upload een Main icon. Dit is een afbeelding, bijvoorbeeld een logo, die in de linkerbovenhoek van de sjabloon van het klantenportaal wordt weergegeven. Afbeeldingen moeten kleiner zijn dan 50 KB. Deze afbeelding is vereist.
    Heading Voer een Heading in. Dit is de tekst die bovenaan de sjabloon verschijnt. U kunt dit bijvoorbeeld instellen op Welkom. De kop is verplicht.
    Sub heading Voer optioneel een Sub heading in. De subkop verschijnt onder Heading. U kunt dit bijvoorbeeld instellen op Hoe kunnen we u helpen?. Deze tekst verschijnt in de letterkleur die is opgegeven voor het merk.
    Template outline

    • Stel de sjablooncontour in om de volgorde te bepalen waarin de sjablooninhoud wordt weergegeven:

      • Met Channels first bovenaan worden de kanaalknoppen bovenaan de sjabloon weergegeven en de Expert-portal eronder.

      • Met Knowledge base first bovenaan wordt de Expert-portal bovenaan de sjabloon weergegeven en de knoppen voor andere kanalen eronder.
    Menu button Stel de Menuknop in. Een knop die het menu met kanaalknoppen voor de bezoeker opent. Klik op Select item om de -knop te kiezen waarop de bezoeker moet klikken om het menu met kanalen weer te geven.

  7. Definieer op het tabblad Sjabloonkanaal maximaal vier knoppen, één voor elk kanaal dat u wilt aanbieden.

    Veld Details
    Entry point

    Selecteer de Entry point tot die u voor het eerste kanaal wilt gebruiken. Het kan elk toegangspunt zijn, behalve een toegangspunt tot de Knowledge Base.

    Als u Entry point instelt op een chat- of e-mailkanaal, en het toegangspunt met een pre-contact enquête is geconfigureerd, verschijnen extra optionele velden. Klik op Choose File om een Precontact survey icon te selecteren en voer een Precontact survey label in om een pictogram en een label te definiëren die aan de bovenzijde van de Guide-widget worden weergegeven:

    Guide-widget met een pre-contact vragenlijst die een pictogram en een label bevat.

    Button

    Selecteer de Button die u voor het kanaal wilt gebruiken. Laat dit veld leeg om gebruik te maken van de knop die voor het toegangspunt is gedefinieerd.
    Label Voer de Label in die u voor de knop wilt gebruiken. Dit veld is vereist. De maximumlengte van het label is 18 tekens. Het label wordt ook door schermlezers gebruikt.
    Add Channel

    Klik om een ander kanaal te definiëren dat u in het klantenportaal wilt aanbieden. U kunt maximaal vier kanalen toevoegen.

    Elk sjabloon is beperkt tot één chatkanaal.

  8. Definieer op het tabblad Kennisbank welke inhoud in de klantenportal moet worden weergegeven.

    Veld Details
    Knowledge base entry point Selecteer het kennisbank-invoerpunt dat u voor deze sjabloon wilt gebruiken. Het toegangspunt moet de artikelen bevatten die u uw websitebezoekers wilt aanbieden wanneer deze sjabloon verschijnt.

    Heading

    Voer de kop in die u voor de kennisbank wilt gebruiken. U kunt dit bijvoorbeeld instellen op Relevante artikelen.
  9. Klik op Save.
  10. Controleer de weergave en het gedrag van de sjabloon.

De weergave en het gedrag van de sjabloon controleren

Zodra u alle vereiste velden voor een sjabloon hebt opgegeven, verschijnt er een voorbeeld in de rechterbenedenhoek van de pagina.

De pagina Sjabloon bewerken. Nadat u alle vereiste velden hebt opgegeven, verschijnt een voorbeeld van de sjabloon in de rechteronderhoek.

Als u doorgaat met het aanbrengen van wijzigingen in de sjabloon, wordt het voorbeeld vernieuwd. Gebruik de vervolgkeuzelijst in de rechterbovenhoek om een voorbeeld van de sjabloon te bekijken met verschillende merkinstellingen.

Als de voorvertoning niet werkt zoals verwacht, controleer dan het volgende:

  • Hebt u voor elk verplicht veld een waarde ingesteld? Mogelijk moet u meerdere tabbladen weergeven om alle vereiste velden voor een sjabloon te zien. Sjabloontitel is ook een verplicht veld.

  • Zijn de waarden die u instelt geldig? Hoewel Guide lengtelimieten heeft voor tekstvelden, dwingt Guide de limieten niet af bij het instellen van de waarde. U kunt de Tab -toets gebruiken om door de pagina te navigeren en te controleren of de vereiste veldwaarden geldig zijn. Als ze niet geldig zijn, verschijnt er een foutmelding zodra u naar het volgende veld gaat.