Het ontwerp van je widget instellen

In de widget-editor bepaal je wat je widget toont en hoe hij eruitziet. Daar kies je ook waar hij op je webpagina staat en of hij vanzelf opengaat, dus loop beide tabbladen door voordat je de widget live zet.

De widget-editor openen

1. Ga naar Apps → Widget.
2. Klik op Bekijken bij je widget en daarna op Widget bewerken. Of klik op Widget toevoegen: dat maakt een nieuwe widget aan en opent meteen de editor.

De editor toont links de pagina's van de widget, in het midden een voorbeeld en rechts de instellingen. Hij heeft 2 tabbladen, Inhoud en Styling. Niets is live totdat je op Wijzigingen opslaan klikt. Terug verlaat de editor, en vraagt eerst of je dat zeker weet als je niet-opgeslagen wijzigingen hebt.

Onder Acties kun je de widget hernoemen met Naam bewerken en teruggaan naar een eerdere versie met Versiegeschiedenis weergeven.

Pagina's

Het paneel Pagina's toont de 3 pagina's van de widget:

• Overzicht, de startpagina, met de elementen die je toevoegt.
• Vraag een code aan, waar een contact zijn e-mailadres invult om in te loggen. Met Toon inlogpagina zet je inloggen helemaal uit: de inlogknop en de knoppen om een beloning te claimen verdwijnen, en het element Referral is voor niemand meer te zien.
• Registreren, waar een nieuw contact zich aanmeldt. Toon registratiepagina bepaalt of de pagina om een code aan te vragen een link biedt om je aan te melden.

Contacten loggen in met een code van 6 cijfers uit je inlog-e-mail, dezelfde e-mail die het contactportaal verstuurt. Een contact dat zich via de widget aanmeldt, krijgt je registratie-e-mail. Beide stel je in je accountinstellingen in: klik rechtsboven in het dashboard op het tandwiel om Instellingen te openen en klik daarna onder Communicatie op Contact touchpoints. Alleen admins zien Contact touchpoints. Zie Inlog- en registratie-e-mails voor je contacten.

Inhoud: de widget-elementen

Sleep op het tabblad Inhoud elementen uit Widget elementen aan de rechterkant naar de pagina Overzicht. Een nieuwe widget begint met het element Loyalty er al op. Klik op een element in het voorbeeld om rechts de instellingen te openen, of bewerk de titels en knopteksten direct in het voorbeeld. Beweeg je muis over een element voor de pijlen waarmee je het omhoog of omlaag zet.

Er zijn 6 elementen. Aankondiging kun je zo vaak toevoegen als je wilt. De andere kunnen elk één keer op een widget staan. Staat een element op de pagina, dan markeert Widget elementen het als Al in gebruik.

• Loyalty: je beloningen en de punten van het contact. Iedereen kan de beloningen bekijken. Ingelogde contacten kunnen er een claimen met hun punten, en zien hoeveel punten ze nog nodig hebben voor de beloningen die ze nog niet kunnen betalen. Het toont de beloningen die hun zichtbaarheidsfilters op de widget toestaan, bij het bedrijfsprofiel van de widget. Een beloning die je net hebt aangemaakt of gewijzigd, kan er tot een uur over doen voordat hij verschijnt.
• Cadeaukaart: een cadeaukaartwinkel. Kies het programma onder Selecteer cadeaukaartprogramma, en eventueel een Cadeaukaart afbeelding. Zolang je geen programma kiest, toont het voorbeeld Configuratie ontbreekt en laat de widget op je website het element weg. Zie Cadeaukaarten online verkopen.
• Referral: een persoonlijke referral-link, die ingelogde contacten kunnen kopiëren of per e-mail versturen. Stel het Onderwerp van uitnodigingsmail en de Inhoud van uitnodigingsmail van die e-mail in, en voeg een afbeelding toe met Toon afbeelding. Contacten die niet zijn ingelogd, zien dit element helemaal niet, want de link is persoonlijk per contact. De editor waarschuwt je zolang Referrals voor je account uitstaat.
• Abonnement: een aanmelding voor je nieuwsbrief of een ander abonnement. Kies welk onder Abonnementstype. Zolang je dat niet doet, toont het voorbeeld Configuratie ontbreekt en laat de widget op je website het element weg.
• Contactformulier: een formulier waarmee contacten je een bericht sturen. Berichten gaan naar het E-mailadres dat je invult.
• Aankondiging: een afbeelding met een knop die linkt naar de URL die je invult.

Claimt een contact een digitale beloning, dan toont de widget de code en mailt hij die ook naar het contact. Een fysieke beloning krijgt een datum waarvoor hij moet worden opgehaald, en het contact bevestigt het ophalen in de widget in je winkel.

Een element verwijderen

Elk element kun je verwijderen, ook Loyalty.

1. Klik op het tabblad Inhoud op het element in het voorbeeld. Rechts openen de instellingen.
2. Klik op Element verwijderen, onder de instellingen van het element.
3. Klik op Wijzigingen opslaan.

Al in gebruik in de lijst Widget elementen betekent alleen dat het element op de pagina staat. Het houdt je niet tegen om het te verwijderen.

Een widget met maar een paar elementen

Verwijder de elementen die je niet wilt en houd de rest. Twee combinaties werken anders dan je misschien verwacht:

• Alleen referrals. Verwijder Loyalty en houd Referral. Laat Toon inlogpagina aan staan, want contacten moeten inloggen voordat ze hun link zien. Wie niet is ingelogd, ziet de titel van de widget en de inlogknop, en verder niets.
• Alleen een cadeaukaartwinkel. Maak Cadeaukaart het enige element en zet Toon inlogpagina en Toon registratiepagina uit. Iedereen kan dan een cadeaukaart kopen zonder in te loggen.

Styling

Het tabblad Styling heeft 5 secties:

• Titel: de Titel en Ondertitel in de kop van de widget, en een Pop-up bericht dat naast de gesloten widget verschijnt. Het pop-up bericht is alleen te zien op computers, niet op telefoons.
• Positie op webpagina: Links of Rechts, de Horizontale afstand en Verticale afstand, en Widget standaard openen. Een nieuwe widget staat op Open. Zet hem op Gesloten als je liever hebt dat contacten hem zelf openen.
• Kleurenthema: je Merk kleur. De widget leidt de rest van zijn kleuren daaruit af.
• Lettertype: kies een van de lettertypes uit je brand kit. Aangepast lettertype uploaden brengt je naar je brand kit om er een toe te voegen.
• Widget icon: het icoon waarop contacten klikken om de widget te openen. Kies een van de Systeempictogrammen, of zet Kies een aangepast logo aan en upload een Afbeelding.

De andere instellingen van de widget

Buiten de editor heeft de pagina van de widget links een menu: Informatie, dan Installatie, Domein en Geavanceerd onder Setup, en Bedrijfsprofiel en Betalingen onder Instellingen.

• Installatie heeft de code voor je website, Domein beperkt de widget tot je eigen website, en Geavanceerd heeft de opdrachten om de widget vanuit je eigen knoppen te openen. Zie De loyaliteitswidget op je website installeren.
• Bedrijfsprofiel: de widget toont de beloningen die bij dit bedrijfsprofiel beschikbaar zijn, en boekt geclaimde beloningen en gekochte cadeaukaarten op dit profiel.
• Betalingen: de betaalintegratie voor cadeaukaarten die via de widget worden gekocht. Heb je een standaard betaalprovider ingesteld, dan verwerkt die provider de betalingen. Die stel je in je accountinstellingen in: klik rechtsboven in het dashboard op het tandwiel om Instellingen te openen en klik daarna onder Account op Betaalprovider. Alleen admins zien Betaalprovider.

Onder Acties op dezelfde pagina vind je Dupliceer en Verwijder, om de widget te kopiëren of te verwijderen.