Handleiding 4: Admin omgeving

Inleiding

In deze handleiding nemen we je door de admin omgeving. Je leert alle functies kennen en kunt eenvoudig aan de slag met je eigen platform. Voor feedback, vragen of onduidelijkheden kan je contact opnemen met ByTomorrow via de contactgegevens onderaan de handleiding.

Inhoudsopgave

1. Livestreams
2. Video
3. Videoplatform
   • 3.1 Tags
   • 3.2 Opmaak
   • 3.3 Website-instellingen
4. Gebruikersbeheer
   • 4.1 Gebruikers
   • 4.2 Enquêtes
   • 4.3 Interesses
5. Commercie
   • 5.1 Prijsplannen
   • 5.2 Sponsoren
   • 5.3 Aankopen
6. Analyses (beta)
   • 6.1 Analytics 2.0
   • 6.2 Realtime
7. Financiën
   • 7.1 Facturatie
   • 7.2 Mollie verbinding
   • 7.3 Bedrijfsinformatie

Admin omgeving

1. Livestreams

Hier zie je een overzicht van alle live video’s die op je platform staan. Je ziet het nummer van de livestream, de thumbnail, de titel en de URL van de livestreams. Ook zie je vanaf welk moment de livestream zichtbaar is, hoe laat de livestream begint en of de chat getoond wordt of niet.

Daarnaast zijn er nog acties die je kan uitvoeren. De linker paperclip knop, leidt je naar de livestream op een nieuw tabblad. De knop ernaast laat een embed-code zien waarmee je een iframe op je website kan embedden. Met het tandwiel kan je de instellingen van de livestream aanpassen. Door op de i-knop te klikken vind je realtime statistieken van de stream. Om een livestream te verwijderen klik je op de knop met de prullenbak erop.

Als je op de knop “Go live” klikt, opent er een venster aan de rechterkant. Hierin staan de RTMP (Real-Time Messaging Protocol) URL en de stream key van je livestream. In het venster daaronder kan je controleren of je livestream echt live is op het moment dat dat moet.

Is dit je eerste livestream en heb je moeilijkheden? Neem dan gerust contact op met ByTomorrow!

Toevoegen livestream

Ook kan je nieuwe live events toevoegen; dit doe je door op de “+ Nieuwe stream” knop rechtsboven in de hoek te klikken.

Geofencing
Met geofencing kan je ervoor zorgen dat je livestream alleen in een bepaald gebied te zien is. Dit gebied kan je markeren op de kaart. Met het knopje rechtsboven in de hoek kan je de kaart op groot scherm openen. Met het plusje onderin kun je inzoomen en met het minnetje onderin kun je weer uitzoomen.

Om een gebied te selecteren klik je boven in het scherm op het knopje dat op de foto hiernaast met … omcirkeld is. Daarna kan je puntjes zetten rond het gebied dat je wilt markeren. Dit doe je door op de kaart te klikken. Deze puntjes worden met elkaar verbonden door lijntjes. Je moet altijd weer eindigen op je eerste puntje om het gebied af te ronden. Er zit dan een lijn om het gebied heen en het door jou gemarkeerde gebied is nu geel gekleurd. Door deze markering is de livestream alleen te bekijken door mensen die zich in het gele gebied bevinden.

[INSERT UITLEG FOTO GEOFENCING]

Mensen buiten het gebied kunnen de livestream niet bekijken. Wil je dat mensen kunnen zien in welk gebied ze de livestream wel kunnen bekijken, kan je onderaan het scherm “Toon kaart” aanvinken. Gebruikers buiten het gebied krijgen dan een kaart te zien waar ze de livestream wel kunnen bekijken.
Let op: gebruikers met een VPN kunnen de geofencing omzeilen!

2. Video

Hier vind je een overzicht van alle on demand video’s die op je platform staan. Je ziet het nummer, de thumbnail, de titel en de URL van elke video. Daarnaast zijn er nog acties die je kan doen: de linker knop onder acties, leidt je naar de video op een nieuw tabblad. Je kan de instellingen van de video aanpassen met het tandwiel. Door op de filmrol te klikken kun je clipjes maken van de video. Daarnaast vind je een download knop, embed-code en door op het prullenbak icoontje te klikken kan je de video verwijderen.

Ook kan je nieuwe video’s toevoegen. Dit kan je doen door op de “+ Nieuwe video” knop rechtsboven in de hoek te klikken.

Hier voer je de titel en een omschrijving van je video in. Ook kan je hier een andere achtergrond kiezen voor je video.Als je dit niet wilt, kan je “Geen achtergrond” aanvinken. Gebruikers zien dan gewoon de achtergrond die voor je platform ingesteld is. Daarna kan je een thumbnail kiezen. Als je dat niet wilt, kan je “Geen thumbnail” aanvinken. Gebruikers zien dan een still uit de video als thumbnail.

De datum en tijd die je invult worden gebruikt als publicatiedatum en -tijd voor je video. Vanaf dat moment is deze dus zichtbaar. Als je geen datum en tijd invult, is de video direct zichtbaar.

Privacy instellingen
Bij de privacy instellingen kan je instellen of je video voor iedereen zichtbaar is of dat de video alleen zichtbaar is voor mensen met de URL.

Video
Nu kan je jouw video uploaden. Dit kan je doen door een bestand naar de balk te slepen. Of je kan een bestand uploaden door “kies bestanden” te klikken. Daarna kan je een bestand selecteren en op “Upload” drukken.

Wil je meer informatie over hoe je een video kan maken? Neem dan contact op met ByTomorrow!

Tags
Ook kan je een tag toevoegen aan de video. Als je al bestaande tags hebt, kan je een van deze aanklikken voor bij je video. Of je kan een nieuwe tag aanmaken.

Commentaar
Als commentaar toestaan aangevinkt wordt, kunnen mensen een reactie achterlaten onder de video.

Prijsplannen
Hier kan je aanvinken of de video gratis te bekijken is of niet. En of dat gebruikers altijd ingelogd moeten zijn om je video te bekijken. Daarnaast kan je nog een prijsplan toevoegen aan je video. Als je op de balk klikt, verschijnen alle prijsplannen die je gemaakt hebt. Je kan dan een of meerdere van je prijsplannen aanvinken voor je video.

Geofencing
Met geofencing kan je ervoor zorgen dat je livestream alleen in een bepaald gebied te zien is. Dit gebied kan je markeren op de kaart. Met het knopje rechtsboven in de hoek kan je de kaart op groot scherm openen. Met het plusje onderin kun je inzoomen en met het minnetje onderin kun je weer uitzoomen.

3. Videoplatform

3.1 Tags

Hier vind je een compleet overzicht van alle tags die je ooit hebt aangemaakt. Per tag zie je direct hoeveel video’s momenteel aan deze tag zijn gekoppeld, zodat je snel inzicht krijgt in het gebruik en de relevantie van elke tag.

Je kunt eenvoudig zoeken op bestaande tags of een nieuwe tag aanmaken door op de knop “+ Nieuwe tag” rechtsboven in het scherm te klikken.

Mocht je video’s in bulk willen toevoegen aan een tag kan dat door middel van het klikken op de groene ronde knop. Deze is aangegeven met de rode pijl. Vervolgens kun je bij selecteer items, video’s selecteren om vervolgens op de groene knop “koppelen” te drukken. Je geselecteerde video’s zijn nu gekoppeld aan je tag.

3.2 Opmaak

Logo

Onder de kop videoplatform vind je de knop opmaak. Op deze pagina kun je het logo, watermerk en favicon uploaden. Dit logo komt in de navigatiebalk, de balk boven- en onderaan het scherm en in de footer te staan. De hoogte van de navigatiebalk wordt mee geschaald met het logo. Als je een klein logo hebt is de balk dunner dan wanneer je een groter logo hebt.

Het logo kan je uploaden door op de knop “kies bestand” te klikken. Daarna kan je een bestand uit de bestanden op je computer selecteren en dit uploaden. Dit moet een .png, .jpeg, .jpg of .svg bestand zijn. Nadat je dat gedaan hebt, klik je onderaan op opslaan. Er verschijnt dan een voorbeeld van het logo.

Als je het verkeerde bestand geselecteerd hebt, kan je opnieuw klikken op kies een bestand. En het juiste bestand selecteren en uploaden. Daarna moet je weer op opslaan klikken.

Watermerk

Onder de kop watermerk kan je een watermerk uploaden, dit wordt dan in de achtergrond van je platform getoond. Een liggend watermerk werkt het beste, bijvoorbeeld een bestand met de afmetingen 1920px bij 1080px.

Het watermerk kan je uploaden door op de knop “kies bestand” te klikken. Daarna kan je een bestand uit de bestanden op je computer selecteren en dit uploaden. Dit moet een .png, .jpeg, .jpg of .svg bestand zijn. Nadat je dat gedaan hebt, klik je onderaan op opslaan. Er verschijnt dan een voorbeeld van het watermerk.

Let op: de dekking van het watermerk kan niet aangepast worden, dus wanneer een heel donker bestand geüpload wordt, wordt de tekst minder goed leesbaar.

Als je het verkeerde bestand geselecteerd hebt, kan je opnieuw klikken op kies een bestand. En het juiste bestand selecteren en uploaden. Daarna moet je weer op opslaan klikken.

Website uiterlijk

Onder de kop website uiterlijk, pas je het uiterlijk van de website aan. Je kan hier selecteren welke kleuren en lettertypes toegepast worden op je platform.

Het instellen van de kleuren kan door middel van een HEX-code, dit is een code die een kleur aangeeft en altijd begint met een #, gevolgd door zes tekens. Met het gebruik van een HEX-code zorg je ervoor dat je precies de juiste kleuren gebruikt.

De kleuren kunnen ook ingesteld worden in het venster dat verschijnt.

Tekst

De kleur die je hier instelt, is de kleur die gebruikt wordt voor alle broodtekst op de pagina. Dit is alle normale tekst.

Achtergrond

De kleur die je hier instelt is de kleur die op de achtergrond van je platform komt.

Font voor de koppen

Hier kies je het lettertype dat voor de koppen gebruikt wordt. Dit lettertype wordt ook gebruikt voor het cookie beheer.Wanneer je op het vakje voor het kiezen van het lettertype klikt, komt er een menu tevoorschijn. Zoals in de afbeelding hiernaast kan boven in dit menu gezocht worden naar lettertypes, dit is met geel benadrukt.

Ook kan je filteren op soorten lettertypes, de vakjes die donker zijn worden weergeven. Zoals te zien is in het paars gearceerde deel op de afbeelding.

Uitleg filter opties:

Serif – schreefletters. Hierbij zitten streepjes aan het uiteinde van de horizontale en verticale uiteinden van een letter.
Sans-serif – schreefloze letters. Dit zijn letters zonder streepje aan de horizontale en verticale uiteinden.
Display – zijn “gekkere” lettertypes. Een display letters wordt meestal niet voor lopende tekst gebruikt, maar wel voor titels en koppen.
Handwriting – deze letters lijken handgeschreven.
Monospace – bij een monospace lettertype hebben alle individuele karakters dezelfde afmeting.
Other – hierbij staan alle overige lettertypes (zijn er niet)

Bij sommige lettertypes staan verschillende getallen als je erop klikt. Deze getallen kunnen gebruikt worden om de dikte van de tekst aan te passen. Zoals te zien is in het groen gearceerde deel in de afbeelding. Wanneer op 100 geklikt wordt, is de tekst een stuk dunner dan wanneer op 700 geklikt wordt. De regel onder de filters, gearceerd met rood in de afbeelding, laat zien hoe de tekst eruit komt te zien. 

Als je een lettertype gevonden hebt dat je wil gebruiken, klik je op select. Om een lettertype toe te voegen aan je favorieten, klik je op het hartje naast select.

Algemene font

Hier kies je het lettertype van alle andere tekst op de pagina(’s). Dit is ook het lettertype voor de tekst die in de navigatiebalk staat, zoals de paginanamen, inloggen en registreren.

Het kiezen van een lettertype voor het algemene font gaat hetzelfde als het kiezen van een lettertype voor de koppen.

Koppen

De kleur die je hier instelt, wordt gebruikt voor alle koppen.

Accent kleur

Een kleuraccent op een website is een specifieke, contrasterende kleur die spaarzaam wordt gebruikt om bepaalde elementen te benadrukken, zoals knoppen, links of meldingen, om zo de aandacht van de gebruiker te trekken en de bruikbaarheid te verbeteren. De kleur die je hier instelt, wordt toegepast op deze elementen, tenzij anders aangegeven door de overige instellingen

Navigatiebalk tekst kleur

De kleur die je hier instelt, wordt gebruikt voor de kleur van de tekst in de navigatiebalk.

Taal dropdown achtergrond kleur

Als je meerdere talen instelt, kan rechtsboven in de hoek de taal gekozen worden. De kleur die je hier instelt, is de kleur van het vakje waarop je moet klikken om de taal te veranderen.

Footer achtergrond kleur

De footer is een sectie aan de onderzijde van de pagina. De kleur die je hier instelt, wordt gebruikt als kleur voor de footer.

Login knop achtergrond kleur

Als bezoekers inloggen om je platform te bekijken, komen ze in het inlog scherm. De kleur die je hier instelt, wordt gebruikt als kleur van de knop “inloggen” in dit scherm.

Registratie knop achtergrond kleur

Als bezoekers zich registreren om je platform te bekijken, komen ze in het registratie scherm. De kleur die je hier instelt, wordt gebruikt als kleur van de knop “registreren” in dit scherm.

Product kopen knop achtergrond kleur

Hiermee stel je de kleur van de knop “product kopen” bij het scherm waar je producten koopt.

Uitschrijven knop achtergrond kleur

Hiermee stel je de kleur van de knop “uitschrijven” bij het scherm waar je je uitschrijft.

Uitschrijven knop tekst kleur

Hiermee stel je de kleur van de tekst in de knop “uitschrijven” bij het scherm waar je je uitschrijft in.

Card content tekst kleur

In de footer staat tekst. De kleur die je hier instelt, wordt gebruikt als kleur voor de tekst in de footer

Tags tonen op pagina

Wanneer dit aangevinkt is, zullen de geselecteerde tags getoond worden aan bezoekers.

CSS bewerken

CSS is een programmeertaal die gebruikt wordt voor de opmaak van websites. De opmaak van de pagina kan verder aangepast worden door middel van CSS. De codes voor dingen die je nog aangepast wil hebben, kunnen in dit venster gezet worden.

Talen

Als je wil dat je pagina zowel in het Nederlands als het Engels weer te geven is, kan dat hier aangevinkt worden.

3.3 Website-instellingen

In het menu aan de linkerkant van het dashboard staan verschillende knoppen. Een van deze koppen is de knop “Videoplatform”. Wanneer je hierop klikt, vind je een dropdown menu waar je onderaan website instellingen kan vinden. Hier kun je de instellingen van je website aanpassen. Ook hier kun je bepaalde functies bij het instellen van video’s en livestreams aan/of uitzetten.

Algemene instellingen
Onder de website-instellingen vind je als eerste de algemene instellingen. Hier vul je de naam van je website in. Daarna volgen de instellingen voor het registreren van de gebruikers. Daarnaast andere technische zaken zoals API’S, Google Tag Manager, Cookiebots.

Social networks
Naast de algemene instellingen, kunnen de social networks ingevuld worden. Hier zet je de linkjes naar je social media-accounts. Hier wordt nu nog niks mee gedaan. In de toekomst worden deze gebruikt om onder video’s te plaatsen. Nadat je de linkjes onder de juiste sociale media geplakt hebt, druk je onderaan op opslaan.

Categories
Onder de kop “categories” vink je aan in welke categorie of categorieën de content valt die je aan gaat bieden. Nadat je deze aangevinkt hebt, druk je onderaan op opslaan.

Inschrijfformulier
Onder de kop inschrijfformulier, kan je allereerst vragen aanvinken die je altijd wil stellen wanneer mensen zich inschrijven voor jouw platform. Daarna moet je nog wat dingen invullen:

1. Mailgun api sleutel, mailgun api base url, mailgun domein – een mailgun zorgt ervoor dat mails vanuit je eigen organisatie gestuurd worden. Wanneer je dit niet met je eigen informatie invult, zal alles vanuit bytomorrow.nl verstuurd worden.
2. Google tag manager id – Google tag manager maakt jouw platform meetbaar en kan waardevolle inzichten bieden in de leads. Heb je meer informatie nodig over het gebruik van Google tag manager, neem dan contact op met ByTomorrow via de contactgegevens aan het einde van dit document.

Mailgun zorgt voor alle geautomatiseerde transactionele mailings (welkomstmail, wachtwooord vergeten).
Deze worden in eerste instantie gestuurd vanuit het domein van ByTomorrow. Mocht je dit in eigen stijl willen hebben: maak dan een eigen mailgun account aan, koppel jouw gegevens en maak je eigen templates op.

Nadat je alles naar keuze hebt aangevinkt en ingevuld, klik je onderaan op opslaan.

4. Gebruikersbeheer

Hier vind je alle gegevens van je gebruikers terug. Dit is onder te verdelen in de verschillende pagina’s: gebruikers, enquêtes en interesses.

4.1 Gebruikers

Hier vind je alle gegevens van je gebruikers terug. Je kunt eenvoudig een gebruiker zoeken door de gebruiker in te vullen in de zoekbalk. Ook kun je een nieuwe gebruiker aanmaken door op de knop “+ nieuwe gebruiker” te klikken. Om alle data van de gebruikers te exporteren, klik je op “Data exporteren”.

In de blokken van je vijf verschillende iconen. Met de sleutelknop kun je een wachtwoord reset mail versturen. De tweede knop kun je gebruiken om een verificatiemail te sturen. Bij het tandwiel kun je gegevens van de gebruiker in zien. Denk hierbij aan verjaardag, BTW-nummer, voornaam, achternaam, telefoonnummer, voorkeuren voor nieuwsbrieven en gekochte producten. Ook kun je eenvoudig een prijsplan toevoegen als dit nodig is. De oranje knop deactiveert het account en de rode knop verwijderd het account volledig.

4.2 Enquêtes

Het onderdeel Enquêtes wordt gebruikt om vragen aan te maken en te beheren. Enquêtes helpen bij het verzamelen van inzichten over gebruikers, zoals voorkeuren, gedrag of feedback.

4.3 Interesses

Je kunt nieuwe interesses aanmaken en bestaande interesses verwijderen met deze tool. Gebruikers kunnen na het aanmaken van hun account hulpprogramma’s selecteren voor een meer gepersonaliseerde ervaring.

5. Commercie

Hier vind je alle commerciële aspecten van het platform zoals, prijsplannen, sponsoren en aankopen.

5.1 Prijsplannen

Hier zie je een overzicht van alle prijsplannen die je hebt. Je ziet hier de naam, de prijs en de beschrijving van het prijsplan, ook zie je het type prijsplan en je kan verschillende acties uitvoeren.

Om de naam en beschrijving van een prijsplan aan te passen, klik je op “Prijsplan bewerken”. Je kan er ook voor kiezen om een prijsplan aan te maken door te klikken op de knop “+ Maak nieuw prijsplan”.

Als je klikt op “Bekijk assets”, krijg je een overzicht van alle video’s waaraan dit prijsplan is toegevoegd. Daar kan je de video bekijken, de video wordt dan geopend in een nieuw tabblad. Als je drukt op verwijderen, wordt het prijsplan bij die video verwijderd.

Als je klikt op “Beheer coupon codes”, zie je een overzicht van je bestaande coupon codes en of deze gebruikt zijn of niet. Je kan ook nieuwe coupon codes genereren. Hiervoor voer je het kortingspercentage in en het aantal kortingscodes dat je wil hebben. Vervolgens druk je op “Genereer coupon codes”. Hierna verschijnen de nieuwe codes in het overzicht van coupon codes. Als je klikt op “Verwijderen” verwijder je het prijsplan.

5.2 Sponsoren

Hier vind je een overzicht van alle sponsoren. Je ziet hier de naam van de sponsor, de URL van de sponsor (mits deze ingevuld is) en het logo van de sponsor. Ook kan je hier sponsoren verwijderen. Dit doe je door op de “Sponsor verwijderen” knop te klikken.

Daarnaast kan je hier ook nieuwe sponsoren toevoegen. Dat doe je door op de “+ Nieuwe sponsor toevoegen” knop rechtsboven in de hoek te klikken. Hier vul je dan de naam van de sponsor in, ook kan je een URL naar de website van de sponsor invullen, dit is optioneel.

Overigens moet het logo van de sponsor geüpload worden. Dit logo komt boven de video of livestream te staan. Het logo uploaden doe je door te klikken op “kies bestand”. Daarna kan je een bestand selecteren en op “Upload” drukken. Als er een URL ingevuld is, kunnen mensen op het logo klikken en leidt dat naar de ingevulde URL.

Wanneer je alles ingevuld hebt, klik je op sponsor toevoegen. De nieuwe sponsor staat dan in het overzicht met sponsoren.

5.3 Aankopen

Hier vind je een overzicht van alle aankopen die gedaan zijn. Je ziet hier wat voor type aankoop het is, welk prijsplan bij de aankoop hoort, aan wie het verkocht is, de datum waarop de aankoop gedaan is en wat de status van de aankoop is. Als er “gemaakt” staat, betekent dat dat de aankoop gedaan is. Er kan ook “Terugbetaald” staan. Dat is als iemand zijn geld teruggekregen heeft.

Daarnaast kan je de prijsplan assets bekijken, hier zie je welk prijsplan iemand aangeschaft heeft en wat er bij dat prijsplan hoort. Verder kan je de transacties bekijken, daar zie je meer informatie over de transactie, zoals de transactie ID, de prijs, de datum, de status en de eventuele gekregen korting. Als iemand terugbetaald moet worden, kan dat hier gedaan worden, door onder acties op “Terugbetalen” te klikken.

Om een duidelijk overzicht te krijgen kun je ook alle prijsplannen exporteren.

6. Analyses

Analyses biedt inzicht in het gedrag, de activiteit en de betrokkenheid van gebruikers op het platform.

Omdat dit onderdeel zich nog in de beta-fase bevindt, wordt het continu doorontwikkeld. Functionaliteiten en visualisaties kunnen daarom worden uitgebreid of aangepast.

6.1 Analytics 2.0

Op deze pagina kun je eenvoudig prestaties monitoren van livestreams, on-demand video’s en transacties en aankopen. Bovenaan de pagina selecteer je de periode waarin je de statistieken in wil zien. Je kunt kiezen tussen dag, week, maand, jaar en custom. Onder dit blok vind je ook een functie waarmee je de geselecteerde periode kunt vergelijken met het voorgaande jaar.

6.2 Realtime

Het onderdeel Realtime geeft een actueel overzicht van wat er op dit moment binnen het platform gebeurt. Deze analyse toont live data en is bedoeld voor directe monitoring. Onder de statistieken vind je ook welke stream of video momenteel wordt bekeken.

7. Financiën

Hier vind je bedrijfsinformatie, Mollie verbinding en de facturatie.

7.1 Facturatie

Hier zie je welk pakket je gekozen hebt. En er staat een overzicht van je facturen, met daarbij het totaalbedrag en de periode van de factuur.

7.2 Mollie verbinding

Om Mollie te verbinden, maak je eerst een Mollie-account aan op hun website, waarna je het account koppelt aan je webshop of systeem door de API-sleutel in te voeren en betalingsmethoden te activeren

7.3 Bedrijfsinformatie

Hier vul je je bedrijfsinformatie in. Deze informatie wordt nooit openbaar getoond. Het wordt alleen gebruikt voor facturen en betalingen via Mollie.

Contact opnemen

Heb je feedback, vragen of onduidelijkheden? Of wil je weten hoe je jouw JUMP-pagina naar het volgende niveau kan brengen? Mail dan naar p.vanmil@bytomorrow.nl
Of neem contact met ons op via ons contactformulier: https://bytomorrow.nl/#contactform