Handleiding backoffice Shop-app Versie 1.1

Transcriptie

1 Handleiding backoffice Shop-app

2 Inhoudsopgave Algemene instructies & advies... 3 U dient in ieder geval de volgende pagina s in uw basis inrichting op te nemen:... 3 Overig advies & weetjes:... 3 Inloggen... 4 Talen en Kleuren... 5 Talen... 5 Kleuren... 5 Facebook... 6 Startpagina... 7 Welkom Plattegronden Bestemmingen Faciliteiten Lijstweergave in de app: Lijst Lijstweergave in de app: Lijst + Afbeelding met Foto Lijstweergave in de app: Lijst + Afbeelding met Icoon Activiteiten Pushberichten Video impressie Berichten Rollen - Autorisatie levels Evenementen Inschrijvingen Facebook De app is af en nu De app is online, maar er moet iets gewijzigd worden Overige informatie Hyperlinken maken Buitenlandse talen Bekijk uw app zowel op Android en iphone Blijf uw App promoten!... 42

3 Algemene instructies & advies Deze handleiding is met de meeste zorg samengesteld om u te begeleiden bij de inrichting van uw gepersonaliseerde Shop-app. Met de instructies en adviezen die we stap voor stap aan u uitleggen, kunt u starten met het aanmaken van de inhoud van uw app. De Shop-app heeft inmiddels een enorme verscheidenheid aan functies en opmaakmogelijkheden. Wij adviseren u de handleiding aandachtig door te nemen en te starten met het aanmaken van een basis inrichting. Aan de hand van plaatjes met schermafbeeldingen proberen wij u een indruk te geven van de keuzes die u maakt in de backoffice en waar deze zichtbaar zijn in de app. Uw app staat immers nog niet online waardoor de handelingen die u uitvoert niet live zichtbaar zijn. Het starten met het aanmaken van een basisinrichting heeft nog meer voordelen. We leggen u graag kort enkele zaken uit, waaronder onze aanmeld-werkwijze en die van de GooglePlayStore en de AppStore. Een basis inrichting is voor ons, maar ook voor de Stores, sneller te controleren waardoor uw app sneller online geplaatst zal worden. U kunt tijdens de aanmeld-fase gewoon verder gaan met de inrichting van uw app, zolang u de pagina s of functies die nog niet gereed zijn, uitgevinkt laat staan. Dit is erg belangrijk, aangezien de Stores apps weigeren te plaatsen als er niet de juiste invulling is gegeven aan een (lege) pagina. Wanneer uw app online staat is het voor u makkelijker te zien wat u exact toevoegt, wijzigt en u kunt direct de werking van toegevoegde functies testen. Alles wat u bij het online staan van uw app toevoegt, wordt namelijk a la minuut in uw app verwerkt. Soms is even door het menu wandelen genoeg om de wijziging te zien, bij grote wijzigingen zoals de achtergrondkleur veranderen, dient u uw App goed te sluiten en opnieuw te openen. Wanneer u ons aangeeft gereed te zijn voor aanmelding van uw App dan ontvangen wij graag: Invuldocument voor de Stores; Logo in een zo n groot mogelijk formaat; Vierkante icoon van 1000 x 1000 pixels van u. Achter de schermen dienen wij vervolgens nog enkele handelingen te verrichten voordat uw app gereed is voor aanmelding. Let op: Wij hebben geen invloed op de snelheid van verwerking en plaatsing door de Stores van uw app. De GooglePlayStore neemt gemiddeld 1 week en in de AppStore 2 weken de tijd. U dient in ieder geval de volgende pagina s in uw basis inrichting op te nemen: Talen en kleuren; Startpagina; Nog 5-6 overige pagina s waarvan u zelf de keuze kunt bepalen qua lay-out of functionaliteit. Overig advies & weetjes: Download de demo Shop-app in de Store zodat u deze kunt raadplegen; Start met alleen de Nederlandse taal; Start met een donkere achtergrondkleur en witte tekst; U kunt alleen JPG afbeeldingen uploaden; Vergeet niet steeds uw ingevulde gegevens per item of pagina op te slaan. Wij wensen u veel succes en plezier met de inrichting van uw Shop-app! 3

4 Inloggen Via de link komt u direct op de inlog-pagina (Zie Afbeelding 1). 1. Gebruikersnaam invullen; 2. Wachtwoord invullen; 3. Taal selecteren; 4. Klikken op Inloggen. 5. Let op: Indien dit scherm niet direct verschijnt dan werkt u waarschijnlijk met een verouderde versie van Internet Explorer of van het besturingssysteem Windows XP. Het advies is een versie van Internet Explorer versie 9 of 10 te gebruiken. Als u een verouderde versie van het besturingssysteem Windows XP gebruikt is het een probleem om Internet Explorer versie 9 of 10 te installeren. U kunt dan zonder enig probleem Chrome of Firefox gebruiken. Afbeelding 1 Vervolgens krijgt u het scherm waar uw bedrijfsgegevens vermeld staan (Afbeelding 2). Om te starten of verder te gaan met de inrichting van uw app klikt u op het gele potloodje aan de rechterkant. Afbeelding 2 4

5 Talen en Kleuren U bent nu aangekomen op het basisscherm van uw app. (Zie Afbeelding 3) U ziet dat het scherm een hele reeks tabbladen heeft. We gaan ze stuk voor stuk behandelen van links naar rechts. Iedere keer wanneer u inlogt verschijnt als eerste dit Talen en Kleuren -tabblad. Afbeelding 3 Talen De talen waarin uw app beschikbaar is, bepaalt u door in de kolom 'Beschikbaar' (1) de talen aan of uit te schakelen. U schakelt de talen aan of uit door op het vinkje te klikken. U ziet dat bij de eerste keer alle talen nog uitgevinkt staan. Dit kunt u zo houden, zolang u nog met de inrichting van de app bezig bent en de app nog niet in de Stores is aangemeld. U kunt uiteraard zelf kiezen in welke talen u uw app wilt presenteren aan uw gasten. Wanneer u ervoor kiest om eerst de Nederlandse versie te maken, dan kunt u altijd later nog kiezen om de App meertalig te maken. Voor de aanmelding van de App naar de Stores vinkt u alléén de talen aan die u gereed heeft voor alle faciliteiten. Wanneer de App eenmaal in de Stores staat en u later een taal toevoegt en aanvinkt, dan wordt deze direct verwerkt. Uw App even sluiten en opnieuw openen en u krijgt de nieuwe taalkeuzes te zien. Kleuren De achtergrond / button en tekstkleuren staan standaard ingesteld op donkergrijs en wit. U kunt beide aanpassen naar de door u gewenste kleur. Wanneer u op de kleurencodes (2), (3), (4) en (5) klikt verschijnt er een kleurenwaaier en kunt u een keuze maken die past bij uw huisstijl. Met vak (2) kiest u de achtergrondkleur voor de tekstvakken. Met vak (3) kiest u de tekstkleur van de tekst in de tekstvakken. Met vak (4) kiest u de kleur van de in de app gebruikte buttons. Met vak (5) kiest u de kleur van de buttontekst. 5

6 Facebook Bij het hoofdstuk Inschrijvingen wordt de functionaliteit van Facebook meer in detail beschreven. Op de eerste regel (6) kunt u alvast uw URL van uw website invullen. Op de tweede regel kunt u een URL van bijvoorbeeld het logo op uw website invullen. U vindt de URL van een afbeelding als volgt (zie Afbeelding 4): 1. Ga naar uw website; 2. Ga met uw muis naar de afbeelding / logo; 3. Klik op de rechter muisknop; 4. Open Eiganschappen 5. Bij Adres vindt u de URL van de afbeelding; 6. Kopieer de URL; 7. Plak deze op de tweede regel. Afbeelding 4 6

7 Startpagina De header (1) met menu functie wordt straks in uw app op alle pagina s bovenaan gepresenteerd. (Zie Afbeelding 5) Quietus B.V. zal deze header voor u maken. Hiervoor kunt u uw logo in zo n groot mogelijk formaat mailen naar info@quietus.nl bij uw aanmelding. Hier hoeft u dus niets te doen. Wanneer wij uw app gaan aanmelden bij de Stores zullen wij deze aan uw backoffice toevoegen. Afbeelding 5 De start afbeelding (2) komt straks op de startpagina van uw app boven het menu. Hier kunt u een vierkante afbeelding uploaden. Bij de achtergrond afbeelding (3) kunt u een mooie sfeerfoto uploaden die als kader fungeert en tevens deels transparant achter de startafbeelding en het menu doorloopt. (Zie Afbeelding 6) 7

8 Afbeelding 6 Afbeelding 7 Het hoofdmenu is volledig flexibel in te richten en te benoemen. Wij adviseren u hiermee te wachten tot u een basis inrichting van uw app heeft gemaakt en u weet welke items u precies wilt presenteren. De Benamingen van de Categorieën in de linkerkolom zijn gekoppeld aan de desbetreffende tabbladen in de app. Deze categorieën kunt u een andere benaming geven. U dient de benamingen altijd in te vullen voor de talen die geactiveerd zijn, ook als deze dezelfde blijven als de categorieën.(4) In de volgende kolom (5) vinkt u de categorieën aan die u wilt presenteren in het hoofdmenu. Bij de aanmelding van de app bij de Stores dienen deze pagina s ook daadwerkelijk gevuld te zijn. U kunt bij alle hoofdmenu items afzonderlijk kiezen om een achtergrondkleur of foto te kiezen. Dit doet u via het potloodje (6) bij 'Achtergrond'. Links onderaan de pagina (7) kunt u via de 'opslaan' button uw gegevens bewaren! 8

9 Het aantal downloads van uw app in de GooglePlayStore en AppStore kunt u bij (8) inzien. 9

10 Welkom U kunt naar keuze 0 tot maximaal 20 foto s uploaden via Bladeren (1). De app maakt bij 2 of meer foto s hier automatisch een slide-show aan. Na het selecteren van de foto s seecteert u de button 'Opslaan' (4) om te bewaren. De snelheid van het opslaan van foto s is afhankelijk van uw werkstation. Duurt het lang om meerdere foto s tegelijk op te slaan, dan adviseren wij u om foto voor foto op te slaan. (Zie Afbeelding 8) U kunt altijd foto s verwijderen (2). Via de 'Laat zien' button (3) kunt u de geladen foto s bekijken. Zodra er meerdere foto s geladen zijn verschijnen er achter de benaming van de foto s groene pijltjes naar boven en beneden. Hiermee kunt u de volgorde van de foto s in de slide-show bepalen. Afbeelding 8 10

11 Afbeelding 9 De tekst die op de welkom pagina in de app te zien zal zijn, wordt hier ingevoerd. Het tekstvlak (5) is via de button 'Bewerken' (6) te openen. (Zie Afbeelding 9) Er verschijnt een HTML Editor waarmee u de teksten kunt bewerken en opmaken (7). Het maken van een hyperlink naar een website, adres of telefoonnummer wordt verderop in de handleiding uitgelegd. U zult zien dat het tekstvlak automatisch opent in de door u gekozen kleuren op het 'Talen en kleuren' tabblad. Voer uw tekst in (8) en vervolgens kunt u deze opslaan (9) of annuleren (10). (Zie Afbeelding 10) Onderaan het tekstvlak kunt u optioneel een banner tekst invoeren. (Zie Afbeelding 9) Afbeelding 10 11

12 Plattegronden Hier kunt u kiezen om een plattegrond in de app te plaatsen. U kiest voor 'Nieuwe plattegrond' (1) waarna scherm (2) opent. Bij bungalow- of plaatsnummer (3) vult u 'default in (aub géén hoofdletter gebruiken). Vervolgens kiest u het bestand van uw computer (3) en kunt u dit opslaan of annuleren (4). (Zie Afbeelding 11) Afbeelding 11 12

13 Afbeelding 12 Bestemmingen In deze functionaliteit kunt u een neerwaartse fotopresentatie maken met per item achterliggende teksten, een foto of slideshow en hyperlink buttons.(zie Afbeelding 13) Afbeelding 13 13

14 In Afbeelding 14 ziet u hoe u deze nieuwe bestemmingen kunt invoeren, wijzigen of verwijderen. U kiest voor 'nieuwe bestemming' (1) waarna u deze een naam geeft en opslaat. U kunt deze vervolgens met het gele potloodje (4) openen. Wilt u een item verwijderen uit de lijst dan gebruikt u het rode kruisje (4). Wanneer u later meerdere items heeft aangemaakt dan kunt u de volgorde van presenteren wijzigen door de groene pijltoetsen naar boven of beneden te gebruiken (3). Let op: de aangemaakte pagina staat op actief. Staat uw app nog NIET online, dan kunt u dit zo laten. Staat uw app wel online dan kunt u kiezen de pagina tijdelijk op niet actief te zetten (2) of actief te laten staan zodat u ziet wat u doet. Afbeelding 14 Afbeelding 15 Op Afbeelding 15 wordt getoond hoe u de grafische kenmerken van het bestemmingen menu instelt. De foto die u bij 'Lijst afbeelding' (1) upload wordt getoond in de neerwaartse fotopresentatie. Let op: het mooiste effect met deze presentatie bereikt u wanneer u bij het uploaden van de overige lijstafbeeldingen (1) dezelfde lengte / breedte verhoudingen gebruikt. Bij 'achtergrond afbeelding' (2) kunt u kiezen uit een achtergrondfoto of achtergrond kleur. Deze achtergrondkleur of foto wordt getoond bij de details van een specifieke bestemming. De achtergrondkleur of foto die wordt getoond bij de neerwaartse fotopresentatie wordt ingesteld onder de tab Startpagina. U kunt nu doorgaan met het uploaden van 0 tot maximaal 20 foto s die op de detail pagina van een specifieke bestemming bovenaan de pagina getoond worden. (3) Indien er meerdere foto s toegevoegd zijn, worden deze foto s als slideshow gepresenteerd. Klik op opslaan of annuleren om verder te gaan(4). 14

15 Handleiding backoffice Shop-app Afbeelding 16 We gaan nu naar het tekst tabblad (1). (Zie Afbeelding 16) Bij 'titel' (2) geeft u de benaming in van uw item. Deze benaming wordt automatisch overgenomen op de lijst afbeelding (2) van de bestemming en bovenaan de detailpagina van de bestemming. Optioneel kunt u een 'ondertitel' (3) invullen. Afbeelding 17 Via de knop Bewerken (4) kunt u de 'Introductie tekst' invullen (5) (Zie Afbeelding 17). De Introductietekst verschijnt onder de slideshow op de detailpagina van de specifieke bestemming. De tekst kunt u via de editor opmaken. U kunt vervolgens de pagina opslaan (8) of een extra tekstblok aanmaken. 15

16 Afbeelding 18 U kunt ervoor kiezen naast de introductie tekst nog andere tekstblokken aan te maken. Deze extra tekstblokken beginnen met een dikker gedrukte titel. Door hiervan gebruik te maken oogt de pagina levendiger en overzichtelijker, met name als u veel tekst gebruikt. Ook het onderhouden van de content van de app gaat hierdoor efficiënter. Onder de introductie tekst ziet u nu een veld met 'geen blokken' (6). (Zie Afbeelding 18) Dit houdt in dat in dit voorbeeld geen extra tekstblokken zijn aangemaakt. Om een nieuw tekstblok aan te maken, klikt u op 'Nieuw bestemmingsblok maken' (7). Afbeelding 19 Het bestemmingsblok voorziet u van een 'titel' (1). De titel wordt dikgedrukt weergegeven. Via de button Bewerken (2) kunt u de Body-tekst invoeren en bewerken. Voor de hyperlink button vult u bij Link titel de tekst die in de button komt te staan. Bij link vult u de URL van de bestemming van de link in. (3) Let op: De kleuren van de hyperlink button worden overgenomen van het Talen en kleuren tabblad. 16

17 Sla vervolgens de gegevens op via 'Opslaan' (4). U kunt meerdere bestemmingsblokken onder elkaar aanmaken. (Zie Afbeelding 19) Afbeelding 20 U kunt een bestemmingsblok altijd wijzigen of verwijderen (5). (Zie Afbeelding 20) Faciliteiten In deze functionaliteit kunt u al uw faciliteiten benoemen en heeft u diverse functionaliteiten die u hieraan toe kunt voegen. Dit is een van de meest uitgebreide tabbladen. We adviseren u de stappen dan ook goed te volgen. Lijstweergave in de app U heeft 3 opties om het menu weer te geven. Lijst Lijst + Afbeelding met foto Lijst + Afbeelding met Icoon. 17

18 De verschillen ziet u in onderstaande afbeeldingen. Lijstweergave in de app: Lijst 18

19 Lijstweergave in de app: Lijst + Afbeelding met Foto 19

20 Lijstweergave in de app: Lijst + Afbeelding met Icoon Afbeelding 21 Het aanmaken van een nieuwe faciliteit (Zie Afbeelding 21) 1. Klik op de button Nieuwe faciliteit. 20

21 2. Geef de faciliteit een titel in het pop-up venster dat verschijnt. 3. Bij Soort is het mogelijk de nieuwe faciliteit te koppelen (als sub menu) aan een bestaande faciliteit of om als hoofdfaciliteit aan te maken. 4. Klik op Opslaan. De nieuwe faciliteit is nu toegevoegd aan het overzichtsscherm. U kunt inhoud aan deze faciliteit toevoegen door op het potloodje achter de betreffende faciliteit te klikken. Het bewerk (sub)faciliteit scherm verschijnt. Afbeelding Lijstafbeelding: Een lijstafbeelding wordt niet altijd weergegeven. De afbeelding wordt uitsluitend weergegeven bij subfaciliteiten en wanneer bij weergave in de app is gekozen voor lijst + afbeelding met foto. In alle andere gevallen wordt de lijstafbeelding niet weergegeven en hoeft deze ook niet ingevoerd te worden. Betreft het in uw geval wel een subfaciliteit en heeft u bij weergave in de app voor gekozen om lijst+adbeeldingen met foto te tonen, dan kunt u hier een afbeelding invoegen. De verschillende lijstafbeeldingen worden als neerwaartse foto presentatie getoond. (Let erop dat de lengte breedte verhouding van alle toegevoegde foto s gelijk is, omdat dit een mooier eind resultaat oplevert.) 2. De achtergrond afbeelding of kleur die u hier kiest wordt als achtergrond getoond op de detail pagina van de betreffende faciliteit. 3. Indien u bij Lijstweergave in de app Icoon heeft aangevinkt, kunt u een icoon uit de bibliotheek kiezen die voor de betreffende faciliteit of subfaciliteit in het menu getoond wordt. 4. U kunt hier 0 tot maximaal 20 afbeeldingen uploaden die (als een slideshow) worden getoond boven aan de detail pagina van de betreffende faciliteit. 21

22 Afbeelding 23 Teksten invoegen In de tekst-tabbladen kunt u de informatieve teksten over een faciliteit invoeren. (Zie Afbeelding 23) 1. De titel wordt automatisch overgenomen. (Indien u later deze faciliteit gaat onderbrengen in een sub-menu, komt deze benaming ook terug in die foto. 2. Hier vult u een ondertitel in. 3. Hier kunt u (optioneel) een banner tekst invullen. De banner verschijnt onderaan in beeld. 4. Met de button Bewerken opent u de editor. Hier kunt u de tekst met betrekking tot deze faciliteit invoeren en opmaken. Afbeelding 24 U kunt per faciliteit ook tekstblokken aanmaken. De tekstblokken verschijnen in de tabel onder de introductie tekst. (1). Klikt u op de button Nieuwe blok (2) dan opent het scherm Nieuw / Bewerk blok (Zie Afbeelding 25). Nadat alle teksten zijn ingevoerd dient u uw wijzigingen op te slaan. 22

23 Afbeelding 25 Het bestemmingsblok voorziet u van een 'titel' (1). De titel wordt dikgedrukt weergegeven. Via de button Bewerken (2) kunt u de Body-tekst invoeren en bewerken. Voor de hyperlink button vult u bij Link titel de tekst die in de button komt te staan. Bij link vult u de URL van de bestemming van de link in. (3) Let op: De kleuren van de hyperlink button worden overgenomen van het Talen en kleuren tabblad. Sla vervolgens de gegevens op via 'Opslaan' (4). U kunt meerdere bestemmingsblokken onder elkaar aanmaken. Automatisch zijn er twee standaard blokken ingevoerd, namelijk openingstijden hoogseizoen en openingstijden laagseizoen. U kunt hier uw openingstijden invoeren en als apart tekstblok publiceren in de app. U kunt er zelf voor kiezen om deze blokken al dan niet te activeren. Wanneer u de openingstijden gaat bewerken wordt de tekst 'hoogseizoen' of 'laagseizoen automatisch meegenomen in de titel. U kunt dit deels weghalen zodat er alleen 'Openingstijden' boven de tabel komt te staan. U heeft 7 regels voor openingstijden om tijden in te vullen. Afbeelding 26 Het tabblad faciliteiten (zie Afbeelding 26) toont de verschillende aangemaakte (sub)faciliteiten. 1. De verschillende (sub)faciliteiten; 2. U kunt een aangemaakte faciliteit alsnog koppelen aan een (reeds aangemaakte) hoofdfaciliteit. Selecteer hiervoor de hoofdfaciliteit uit de drop down lijst; 3. Het groene vinkje is een indicatie af de faciliteit al dan niet geactiveerd is in de app; 4. U kunt de volgorde van de faciliteiten in het menu verplaatsen via de groene pijltoetsen; 5. Bewerken of verwijderen van de faciliteit. 23

24 Activiteiten Deze functionaliteit heeft een net iets andere indeling en mogelijkheden dan het tabblad Faciliteiten. In deze functie zit GEEN submenu. Afbeelding 27 Voor het aanmaken van een nieuwe activiteit kiest u de button 'nieuwe activiteit' (zie Afbeelding 27). Er verschijnt een pop-up waar u de titel van uw activiteit in kunt geven en op kunt slaan. Deze komt nu in het activiteiten overzicht te staan. Iedere keer wanneer u een nieuwe activiteit aanmaakt komt deze onderaan de lijst te staan. Later kunt u via de pijltoetsen (2) de volgorde bepalen. Via het potloodje (3) kunt u de activiteit gaan bewerken. Afbeelding 28 Indien u bij Lijstweergave in de app heeft gekozen voor Lijst+afbeelding en Foto komt de afbeelding die u hier toevoegt in het menu voor activiteiten te staan. Indien u bij Lijstweergave in de app een andere keuze heeft gemaakt, hoeft hier geen foto ingevoegd te worden. Indien u bij Lijstweergave in de app heeft gekozen voor Lijst+afbeelding en Icoon komt het icoon dat u hier (4) uit de bibliotheek selecteert in het menu voor activiteiten te staan. Indien u bij Lijstweergave in de app een andere keuze heeft gemaakt, hoeft u hier geen icoon te selecteren. Vervolgens kunt u kiezen om een achtergrondfoto te laden of via de kleurenwaaier een achtergrondkleur kiezen (2) die op de detail pagina van de activiteit te zien is. Bij Diashow afbeeldingen (3) kunt u 0 tot maximaal 20 foto s laden. Wanneer er 2 of 24

25 meer foto s zijn geladen wordt er automatisch een slideshow aangemaakt. U kunt nu tussentijds opslaan of verder gaan met de teksten. Afbeelding 29 De titel en ondertitel (1) worden automatisch overgenomen. (Zie Afbeelding 29) U kunt een banner (2) invoeren, die onderaan het detail scherm te zien zal zijn. De introductie tekst en body tekst kunt u met de button Bewerken invoeren en opmaken. Deze teksten zullen achtereenvolgens te zien zijn op de detail pagina van de activiteit. Afbeelding 30 In het activiteiten menu kunt u een tekst onder de titel plaatsen. Dit doet u door op het tabblad Teksten een Lijsttekst in te voeren. (Zie Afbeelding 30) U heeft 3 opties om het menu weer te geven. Lijst Lijst + Afbeelding met foto Lijst + Afbeelding met Icoon. 25

26 De verschillen ziet u in onderstaande afbeelding. (Zie Afbeelding 31) Afbeelding 31 26

27 Pushberichten Pushberichten zijn berichten die u aan uw appgebruikers kunt sturen. De gebruiker ontvangt een melding op zijn mobiele telefoon dat er een nieuw bericht is, vergelijkbaar met sms of Whats app. Bij het downloaden van de app wordt de gebruiker de keuze gegeven of deze wel / geen pushberichten wil ontvangen. Afbeelding 32 Boven aan het scherm (1) wordt een filter getoond. (Zie Afbeelding 32) Hiermee geeft u aan welke berichten getoond worden. Rechts van het filter wordt aangegeven welk filter momenteel actief is. Een nieuw pushbericht wordt aangemaakt door Nieuw pushbericht (2) te selecteren. Afbeelding 33 In het pop-up scherm Nieuw / Bewerk push bericht (zie Afbeelding 33) kunt u het pushbericht aanmaken. 1. Geef het bericht een titel; 2. Voer het bericht in; 3. Selecteer de datum en tijd dat het bericht verzonden moet worden. Het is mogelijk om een onbeperkt aantal berichten klaar te zetten om in de toekomst te verzenden. 27

28 Video impressie Het is mogelijk om video s die op YouTube geplaatst zijn in de app af te laten spelen. Hieronder wordt beschreven hoe u een video toevoegt. Afbeelding 34 Om een video te uploaden klikt u op de button 'nieuwe video' (1). In het vervolgscherm kunt u in de gewenste talen een naam aan de video geven (2). (Zie Afbeelding 34) Bij Link vult u een deel van de embedded code van YouTube in. 1. Ga naar YouTube.com en zoek het filmpje dat u wilt toevoegen; 2. Klik op het filmpje op de rechtermuisknop en selecteer Copy embed code of Insluitcode kopiëren (zie Afbeelding 35); 3. Ga naar een leeg word document en plak de code, bijvoorbeeld: <iframe width="640" height="360" src="// frameborder="0" allowfullscreen></iframe> 4. Van deze code heeft u niet alles nodig. Alleen het rode gedeelte kopieert u; <iframe width="640" height="360" src="// frameborder="0" allowfullscreen></iframe> 5. In de backoffice plakt u het rode gedeelte van de code in het teksvlak van Link. Afbeelding 35 28

29 Berichten Berichten is een functie waarmee uw appgebruikers onderling berichten kunnen versturen. In de backoffice heeft u een overzicht van de verschillende onderwerpen, de verzonden berichten en de deelnemers. De verschillende onderwerpen of deelnemers zijn zichtbaar in vak (1). Indien u een onderwerp of deelnemer in vak (1) selecteert, toont vak (2)een deel van alle berichten die danwel in dit onderwerp, danwel door de deelnemer geschreven zijn. Door een bepaald bericht uit dit overzicht te selecteren, wordt dit bericht in zijn geheel in vak (3) getoond. In de backoffice heeft u de mogelijkheid om berichten te verwijderen of accounts te blokkeren. Om een bericht (voor de appgebruiker) te verwijderen selecteert u Aanstootgevend in vak 3. Een account kan geblokkeerd worden door de optie Blokkeer account. Deze is zowel in vak 2 als in vak 3 selecteren. Indien u deze functie activeert in de app, wees er dan op attent dat er ook negatieve berichten geplaatst kunnen worden. Deze berichten kunnen schadelijk zijn voor uw bedrijf. Zoals beschreven, kunt u deze berichten in de backoffice verwijderen en accounts blokkeren. Dit houdt echter wel in dat u hier actief op moet controleren. Afbeelding 36 29

30 Rollen - Autorisatie levels U kunt meerdere personen machtigen om (een deel van de app) te beheren. U kunt bijvoorbeeld uw recreatieteam machtigen om alleen het animatieprogramma te beheren en de daarbij behorende inschrijvingen. Afbeelding 37 Om een nieuwe machtiging voor iemand aan te maken klikt u op de button 'nieuwe rol' (1) waarna het pop-up scherm Nieuw / Bewerk rol verschijnt. 1. Vul de naam van uw medewerker in; 2. Kies een gebruikersnaam; 3. Kies een wachtwoord (Wachtwoorden kunt u zelf vernieuwen, indien deze vergeten wordt.); 4. Sla de gegevens op. Afbeelding 38 Via het overzichtscherm kunt u gegevens aanpassen en rechten toevoegen. (Zie Afbeelding 38) Via het potloodje kunt u de inloggegevens wijzigen; Via het slotje opent het Bewerk rollen scherm. In dit scherm kunt u selecteren welke machtigingen uw medewerker krijgt; Via het rode kruisje kunt u een machtiging verwijderen. 30

31 Bestellen Het is mogelijk om binnen de app een bestelmodule te ontwikkelen. Wanneer u dit doet word ter automatisch een tweede backoffice gemaakt. In het tweede backoffice is het mogelijk om producten toe te voegen. Ook bidet het tweede backoffice u een overzicht van binnengekomen bestellingen. In dit deel van de backoffice kunt u algemene zaken van de bestellfunctie inrichten en kunt u de gebruikersgegevens voor de tweede backoffice aanmaken en wijzigen. Om een bestelmodule aan te maken, dient u een winkel aan te maken. Het is mogelijk om een meerdere winkels in één app aan te maken. Klik op Nieuwe winkel om de nieuwe winkel te creëeren. Geef de winkel in het pop-up scherm dat open teen naam. Er is nu een nieuwe winkel aangemaakt. 31

32 Algemeen Banner Bestellen mogelijk op Minimaal aantal minuten Start tekst Aflevermogelijkheden Betaal methodes Plaatsnummer / Adres De banner verschijnt onderaan de pagina in de app. U kunt hier bijvoorbeeld gebruik van maken voor aanbiedingen. De dagen en tijden dat bestellingen bezorgd / afgehaald kunnen worden. Hiermee kunt u aangeven hoe lang u nodig heeft om de bestelling in orde te maken. Wanneer de app gebruiker naar de pagina voor bestellen gaat, is dit de eerste pagina die ze te zien krijgen. U kunt kiezen uit bezorgen en / of afhalen U kunt kiezen uit Contant en / of ideal Indien u bezorgt kunt u kiezen of de bezorg lokatie een adres of plaatsnummer is. 32

33 De bestelling wordt in ieder geval zichtbaar in de tweede backoffice, maar word took naar het adres verzonden dat u hier ingeeft. Inloggen Kies hier een gebruikersnaam en wachtwoord voor de tweede backoffice. Het wachtwoord kunt u niet opnieuw opzoeken. Indien u het wachtwoord vergeten bent, kunt u hier wel een nieuw wachtwoord aanmaken. Artikelen In het tabblad met artikelen staat een link naar de tweede backoffice. Door op deze link te klikken opent een tweede backoffice in de internet browser. U kunt in deze backoffice inloggen met de inloggegevens die u in de Inloggen tab heeft aangemaakt. 33

34 Evenementen U kunt hier een presentatie van door u geplande evenementen of activiteiten tonen. In de app opent de kalender altijd in de actuele week. De appgebruiker kan zelf voor- of achteruit bladeren. Afbeelding 39 Bij Banner vult u een bannertekst in, in de door u gebruikte talen in de app. Bij vult u een adres in. Indien de functionaliteit Inschrijven voor een evenement wordt geactiveerd, wordt een kopie van de inschrijving naar dit adres verzonden. Klik op opslaan om de gegevens te bewaren. Afbeelding 40 Wanneer u op de button 'nieuwe datum' opent het scherm Recratieprogramma datum. In vak (2) kunt u de datum van het evenement selecteren, maar u kunt ook een langere periode selecteren. Indien u een langere periode heeft geselecteerd, kunt u aangeven met welke tijdsinterval het evenement plaatsvindt. Ook kunt u aangeven op welke dag(en) het evenement plaats heeft. In vak 3 bij de kolom Inschrijven kunt u beslissen of inschrijven voor een evenement verplicht is. Door het vinkje te activeren, wordt inschrijven voor die betreffende activiteit verplicht. Vervolgens kunt u aangeven van en tot hoe laat het evenement duurt. Door op de knop Nieuwe tijd te klikken opent het scherm Recreatieprogramma tijd. (Zie Afbeelding 40) 34

35 Afbeelding 41 In dit scherm geeft u de tijden aan en kunt u het evenement een naam geven. Let op: Wanneer er door de agenda 4 weken lang géén activiteit wordt gesignaleerd, dan schakelt de App de functionaliteit uit en verdwijnt deze uit het menu. Wanneer er binnen 4 weken weer activiteit waargenomen wordt, dan komt de agenda automatisch weer in het menu te staan. 35

36 Inschrijvingen Per activiteit heeft u de mogelijkheid om aan te geven of er ingeschreven dient te worden. U vinkt dan bij de activiteit de optie 'inschrijven' aan, zoals bij activiteiten besproken. Zolang er geen inschrijvingen binnengekomen zijn, blijft het tablet leeg. Zodra er inschrijvingen binnenkomen, dan ziet u per activiteit het aantal inschrijvingen bij de kolom 'nummer'. Afbeelding 42 Via het oogje in kolom (1) kunt u een volledig inschrijvingsoverzicht zien en eenvoudig printen met de knop Print. Via de rode kruisjes in kolom (2) kunt u inschrijvingen verwijderen uit de beheeromgeving. Inschrijven via de app kan er op de app uit komen te zien als in Afbeelding 42 36

37 Afbeelding 43 Zoals u op Afbeelding 43 kunt zien, kan de gast zijn inschrijving delen op zijn persoonlijke Facebook pagina. Deze deling is voor u niet zichtbaar in verband met het privacy beleid van Facebook. 37

38 Facebook Hoe leuk is het dat de appgebruiker zijn deelname aan uw activiteit kan delen op zijn persoonlijke facebookpagina? Wanneer de gast voor 'ja' kiest dan genereert de app zelf een bericht over de exacte activiteit. De appgebruiker kan boven die bericht nog een persoonlijk bericht typen. en kan de gast er nog een bericht boven tikken. (Onderstaand nog oude schermafbeeldingen, worden nog vervangen in volgende versie van de handleiding). Zo ziet u in onderstaande schermafbeelding dat de app uw Facebook gegevens die u heeft ingevuld op het Talen en Kleuren tabblad overneemt in het bericht. Er is een link gemaakt naar en ons icoon is geladen. 38

39 De app is af en nu Het ontwerp en de inhoud van de app is nu bepaald. De app is klaar om aangemeld te worden bij de App Store en de Google Play Store. Door het door u ontvangen aanmeldformulier en uw bedrijfslogo in goede kwaliteit met minimale grootte van 1000 pixels x 1000 pixels naar Quietus B.V. (info@quietus.nl) te mailen, wordt het proces van aanmelding in gang gezet. Nadat de app is aangemeld en geaccepteerd door de stores, kunnen uw klanten de app downloaden. Van Quietus B.V. ontvangt u een QR code die uw klanten eenvoudig naar de app in de verschillende stores navigeert. Hierdoor kunnen uw klanten de app snel en eenvoudig downloaden. De QR code kunt u bijvoorbeeld opnemen in uw advertenties, op uw verpakkingen laten drukken of op uw counter zetten. De app is online, maar er moet iets gewijzigd worden Wijzigingen die in de backoffice na aanmelding van de app gedaan worden, zijn direct terug te zien in de app. 39

40 Overige informatie Hyperlinken maken In ieder tekstblok waar de editor aanwezig is kunt u een hyperlink maken naar bijvoorbeeld een website, adres of telefoonnummer. U maakt een hyperlink aan door op het icoon link invoegen / wijzigen tekst te maken, gaat u als volgt te werk: 1. Selecteer de tekst waarvan u een link wil maken; 2. Selecteer de button link invoegen / wijzigen in de HTML editor; 3. Het pop-up scherm Link opent; 4. Selecteer het Linktype, u kunt kiezen uit: a. URL (voor website of telefoonnummer); b. Interne link in pagina; c. 5. Vul protocol en URL in. te klikken. Om een hyperlink van een deel van de Van de meest gekozen opties, is in onderstaande afbeelding een voorbeeld gegeven hoe de overige velden ingevuld dienen te worden. Afbeelding 44 Let op: bij het telefoonnummer dient u in het tekstvalk van de URL tel:// voor het nummer te zetten anders werkt de link niet. Buitenlandse talen Om het invoeren van de animatie / recreatieprogramma s naar meerdere talen te vereenvoudigen, hebben we het volgende ingebouwd. Alles wat u in de Nederlandse versie invoert wordt 1:1 online in de App in het Nederlands doorgezet naar de overige talen die actief zijn in uw App. Let op: In de backoffice blijven de taal tabs per activiteit leeg! U blijft echter over de mogelijkheid beschikken om toch vertalingen per activiteit erin te zetten. Dan vult u de taal-tabs per activiteit / taal in. Bekijk uw app zowel op Android en iphone Wij adviseren u, wanneer u in de gelegenheid bent om uw app op zowel een Android toestel als iphone te bekijken. Een aantal zaken worden op deze verschillende type telefoons anders weergegeven. Denk hierbij aan tabellen en de grootte van de tekstopmaak. Een ander voorbeeld van een verschil is het aantal karakters in de menu-benaming van de faciliteiten of de agenda. Bij een iphone zijn dit minder karakters om de naam netjes op de menu-balk te houden. 40