1. ALGEMEEN. Klikt u op My StyleIt, dan verschijnt het submenu met bovenaan uw winkelnaam (Afbeelding1.1)

1. ALGEMEEN 1.1. Inloggen

Inloggen kan op: http://bcb.bcb01.netivity.nl. U logt in met uw gebruikersnaam en uw wachtwoord. Deze heeft u van BCB ontvangen. U krijgt toegang tot het CMS (Content Management System), ook wel Backstage genoemd, waar u uw website kunt bijhouden, aanpassen etc.

1.2. Menu

Aan de linkerkant staat het menu. Het menu bestaat globaal gezien uit twee delen: My StyleIt en My Modules. MyStyleIt is de afdeling waar u de structuur bepaalt, en bij My Modules bepaalt u de inhoud. Door op een van de twee te klikken, verschijnt een submenu. Klikt u op My StyleIt, dan verschijnt het submenu met bovenaan uw winkelnaam (Afbeelding1.1). Klikt u op My Modules, dan verschijnt een submenu met Dashboard en daaronder 5 rubrieken (Afbeelding1.2): - Assortiment, - Content, - Shop, - Orders, - Communicatie.

Afbeelding 1-1

Afbeelding 1-2

1.3. Dashboard (Zie afbeelding 1.3)

Klikt u op My Modules, dan is het Dashboard direct zichtbaar. In het hoofdscherm ziet u nu de Shop Status. In één oogopslag kunt u zien of alle belangrijke onderdelen van de shop goed functioneren. Functioneert een onderdeel van de shop niet, dan ziet u achter dat onderdeel een uitroepteken. Klik op herstel en u gaat direct naar de pagina waar de fout zit.

Afbeelding 1-3

1.4. Uitloggen - Van backstage naar de webshop

Rechts bovenin het scherm ziet u nog enkele buttons. - U kunt hier uitloggen (door op uw naam te klikken). - Klikt u op de naam van de website, dan komt u terecht op de liveshop. deze opent in een apart tabblad, zodat u makkelijk kunt switchen tussen backstage en resultaat. Zie afbeelding 1.4

Afbeelding 1-4 1

2. MY STYLEIT Onder de map met de naam van uw winkel vindt u in de regel vier mappen: - Hoofdmenu - Footer - Copy - Ordertraject Onder deze mappen kunnen pagina’s komen te staan, die u zelf aanmaakt. De belangrijkste pagina is de homepage onder Hoofdmenu (zie afbeelding 2.1) Deze is gekoppeld aan het home-icoon (op de site het huisje in de menubalk). De pagina home is reeds aangemaakt. Hieronder bespreken we de vier tabbladen die verschijnen wanneer u op een pagina klikt of een nieuwe pagina aanmaakt. Een nieuwe pagina aanmaken doet u door op het plusje te klikken rechtsonder in de menubalk.

Afbeelding 2-1

2.1 Tabblad Algemeen

U kunt hier een aantal dingen aangeven, zoals de titel van de map en de slug. De slug is het deel van de URL dat gebruikt wordt om de pagina op te roepen. De url mag geen tekens zoals http:// of https:// bevatten. In het derde balkje geeft u aan waar de pagina onder valt. Of het bijvoorbeeld een homepage is of een footer. (In het voorbeeld van afbeelding 5 valt de pagina home in het menu links onder Hoofdmenu.) Er zijn meerdere mogelijkheden. Het type ‘Styleit’ is een normale contentpagina. Home zorgt ervoor dat deze pagina als homepage wordt ingesteld. 2

2.2 Tabblad SEO Search Engine Optimization. Zoekmachine-optimalisatie. Door specifieke trefwoorden in te vullen, vergroot u de kans gevonden te worden door zoekmachines als Google. Bij het tabblad SEO kunt u: a. de titel aangeven die u in de browser wilt zien. Als voorbeeld hiernaast de website van Lees en luister (Afbeelding 2.2 - 1). Bij browsertitel is ingevuld: Christelijke boeken, muziek, films, kaarten en gifts Iemand die bij Google zoekt, leest deze zelfde tekst (Afbeelding 2.2 - 2).

Afbeelding 2.2 - 1

Afbeelding 2.2 - 2

b. een meta beschrijving toevoegen In een meta-omschrijving zegt u in het kort waar de pagina over gaat. De meta-omschrijving is zichtbaar in de zoekmachines. Zo kunt u de meta-omschrijving optimaliseren voor bijvoorbeeld Google, zodat u hoger in de zoekresultaten komt te staan. Voorbeeld: website van Lees en luister Bij metabeschrijving is ingevuld: Ga voor christelijke boeken, muziek, films, kaarten en gifts naar uw plaatselijke boekhandel, of plaats uw bestelling online. De meeste christelijke prod ucten voor 15.00 uur besteld, morgen in huis. (Afbeelding 2.2 - 3). Google toont deze zelfde tekst.

Afbeelding 2.2 - 3

3

2.3 Tabblad inhoud

Bij het tabblad Inhoud kunt u snel en gemakkelijk een StyleIt content aanmaken. Het betreft tekst met een vrije opmaak die u als pagina kunt oproepen. Deze tekst wordt meteen gekoppeld aan de pagina waarin u zich op dat moment bevindt. Dit is handig als u veel pagina’s tekst moet maken. Tip: Maak een mapje “content” aan en plaatst hier deze pagina’s aan. Een nieuwe pagina aanmaken doet u door op het plusje te klikken rechtsonder in de menubalk.

Voorbeeld: In de map content van de website Lees en Luister wordt een nieuwe pagina(map) tekst aangemaakt, en wordt het tabblad inhoud gevuld met tekst en afbeelding. 1. We gaan met de aanwijzer (cursor) naar de map content. Deze maakt deel uit van het My StyleIt menu. 2. We klikken op het plusje (= pagina toevoegen) rechtsonder in het menu, en voegen een pagina tekst toe. 3. Als we de nieuwe pagina tekst selecteren, zien we de eerder genoemde tabbladen (zie afbeelding 2.3 - 1). 4. We kijken in dit voorbeeld alleen naar de tab inhoud. Deze tab toont de pagina die uiteindelijk op de werbsite kan worden getoond, zoals u het opmaakt. U kunt hier tekst typen of plakken, vervolgens opmaken, afbeeldingen of links plaatsen, e.a. U gebruikt hiervoor de icoontjes in de content-menubalk bovenaan. Door de aanwijzer even stil te houden boven een icoontje leest u de omschrijving. Zie afbeelding 2.3 - 2 hieronder, waar we de aanwijzer stil hielden boven het voorlaatste (youtube) icoontje.

Afbeelding 2.3 - 1

Afbeelding 2.3 - 2

4

2.4 Tabblad layout Dit tabblad bepaalt het uiteindelijk gezicht van uw webshop. Hier zorgt u voor de definitieve indeling. Afbeelding 2.4 - 1 toont u de indeling van de Lees en Luister website. Hier is gekozen voor een smalle kolom links en een bredere ernaast. Elk vakje is de ruimte voor een inzet. Om een pagina in te delen moet u dan ook eerst inzetten maken. Dit wordt later besproken onder My modules / content. Bovenaan kiest u welke layout u gaat gebruiken. LeesenLuister koos voor kolom links.

Afbeelding 2.4 - 1

Per vakje kunt u een inzet plaatsen door op het penseeltje te klikken en dan verschijnt er een venster. Hier kunt u de inzet kiezen die u in dat vak wilt zien. Sla de pagina op.

2.5 Tabblad campagne

Dit tabblad is speciaal gemaakt voor de BCB promotiesites waarop niet verkocht wordt. U kunt dit overslaan.

5

3. ASSORTIMENT Onder het menu Assortiment ziet u twee modules: Producten en assortiment.

3.1. Producten

Bij Producten kunt u informatie toevoegen aan bestaande producten in de database. Deze aanpassing is alleen bij uw winkel zichtbaar! Het toevoegen van informatie aan een bestaand product kan op de volgende manier: Ga naar Assortiment / Producten. Klik op toevoegen (afbeelding 3.1 - 1). Vul het artikelnummer of de titel in. Er verschijnt een tabblad met de informatie van het bedoelde artikel. Hier kunt u tekst toevoegen.

Afbeelding 3.1 - 1

3.2. Assortiment

Met deze module kunt u bepalen welke producten u uit de database in uw assortiment wilt gebruiken. In de 6 verschillende tabbladen kunt u keuzes maken waaraan uw assortiment moet voldoen. Tabblad Leveranciers (Zie afbeelding 3.2 - 1) U heeft drie mogelijkheden om aan te vinken. Het programma maakt onderscheid tussen leveranciers en uitgevers. Via de leveranciers komen de producten de database binnen. Standaard staat “Alles” aangevinkt, en is er ook geen lijst met leveranciers zichtbaar. Bij de beide andere mogelijkheden wel. Met dit tabblad kunt u bepalen welke leveranciers u wilt gebruiken voor de webshop. Kiest u de keuze ‘alles’ dan leveren alle leveranciers die in de lijst staan de artikelen. Wilt u dat alle leveranciers, op 1 na, hun artikelen leveren, dan kunt u dit heel gemakkelijk invoeren. U kiest namelijk ‘alles behalve’ en geeft hier aan welke leverancier u niet wilt gebruiken. Wilt u maar een klein aantal leveranciers uit de lijst, kies dan ‘alleen’. Kies hier de leveranciers die u wilt gebruiken.

Afbeelding 3.2 - 1 6

Tabblad productvormen Bij productvormen kunt u denken aan audio, paperback, video’s, poster etc. U kunt er ook voor kiezen om bepaalde productvormen niet in uw assortiment te plaatsen. Dan kunt u bij alles behalve aangeven welk productvorm u niet in het assortiment wil hebben. NB: Heeft u 1 productvorm geselecteerd, sla dit eerst op en daarna krijgt u weer een lege regel voor het geval er nog een productvorm geselecteerd moet worden. Selecteert u alleen dan komen alleen de productvormen in het assortiment van het geselecteerde item. Ook hier staat standaard alles aangevinkt, en is er ook geen selectielijst met productvormen zichtbaar. Bij de beide andere mogelijkheden wel. Tabblad NUR Codes Wilt u bepaalde boek-onderwerpen niet in uw webshop, dan kunt u gebruik maken van de NUR-codes. Kiest u de keuze alles dan komen alle boeken in het assortiment. Wilt u dat alle boeken, op 1 onderwerp na, in uw assortiment zit, dan kunt u dit heel gemakkelijk invoeren. U kiest namelijk alles behalve en geeft hier aan welke NUR-code u niet wilt gebruiken. In het voorbeeld hieronder (afbeelding 3.2 - 2) wordt er voor gekozen om alle onderwerpen in uw assortiment te plaatsen, behalve kalenders. Wilt u maar een klein aantal onderwerpen uit de lijst, kies dan alleen. Kies vervolgens alleen de NUR-codes die u wel in het assortiment wilt.

Hfdst 3.2 - 2

Tabblad C-NUR Codes Wilt u bepaalde christelijke boek-onderwerpen niet in uw webshop, dan kunt u gebruik maken van de C-NUR codes. Kiest u de keuze alles dan komen alle boeken in het assortiment. Wilt u dat alle boeken, op 1 onderwerp na, in uw assortiment zitten, dan kunt u dit heel gemakkelijk invoeren. U kiest namelijk alles behalve en geeft hier aan welke C-NUR code u niet wilt gebruiken. Wilt u maar een klein aantal christelijke onderwerpen uit de lijst, kies dan alleen. Kies hier de C-NUR codes die u in het assortiment wilt.

7

Tabblad Uitgevers Wilt u bepaalde uitgevers niet in uw assortiment, dan kunt u dit aangeven in de het kopje uitgevers. Kiest u de keuze alles dan komen alle artikelen in het assortiment te staan. Wilt u dat alle artikelen, op de artikelen van één uitgever na in het assortiment komen is dit gemakkelijk in te voeren. U kiest namelijk alles behalve’en geeft hier aan welke uitgever u niet wil gebruiken. Wilt u maar een klein aantal uitgevers uit de lijst, kies dan alleen. Kies hier de uitgevers die u in het assortiment wilt hebben (Afbeelding 3.2 - 3).

Afbeelding 3.2 - 3

Tabblad Artikelnummers Hier kunt u artikelen op basis van artikelnummer aan uw assortiment toevoegen of uitsluiten. Het gaat hier dus niet om nieuwe artikelen, maar om artikelen die in uw assortiment niet zichtbaar zijn door de gekozen instellingen. Dit staat los van gekozen voorwaarden en toegewezen leveranciers. Met deze functie kunt u bijvoorbeeld uw hele assortiment + 10 CB boeken inregelen of andersom. Een artikel kan op de volgende manieren worden toegevoegd: - vul een zoekterm of artikelnummer in en klik op het gewenste artikel; het word toegevoegd aan de lijst. - na opslaan verschijnt een nieuwe lege regel. - met de functie invoeren (Afbeelding 3.2 - 4) kunt u in een keer een reeks artikelnummers opvoeren.

Afbeelding 3.2 - 4

8

4. CONTENT

Onder Content valt, eenvoudig gezegd, heel de inhoud van de webshop. Het cms is zo opgebouwd, dat de ruggengraat via het style-IT wordt opgebouwd. Onder content worden blokjes met inhoud vormgegeven, die vervolgens worden gekoppeld aan de pagina’s bij StyleIt.

4.1. Menu

Binnen deze module maakt u een hoofdmenu aan. Deze correspondeert met de balk onder de header (Afbeelding 4.1 - 1). In het voorbeeld van LeesenLuister hieronder zijn naast het huisje (homepage) nog acht menuknoppen aangemaakt. Deze items worden aangemaakt binnen de module menu.

Afbeelding 4.1 - 1

Een nieuw menu-item aanmaken Ga naar Content / Menu Dubbelklik op de hoofdmenuregel (Is deze er nog niet, dan maakt u er dan een aan door op toevoegen te klikken). Er verschijnen twee tabbladen: Algemeen en Hoofdmenu tems (Afbeelding 4.1 - 2). - -

Op het tabblad Algemeen staat de naam van het hoofdmenu en desgewenst kunt u een periode aangeven. Op het tabblad Hoofdmenu items kunt u verschillende items aanmaken (Afbeelding 4.1 - 3).

Afbeelding 4.1 - 2

Afbeelding 3 toont de menuitems van LeesenLuister als voorbeeld Elk item heeft 3 symbooltjes (Afbeelding 4.1 - 4): - verslepen - wijzigen - verwijderen Door verslepen ingedrukt te houden en het item naar boven of naar beneden te slepen, kunt u de volgorde op de menubalk bepalen. Door op het potloodje te klikken, kunt u het item wijzigen. Door op de prullenmand te klikken, kunt u het item verwijderen. Afbeelding 4.1 - 4 Afbeelding 4.1 - 3 9

Door de knop toevoegen, kunt u zoveel items aanmaken als voor uw website nodig is. Wanneer u op toevoegen klikt, verschijnen drie tabbladen om het nieuwe hoofdmenu-item aan te maken (Afbeelding 4.1 - 5). Tabblad Algemeen Op het tabblad Algemeen kunt u de titel noteren van het item en eventueel de URL waar dit item naar verwijst. NB: Is de volledige URL waar u naar wilt verwijzen bijvoorbeeld http://www.leesenluister.nl/boeken dan moet in de URL alleen /boeken komen te staan. Tabblad Alineas Afbeelding 4.1 - 5 Bij het tabblad Alineas kunt u binnen het item nog verschillende keuzes maken. Voordat u hier keuzes in kunt maken moet u het eerst opslaan. Klik op het penseel en hier kunt u de hoofdmenu item aanpassen. Door op het plusje links onderin) te klikken kunt u een nieuwe alinea aanmaken. Ook hier kunt u een titel van de alinea en een URL invoeren. Tevens moet de URL net zoals bij het item alleen het gedeelte bevatten wat specifiek voor deze alinea is. Binnen 1 hoofdmenu item kunnen verschillende alinea’s aangemaakt worden. Deze worden automatisch onder elkaar geplaatst. Om naast de alinea titel ook nog links of tekst te plaatsen moet u eerst de pagina opslaan. Daarna klikt u op wijzig alinea en onder kopje algemeen ziet u weer de titel van de alinea en eventueel de URL die daarbij hoort. Tevens kunt u er hier voor kiezen of u de titel zichtbaar wil hebben in uw submenu of dat de titel niet zichtbaar is op de site. De keuze highlight houdt in dat Afbeelding 4.1 - 6 de alinea’s waarvoor u dit selecteert een alternatieve achtergrondkleur krijgen. Als u hiervoor kiest bij de laatste kolom houdt dit ook in dat deze kolom over de complete hoogte wordt verspreid. Als u niet 1 grote lijst van alinea’s onder elkaar wilt hebben kunt u er ook voor kiezen om verschillende kolommen naast elkaar te maken. Door op de knop kolom toevoegen te drukken kunt u een extra kolom aanmaken (Afbeelding 4.1 - 6). Tabblad Visuals Visuals zijn plaatjes/logo’s die bepalend zijn voor de uitstraling van de site. De term wordt ook gebruikt voor de slides uit de carroussel. Onder het kopje Visual kunt u binnen dit menu nog een afbeelding plaatsen waar u eventueel een link aan kunt koppelen. (Afbeelding 4.1 - 7). Afbeelding 4.1 - 7 10

4.2. Teksten

Er zijn een aantal gegevens die een standaard plek hebben op de site. De teksten daarvan kunnen in deze module worden aangepast. Als voorbeeld tonen we hiernaast die van leesenluister.nl: Afbeelding 4.2 - 1 Wanneer u klikt op Content / Teksten opent een scherm wat diverse tekstvelden laat zien. (Zie afbeelding 1 voor een gedeelte van de code). Door te dubbelklikken kunt u de teksten aanpassen.

De header-payoff De tekst die u hier invult verschijnt centraal in de header, direct boven de menubalk. Het lettertype kan niet worden gewijzigd. In het voorbeeld hieronder (Afbeelding 4.2 - 2) is dat Christelijke boeken, muziek, films, kaarten & gifts.

Afbeelding 4.2 - 1

Afbeelding 4.2 - 2

De Footer-gegevens In de Footer kunt u op vier posities teksten kwijt. Twee voor een titel en twee voor bijbehorende teksten. Standaard worden voor titel en tekst links de naam en adresgegevens ingevuld. Ook kunt u hier telefoonnummer en email invullen. Deze verschijnen linksonder in de footer. Levertijd Als laatste staan in deze module de tekstvelden m.b.t. de levertijd. Deze worden automatisch aangemaakt afhankelijk van de leveranciers die staan aangevinkt.

11

4.3. Productlijst

Om lijstjes van producten te maken moet u de artikelen handmatig benoemen. Zo kunt u bijvoorbeeld lijstjes aanmaken van kerstboeken, moederdagcadeaus, romans voor de zomervakantie,..... Het gaat hier steeds om het oproepen van artikelen uit de database, die dan bij elkaar geplaatst worden en samen een productlijst vormen. Dit kan alleen handmatig ingesteld worden. Om een productlijst op de homepage van de webshop te tonen, zijn drie stappen nodig: a. U stelt een lijst van artikelen samen. Dit is de productlijst. b. U maakt een inzet voor deze productlijst. c. U plaatst deze inzet in de lay-out. Hieronder worden deze drie stappen uitgebreid besproken: a. Een productlijst samenstellen U gaat naar My modules / content / productlijst. Als eerste klikt u op toevoegen en vult u de lege velden van tabblad Algemeen in. Naam en titel kunnen dezelfde zijn. Bij soort lijst kiest u voor handmatig. U moet eerst deze gegevens opslaan voordat u verder kunt om de artikelen te selecteren. (Zie Afbeelding 4.3 - 1) Bij het tabblad Shops vinkt u de naam van de shop aan. Bij het tabblad Koppelingen klikt u op de button invoeren, en kunt u de producten die u in de lijst wilt toevoegen. Het ISBN volstaat. Let er wel op dat elk ISBN op een aparte regel moet komen te staan. b. Een inzet voor deze productlijst maken De productlijst moet nu nog in een inzet worden geplaatst en vervolgens in de layout worden opgeroepen.

Afbeelding 4.3 - 1

Om een inzet te maken en de gemaakte productlijst in een inzet te plaatsen, gaat u naar: My modules / content / inzetten. U klikt op toevoegen. Nu verschijnt het tabbblad Algemeen. Bovenaan vermeldt u een naam voor de productlijst-inzet en als inzettype kiest u productlijst. Nu verschijnt het scherm, zoals hiernaast is afgebeeld. (Zie Afbeelding 4.3 - 2) Bij type kiest u voor handmatig. NB: Wanneer u kiest voor Laatst bekeken producten, geeft deze inzet auomatisch een lijstje weer met de door de bezoeker laatst bekeken producten. Bij weergave heeft u de keus tussen Brede lijst weergave en Compacte weergave. Bij Brede lijst weergave wordt de productlijst in z’n geheel getoond (2 kolommen naast elkaar. Compacte weergave toont 6 titels naast elkaar. Is de productlijst langer dan 6 titels, dan wordt de lijst als carrousel weergegeven. Afbeelding 4.3 - 2 12

c. De inzet in de layout plaatsen Ga naar My styleIt / Hoofdmenu / home Ga naar tabblad layout Kies het blok voor de inzet waar u de productlijst-inzet wilt plaatsen. Beweeg de cursor boven Kies inzet. Er verschijnt een potloodje. Klik op het potloodje. Er verschijnt een scherm Inzet kiezen. Zie afbeelding 4.3 - 3 Hier selecteert u de zojuist gemaakte inzet productlijst. De onderste invulregels (Css classname en Html element kunt u overslaan). De productlijst is zichtbaar op uw website.

Afbeelding 4.3 - 3

13

4.4. Nieuws

De vierde module onder Content is de Nieuwsshop. Hier treft u allerlei nieuwsitems aan van Lees en Luister, die u kunt aanvinken en op uw eigen site kunt tonen. Uiteraard kunt u ook eigen nieuwsberichten toevoegen. Nieuwsberichten van Lees en Luister importeren Ga naar My modules / Content / Nieuws. Dubbelklik op het nieuwsitem dat u in uw webhop wilt overnemen. U ziet nu een scherm met 2 tabbladen. Bij tabblad Shops vinkt u toestaan aan. Eigen nieuwsberichten toevoegen Ga naar: My modules / Content / Nieuws. Klik onderaan op toevoegen. Nu verschijnt een scherm zoals in afbeelding 4.4 - 1. Bij tabblad bericht vult u een titel voor het nieuwsitem in. Bij tabblad Shops vinkt u uw winkel aan.Klik op Opslaan. Uw nieuwsitem staat nu in de lijst met andere nieuwsberichten. Dubbelklik en er verschijnt een scherm zoals in afbeelding 4.4 - 2

Afbeelding 4.4 - 1

A B

Afbeelding 4.4 - 2

14

Bepaal van wanneer tot wanneer uw bericht actief (= zichtbaar in uw shop bij Nieuws) moet zijn. De ‘vanaf’-datum staat automatisch op vandaag, maar kan dus ook op een later tijdstip worden ingesteld, bijvoorbeeld als u een prijswinnaars-bericht alvast wilt klaarzetten. Voeg een afbeelding toe door op het icoontje boven A te klikken Er opent een nieuw scherm Eigenschappen afbeelding. Zie afbeelding 4.4 - 3 Tabblad Informatie afbeelding Door te klikken op Bladeren op server heeft u de mogelijkheid een afbeelding te zoeken die al op de server is geplaatst. Wilt u een nieuwe afbeelding gebruiken, dan gaat u naar tabblad Upload, kiest daar uw afbeelding en verzendt deze naar de server. Desgewenst kunt u een URL koppelen aan de afbeelding. Het onderste gedeelte van dit tabblad betreft de opmaak van de afbeelding: U kunt de breedte en hoogte aanpassen. Let op dat de verhouding goed blijft. Als het slotje naast breedte is gesloten, blijft de verhouding van de afbeelding intact. TIP: Houd als vaste breedte ± 250 aan. Wanneer u een afbeelding upload: zorg dat het een klein bestand is. Door waarden in de velden Rand, HSpace, VSpace te schrijven, ziet u in het voorbeeld hoe de opmaak van en rond een afbeelding wijzigt. Bij uitlijning kunt u kiezen of u de afbeelding links of rechts in het tekstvak geplaatst wilt hebben.

Afbeelding 4.4 - 3

De tekst schrijven Het bericht zelf schrijft u in het tekstvak. B Door de cursor boven een icoontje stil te houden verschijnt steeds een korte omschrijving van de betreffende button. Enkele tips/aanwijzingen hierbij: Tekst plakken Typ de tekst door naast de afbeelding te gaan staan en te beginnen met typen. Wanneer u een tekst knipt en plakt vanuit een andere bron, plak dan met behulp van de button Plakken als platte tekst of Plakken vanuit Word. Een URL koppelen Wanneer u vanuit de tekst naar een weblink verwijst, deze link niet uittypen, maar koppelen aan een bepaald woord. Centreer het woord waaraan de link komt te hangen en klikt op de button Link toevoegen/wijzigen. Vervolgens vult u in het eerste schermpje dat verschijnt de URL in. De URL waarnaar u wilt verwijzen kunt u kopiëren uit de adresregel van de betreffende pagina. Heel belangrijk: klik vervolgens op het tabje Doelvenster en kies daar voor Nieuw venster (_blank). Klik vervolgens op OK.

15

Alinea’s Voor de leesbaarheid is het raadzaam de tekst op te delen in alinea’s en tussenkopjes toe te voegen. Naar een volgende regel gaan zonder witruimte ertussen bereikt u met de combinatie ‘shift+enter’. NB: Tijdens het schrijven van tekst kunt u gebruik maken van de letters onderaan: body - Hiermee selecteert u alle tekst. p - Hiermee selecteert u een alinea. img - Verschijnt als u een afbeelding selecteert. Mocht alle tekst tijdens de opmaak ineens weer in een ander lettertype of –grootte springen, centreer het gedeelte wat u weer in normale opmaak wilt zien en selecteer paragraph en normaal. TIPS: - Sla regelmatig de tekst op, keer terug naar het bericht en ga verder met de opmaak. - Schrijf titels van boeken, cd’s etc. cursief. - Schrijf alle tekst in dezelfde kleur (zwart), m.u.v. wellicht introtekst en titel. - Er hoeft geen datum aan het artikel worden toegevoegd. Tabblad Shops Zorg dat het bericht actief wordt op uw site. Heeft u dit nog niet gedaan, ga dan naar tabblad Shops, klik vervolgens een vinkje bij toestaan en klik onderaan op opslaan. Zie voorbeeld (afbeelding 4.4 - 4)

Afbeelding 4.4 - 4

16

4.5. Activiteit

Activiteiten toevoegen of zelf schrijven gaat vrijwel net als bij nieuwsberichten. Zie hoofdstuk 4.4. Nieuws. Met dit verschil dat u uw bericht koppelt aan een “activiteitenagenda”. Om een nieuwe activiteit toe te voegen klikt u als eerste op de button toevoegen. Op de pagina die u dan te zien krijgt kunt u een aantal velden invullen (Zie afbeelding 4.5 - 1) Hier vult u het volgende in: - de activiteit - de locatie - de datum van de activiteit - een korte omschrijving van de activiteit - eventueel nog overige tekst. U kunt bepalen hoe lang dit bericht op de website blijft staan door de kopjes actief van en actief tot in te vullen.

Afbeelding 4.5 - 1

4.6. USP

Unique Selling Point. Dit zijn de ‘kreten’ boven in de pagina, waarmee u iets zegt over uw winkel, uw dienstverlening, uw unieke locatie, uw assortiment etc. Hoe specifieker, hoe beter. ‘Goede service’ is een term die weinig zegt. De tekst kan een link zijn naar een andere pagina, maar ook alleen tekst. NB: De totale ruimte is beperkt tot 1 regel. In het voorbeeld hieronder zijn dat de twee omschrijvingen: - Cadeauverpakking mogelijk - De meeste christelijke producten voor 15.00 uur besteld, morgen in huis.

Afbeelding 4.6 - 1

17

4.7. FAQ (Frequently Asked Questions of veelgestelde vragen) Met deze module kunt u een lijst samenstellen met vaak voorkomende vragen over een bepaald onderwerp, waarop een antwoord wordt gegeven. Om faq’s vervolgens in de webshop te tonen, dient u nog een inzet te maken (u maakt deze onder content / inzetten) en een layout voor de inzet (meestal als onderdeel van de menubalk of de footer). Deze drie stappen worden hieronder achtereenvolgens toegelicht

De faq’s schrijven Ga naar Content / FAQ en klik op toevoegen Er verschijnt een tabblad Algemeen. U kunt hier de categorie kiezen waar de betreffende vraag bij hoort, of waar u een nieuwe categorie voor die vraag maakt. Daarna typt u vraag en antwoord in de velden er onder. Zie afbeelding 4.7 - 1.

Afbeelding 4.7 - 1

De inzet voor de FAQ’s Ga naar content / inzetten en klik op toevoegen. Er verschijnt een tabblad Algemeen. Zie afbeelding 4.7 - 2. Hier kunt u de inzet een naam geven en bij inzettype selecteert u FAQ. Vervolgens opslaan. Nadat u hebt opgeslagen verschijnt er opnieuw een tabblad waar u een categorienaam kunt invoeren en een maximum aantal vragen kunt aangeven. De faq’s zijn uiteindelijk zichtbaar met de categorienaam als titel er boven.

Afbeelding 4.7 - 2

De styleIt faq

Nu rest nog een stylit voor de “Veel gestelde vragen-inzet” te maken. Doorgaans plaatst men deze in de menubalk of in de Footer. Een voorbeeld ziet u op de volgende pagina.

18

Voorbeeld: Een FAQ - inzet in de Footer. - - - - - - -

Ga naar My StyleIt Onder map met de boekhandelsnaam hangt een map Footer (Is deze er niet, maak hem dan aan door onderaan op de plus te klikken (Zie afbeelding 4.7 - 3) Voeg aan de pagina Footer een nieuwe pagina FAQ’s toe Klik op deze pagina. Er verschijnt een nieuw scherm (Zie afbeelding 4.7 - 4) Open tabblad layout Kies daar de onder 2 gemaakte inzet. Opslaan



Afbeelding 4.7 - 3

Afbeelding 4.7 - 4

19

4.8. Inzetten

Om de website uiteindelijk in te richten moet u eerst inzetten aanmaken. Deze inzetten worden later in de website geplaatst (zie 2.4 Tabblad layout). Er zijn verschillende type inzetten waaruit u kunt kiezen. Zie afbeelding 4.8 - 1. Om ze te kiezen, te maken en te bewerken gaat u naar: My Modules / Content / Inzetten. We noemen ze hieronder in volgorde: Activiteiten Er wordt een koppeling gemaakt met de module activiteiten (zie 4.5. activiteiten en ook 4.4 nieuws). Afbeelding Hier kunt u een afbeelding uploaden en deze een link meegeven. Wanneer u deze afbeelding daarna plaatst bij My StyleIt op de homepage in de layout, wordt de afbeelding op de door u gekozen plaats getoond. Carrousel Hier kunt u een carrousel van verschillende foto’s aanmaken. De foto Afbeelding 4.8 - 1 die u hier wilt uploaden moet minimaal 699 px breed en minimaal 200 px hoog zijn. De hoogte mag ook niet groter zijn dan 450 px. Aan de foto kunt u een URL koppelen. In de bijlage Carrousel wordt beschreven hoe een inzet voor een carrousel wordt gemaakt). Zie Bijlage 2. FAQ Hier maakt u een inzet voor de FAQ die u heeft aangemaakt (zie Hoofdstuk 4.7 - De inzet voor de faq’s.). Foto met tekst Deze inzet betreft een blokje met zowel een kort stukje tekst als een foto. In de bijlage Foto met tekst wordt beschreven hoe een inzet voor een foto met tekst wordt gemaakt). Zie Bijlage 2. Links Als u de inzet Links heeft aangemaakt, kunt u onder het kopje ‘items’ verschillende links invoeren. De link kan verwezen worden naar de categorie, een styleIt, of naar een URL. In de bijlage Toplijsten wordt beschreven hoe voor meerdere lijsten links worden gemaakt. Zie Bijlage 1. Nieuwsitems Er wordt een koppeling gemaakt met de module nieuwsitems ( zie 4.4 Nieuws). Hier komen zowel de artikelen die u van BCB heeft overgenomen als de artikelen die u heeft geschreven. Productlijst U maakt een koppeling met de productlijst die u heeft aangemaakt. Hoe u een inzet voor een productlijst maakt, is hiervoor al beschreven bij 4.3 Productlijst, onder b. Een inzet voor deze productlijst maken. StyleIt content Hier kunt u tekst met een vrije opmaak plaatsen, net zoals bij WYSIWYG. WYSIWYG WYSIWYG staat voor ‘What You See Is What You Get’. De Wysiwyg-editor is een soort tekstverwerker. Hier kunt u tekst met een vrije opmaak plaatsen. Als u voor WYSIWYG kiest wordt er een zelfde tekstveld geopend als bij 4.4. nieuws. Door de cursor boven een icoontje stil te houden verschijnt steeds een korte omschrijving van de betreffende button. 20

4.9. Carrousel In deze module kunt u slides vij elkaar plaatsen die samen een carrousel kunnen vormen. Om een carrousel op de webshop te laten draaien zijn naast deze module (hieronder stap 1) nog twee stappen nodig. Hieronder bespreken we niet alleen deze module, maar alle drie de stappen. Stap 1. U plaatst een verzameling slides bij elkaar in een groep en geeft deze een carrousel-naam. Dit doet u bij My modules / content / carrousel. Stap 2. U maakt een inzet voor deze slides. Dit doet u bij My modules / content / inzetten (Zie 4.8) Stap 3. U plaatst de inzet in de lay-out. Dit doet u bij My styleIt / naam van de boekwinkel / Hoofdmenu / home - tabblad layout. (Zie 2.4) 1. Slides in een carrouselgroep Ga naar My modules / content / carrousel. Nu verschijnt het scherm, zoals hiernaast afgebeeld. Klik op toevoegen. Tabblad Algemeen Onder tabblad Algemeen schrijft u de naam van de carrousel die u wilt maken, en bepaalt u de snelheid waarmee de carrousel moet draaien. Zie afbeelding 4.9 - 1 Tabblad Items Hier plaatst u de slides van de carrousel Zie afbeelding hieronder.

Afbeelding 4.9 - 1

1. Klik op toevoegen en sla vervolgens op. 2. Klik op Kies bestand en upload het bestand dat u in de carrousel wilt plaatsen (699 pixels breed en tussen de 200 en 450 pixels hoog). NB: Als er is gekozen voor een bepaalde hoogte, moet die op alle slides worden toegepast, anders verspringt de site bij het wisselen van de slides. (De slides van de lees en luistersite bijvoorbeeld worden gemaakt in een fotobewerkingsprogramma in een grootte van 699 X 300 pixels) Zie afbeelding 4.9 - 2 3. Bij URL vult u de url in, waarnaar u de slide wilt verwijzen. 4. Onder Tekst geeft u de slide een naam. Tabblad shops Hier vult u de naam van uw winkel in.

Afbeelding 4.9 - 2 21

2. Het maken van een inzet voor de slides De slides moeten nu nog in een inzet worden geplaatst en vervolgens in de layout worden opgeroepen. Om de slides in een inzet te plaatsen, gaat u naar: My modules / content / inzetten. Bovenaan kiest u de winkel en als inzettype de carrousel. Nu verschijnt het scherm, zoals hieronder afgebeeld. Zie afbeelding 4.9 - 3

Afbeelding 4.9 - 3

Klik op toevoegen. Er verschijnt een scherm met tabblad Algemeen. Zie afbeelding 4.9 - 4 - Onder naam vult geeft u de inzet een naam. - Onder type kiest u voor carrousel. - Opslaan Na het opslaan verschijnt opnieuw het tabblad Algemeen, maar onder type worden nu twee carrousels genoemd: uw zojuist gemaakte carrousel, plus de carrousel van Lees en Luister. U kiest nu welke carrousel u uiteindelijk zichtbaar wilt hebben op uw webshop. Het is dus mogelijk te wisselen. Overigens kunt u op deze wijze meerdere carrousels maken, die dan ook hier zichtbaar zijn.

Afbeelding 4.9 - 4

22

3. De inzet plaatsen in de lay-out Ga naar My styleIt / Hoofdmenu / home Ga naar tabblad layout. Zie afbeelding 4.9 - 5

Afbeelding 4.9 - 5

Kies het blok voor de inzet waar u de carrousel wilt plaatsen. In het voorbeeld kiezen we voor een carrousel die op de site direct onder de menubalk rechtsboven zichtbaar is. Beweeg de cursor boven Kies inzet. Er verschijnt een potloodje. Klik op het potloodje. Er verschijnt een tabblad Algemeen. Zie afbeelding 4.9 - 6 Geef hier de inzetplaats een naam. Bij inzettype kiest u voor de inzet die u onder 4.9.2. heeft gemaakt. De carrousel is nu zichtbaar op uw website.

Afbeelding 4.9 - 6

23

5. SHOP 5.1. Winkels

Bij deze module zijn de basisgegevens van uw fysieke winkel ingevuld: naam, adres, openingstijden,.... Heeft u meer winkels, dan kunt u deze hier toevoegen door simpelweg op toevoegen te klikken. Door te dubbelklikken op uw winkelnaam wordt een scherm geopend met vijf tabbladen. Tabblad Algemeen Dit tabblad heeft de volgende invulvelden: - Naam/omschrijving: Hier vult u de winkelnaam in. - Filiaal nr.: Het aantal winkels. Meestal staat hier een 1. - Slug: De verkorte winkelnaam. - Telefoon - Email Vergeet niet het vakje Actief aan te vinken. Tabblad Shop(s) Dit tabblad vraagt om het hokje Toegestaan aan te vinken. Staat dit niet aangevinkt dan kan de winkelpagina niet worden opgeroepen. Tabblad Adres Bij dit tabblad vult u de NAW-gegevens in (Naam-Adres-Woonplaats). De winkelpagina toont dan een google-kaartje met daarop de lokatie van uw winkel. Tabblad Openingstijden Hier kunt u de openingstijden invullen. Het programma voorziet niet in een tekstveld waar u een eventuele “tussen-de-middagsluiting” kunt vermelden. U kunt desgewenst hierover wel een aparte tekstregel schrijven bij het tabblad Sfeer. Tabblad Sfeer Een tabblad om iets over uw winkel te vertellen en een foto (van uw winkelpand) te tonen.

NB: Ook leesenluister.nl heeft een button Winkels. Maar daar wordt alleen een kaart getoond van boekwinkels met daaronder de NAW-gegevens. Boekhandels kunnen hun winkelpagina daar laten opnemen. Voor u als gebruiker is dit gratis. Vermeld op dit tabblad ook uw webadres met een link naar uw webshop.

Afbeelding 5.1 - 1

24

5.2. Instellingen

Bij Instellingen ziet u een scherm met de volgende acht tabbladen: Tabblad Algemeen Bij de module algemeen vult u minimaal 2 e-mailadressen in: - E-mailadres contactpersoon; naar dit adres wordt een email verstuurd wanneer een formulier (bijvoorbeeld een contactformulier) is ingevuld. - E-mailadres shopbeheerder; dit adres ontvangt een e-mail als er een order wordt geplaatst. In deze mail staat een link die de mogelijkheid biedt om de fulfilment zelf uit te voeren. Tabblad Google Analytics In te vullen wanneer u gebruik wilt maken van Google Analytics. Met Google Analytics kunt u uw verkopen meten, maar ook inzicht krijgen in hoe bezoekers uw site gebruiken, hoe ze op uw site terechtkomen en hoe u ervoor kunt zorgen dat ze terugkomen. Ga voor de officiële website van Google Analytics naar: http://www.google.com/intl/nl_nl/analytics/ In het eerste lege veld vult u de tracking-ID code in die bekend is bij Google Analytics voor uw webshop. In het tweede lege veld Google Analytics domein vult u uw shop domein in. Tabblad Social media Binnen uw site kunt u gebruik maken van drie soorten social media, namelijk Twitter, Facebook en Google+. Bij alle drie is het begin van de URL al ingevoerd, u hoeft alleen uw persoonlijke gedeelte van de URL in te voegen. Tabblad Betaalproviders Er zijn 2 opties voor de klant om te betalen. Of via Buckaroo, of betalen in de winkel. Om ervoor te zorgen dat de klant via Buckaroo kan betalen moet uw Buckaroo account gelinkt worden aan de webshop. Hiervoor moet u uw account en uw secret invullen. Bij deze module staat ook hoe de instellingen bij Buckaroo moeten zijn voordat de koppeling daadwerkelijk goed is. Deze instellingen worden door BCB klaargezet. Tabblad Betaalmethodes Klanten kunnen op verschillende manieren hun product betalen. Via iDeal, VISA, Mastercard of in de winkel. Hier kunt u kiezen van welk betaalmethode u gebruik wilt maken. Bij de oplevering van de webshop worden door BCB de TEST-methodes ingevuld. Bij het online gaan verandert BCB deze in de definitieve betaalmethodes. Bij de aanmelding heeft u als gebruiker de gewenste betaalmethodes aan BCB doorgegeven. Tabblad Levermethodes Bij Levermethodes worden de lokatiemogelijkheden aangevinkt. Standaard worden deze door BCB alle drie aangevinkt. Zie afbeelding 5.2 - 2 Tabblad Uitlevering Bij het kopje uitlevering staan instellingen voor de fulfilment partij (Vanatotzending.nl). Deze gegevens worden ingevuld door BCB. Wanneer u ook ebooks wilt verkopen, dient u hier de verstrekte gegevens in te vullen.

Afbeelding 5.2 - 1

Tabblad Vaste pagina’s

25

5.3. Thema

Binnen het thema kunt u uw website personaliseren. U kunt de kleuren aanpassen van bijvoorbeeld de body, header en de buttons. U kunt de kleuren aanpassen op twee verschillende manieren. De waarde van de kleur invullen in het daarvoor bestemde veld of via het kleurenpaneel dat openklapt als u op het vierkantje klikt. Aan de rechterkant van het scherm ziet u een voorbeeld hoe het eruit komt te zien. Er zijn tacht tabbladen die hieronder worden toegelicht, waarbij leesenluister.nl steeds al voorbeeld wordt gebruikt. Exacte huisstijl-kleuren gebruiken De webshop gebruikt hiervoor een kleurenkiezer óf u kunt de zgn. hexadecimale waarde invullen. Dit is een getal bestaande uit zes cijfers of letters. Bijvoor beeld: 000000 is zwart, ffffff is wit en ff0000 is rood. Om de juiste huisstijlkleur te kunnen gebruiken, heeft BCB deze hex-waarde nodig. Wanneer u van de huisstijl alleen de RGB- of CMYK waarden heeft, zijn er tools op het internet, waarmee u kunt omzetten naar hex-waarden. (Bijv. http://drpeterjones.com/colorcalc/) Welke kleur waar? Er zijn nogal wat mogelijkheden en variaties denkbaar. BCB plaatst enkele kleuren alleen bij het opleveren van de webshop (n.a.v. de gemailde kleurgegevens). Deze zijn door u later allemaal eenvoudig te wijzigen. Ga naar My Modules / shop / thema. Er verschijnt een venster met 8 tabbladen en een voorbeeld. Tabblad Algemeen (Zie afbeelding 5.3 - 1) Hier zes kleuren instellen op de volgende posities: Basis kleur = Dit betreft de USP-balk en de menu-items Basis kleur mouseover = Mouseoverkleur bij bijv. nieuwsberichten, aktiviteiten,... Kleur tekst = De lopende tekst in de website Kleur tekst nadruk = Nadruk in de lopende tekst Sub-kleur = Kleur tekst ‘lees meer’ Kleur content-headers = Grote titels

Afbeelding 5.3 - 1 26

Tabblad Body Hier stelt u de pagina indeling en de achtergrondkleur in. Zie afbeelding 5.3 - 2.

Afbeelding 5.3 - 2

Bij de pagina indeling kan gekozen worden tussen vaste breedte en volledige breedte. Alleen als men kiest voor vaste breedte is het mogelijk om links en rechts een achtergrondfoto te plaatsen. Dit doet u bij het achtste tabblad Visuals. Tabblad Footer Hier kiest u de gewenste kleuren voor de Footer. Zie afbeelding 5.3 - 3.

Afbeelding 5.3 - 3

Tabblad Header Hier kiest u de gewenste kleuren voor de Header. Het betreft hier naast tekst en achtergrondkleur ook de USP-balk (Achtergrond, tekstkleur en vinkjes kunnen apart worden ingesteld) en het winkelmandje (minibasket) Zie afbeelding 5.3 - 4.

27

Afbeelding 5.3 - 4

Tabblad Hoofdnavigatie Het betreft hier de menubalk (Zie afbeelding 5.3 - 5. ): Kleur icoon, tekst- en achtergrondkleur. Kleur icoon wordt niet (meer) gebruikt. Bij een volgende update komt deze te vervallen.

Afbeelding 5.3 - 5

28

Tabblad Inzetten Als u het tabblad Inzetten opent, kunt u de kleuren voor de balkjes van de Foto met tekst- inzetten (zie bijlage 2) kiezen. U heeft drie verschillende kleurenopties voor deze inzetten. Zie afbeelding 5.3 - 6.

Afbeelding 5.3 - 6

29

Tabblad Knoppen Dit betreft de kleuren van verschillende knoppen. Bijvoorbeeld de knop Zoeken, In winkelwagen. Zie hieronder afbeelding 5.3 - 7.

Afbeelding 5.3 - 7

Tabblad Visuals Hier kunt u een logo voor de Header uploaden. Eventueel een logo (of afbeelding voor de Footer) Tevens kunt u hier een afbeelding voor de achtergrond plaatsen. Let u wel op de voorgeschreven afmetingen.

30

5.4. Verzendkosten

De verzendkosten die consumenten moeten betalen kunt u afhankelijk maken van het bestelde bedrag. In deze module kunt u bepalen of er verzendkosten betaald moeten worden en eventueel hoeveel. Door middel van de knop toevoegen kunt u verschil in verzendkosten instellen. Onder het kopje land kunt u het land selecteren waarvoor deze verzendkosten gelden en de daadwerkelijke verzendkosten. Als er geen velden in deze module wordt ingevuld, worden er geen verzendkosten berekend.

5.5. Cadeaupapier

In deze module kunt u verschillende soorten cadeaupapier opgeven. Eventeel gekoppeld aan een periode. Zie afbeelding 5.5 - 1.

Afbeelding 5.5 - 1

5.6. Inschrijvingen

Bij de module inschrijvingen is een overzicht te zien van alle klanten die zich hebben ingeschreven voor een nieuwsbrief. Hier staat het mailadres van de klant, de datum waarop de klant zich heeft aangemeld voor de nieuwsbrief, eventueel de datum waarop de klant zich heeft afgemeld voor de nieuwsbrief, en van welke shop de klant een nieuwsbrief heeft aangevraagd. Met de knop exporteren kunt u CSV bestand downloaden van de ingeschreven klanten. Deze lijst betreft een lijst van de emailadressen.

31

5.7. Promoties Bij de module Promoties kunt u een kortingspercentage of -bedrag invoeren. Bestellen op factuur is hierdoor mogelijk. U dient met de klant de volgende afspraak te maken: De klant moet een account aanmaken op de webshop. U stuurt de klant een code (bv het woord “factuur”) waarmee hij/zij op factuur kan kopen. Bij de eerstvolgende bestelling vult de klant bij kortingscode de ontvangen code in. NB: Er is maar één code die voor alle klanten geldt. U dient hier bij Promoties aan te geven dat de code moet worden ingevuld. Er zijn twee tabbladen. Tabblad Algemeen gebruikt u om de gewenste gegevens in te voeren. Zie afbeelding 5.7 - 1 Bij Tabblad Voorwaarden geeft u de voorwaarden aan die gelden voor de genoemde kortingverlening. Het tabbblad geeft tevens een uitgebreide uitleg. Deze is hieronder overgenomen (zie Promotiewerking) Op het tabblad voorwaarden vult u tevens de door u gekozen code in. Zie afbeelding 5.7 - 2. Tenslotte moet bij de betaalmethode “Geen betaling” aangevinkt staan.

Afbeelding 5.7- 1

Afbeelding 5.7- 1

32

PROMOTIE WERKING Een promotie wordt toegepast als voldaan wordt aan de voorwaarden. Hier kunnen deze voorwaarden gemaakt worden. Hoe deze voorwaarden samenwerken ligt aan de keuze die wordt gemaakt bij `Voorwaarde gedrag`. Daar zijn de volgende mogelijkheden: - Of/of - En/en Voorbeeld 1: Korting op hele order op basis van kortingscode - Voorwaarde gedrag: En/en - Voorwaarde: Kortingscode (code 123) Als de klant kortingscode `123` in de winkelmand invult, krijgt deze de ingestelde korting. Voorbeeld 2: Korting op product op basis van kortingscode - Voorwaarde gedrag: En/en - Voorwaarde: Product (Artikelnummer 9789044823608) - Voorwaarde: Kortingscode (code 123) Als de klant product 9789044823608 in de winkelmand doet en vervolgens kortingscode 123 invult, krijgt deze de ingestelde korting.

Voorbeeld 3: Korting op 1 product - Voorwaarde gedrag: En/en - Voorwaarde: Product (Artikelnummer 9789044823608) Als de klant product 9789044823608 in de winkelmand doet krijgt deze de ingestelde korting. Voorbeeld 4: Korting op 2 producten die bij elkaar moeten horen - Voorwaarde gedrag: En/en - Voorwaarde: Product (Artikelnummer 9789033817212) - Voorwaarde: Product (Artikelnummer 9789029723770) Als de klant product 9789033817212 EN 9789029723770 in de winkelmand doet krijgt deze de ingestelde korting. Voorbeeld 5: Korting op 2 producten die niet bij elkaar horen - Voorwaarde gedrag: Of/of - Voorwaarde: Product (Artikelnummer 9789033817212) - Voorwaarde: Product (Artikelnummer 9789029723770) Als de klant product 9789033817212 in de winkelmand doet krijgt deze de ingestelde korting. Als de klant product 9789029723770 in de winkelmand doet krijgt deze de ingestelde korting. Als de klant product 9789033817212 en 9789029723770 in de winkelmand doet krijgt deze 1x de ingestelde korting.

33

BIJLAGE 1 - TOPLIJSTEN Het is mogelijk om automatisch de ND/Lees en Luister toptienen op uw website te tonen. U kunt ook zelf zo’n kolom maken met links naar door u samengestelde lijsten. Het maken van zo’n productlijsten-link wordt hieronder beschreven. Standaard zet BCB dit blokje klaar, waarbij is uitgegaan van drie verschillende Top tienen. Er moeten vijf stappen worden genomen: 1. Stel de drie afzonderlijke productlijsten samen. 2. Maak voor elk van deze drie lijsten een inzet. 3. Maak drie pagina’s met de namen van deze toplijsten. 4. Maak een inzet waarop de drie toplijsten als link worden weergegeven. 5. Plaats de link op de lay-outpagina

1. Stel de drie afzonderlijke productlijsten samen. • Ga naar My modules / content / productlijst • Klik op Toevoegen. Voeg hier de lijst toe die je wilt maken. Bijvoorbeeld de eerste lijst Top 5 fictie. Er zijn twee tabbladen. Op het tweede tabblad met de koppelingen vult u de gewenste ISB-nummers in. Klik op invoeren. Vul vervolgens de ISBN’s in. NB: ISBN steeds onder elkaar. Opslaan. • Doe hetzelfde voor de andere twee productlijsten.

2. Maak voor elk van deze drie lijsten een inzet. • Ga naar My modules / inzetten • Klik op toevoegen • Kies bij inzettype voor productlijst en geef de lijst een naam • Doe hetzelfde voor de andere twee product lijsten • Opslaan • Er verschijnt een nieuw tabblad met drie invul velden in. Wij kozen voor brede lijst weergave. Bij compacteweergave komen de boeken in rijen onder elkaar. • Klik op opslaan. • Het tabblad voegt nu een veld toe “Kies een productlijst”. We kiezen hier een productlijst die we zojuist gemaakt hebben. • Opslaan

34

Om de zojuist gemaakte inzetten met lijsten als een link te kunnen weergeven, maken we drie styleIt-pagina’s die de content kunnen oproepen.

3. Maak drie pagina’s met de namen van deze toplijsten.

• Ga naar My StyleIt en voeg aan de map content drie pagina’s toe met de namen van de drie toplijsten. Bestaat er nog geen map content, maak die dan eerst. (voeg de map content toe onder de winkelnaam). De map kan later altijd nog verplaatst worden. Klik daarvoor op de map. Ga naar tabblad Algemeen, en vul positie een ander getal in. Een lager getal = positie hoger in het menu. • Link de pagina’s aan de productlijsten. • Link de pagina’s aan de productlijsten door te dubbel klikken op de pagina. Er verschijnen 4 tabbladen, waarvan tabblad Algemeen en Layout ingevuld moeten worden. Zie voorbeelden hieronder. • Opslaan NB het eigenlijke linken met de gewenste productlijst gebeurt bij tabblad layout door op het potloodje te klikken. U kunt nu de inzet kiezen en hier kiest u als inzet de gewenste productlijst.

35

4. Maak een inzet waarop de drie toplijsten als link worden weergegeven. We hebben nu de inhoud en de pagina’s waarop de inhoud van de drie toplijsten moet verschijnen. Wat we nog nodig hebben is een inzet waarop de drie toplijsten als link worden weergegeven. Zie voorbeeld van de website leesenluister.nl hiernaast.

Ga naar My modules / Inzetten en klik op toevoegen. Er verschijnt een tabblad Algemeen. De naam die hier wordt ingevuld, is de naam die uiteindelijk boven het rubriekje op de site te lezen is. Kies bij inzettypen voor links. Na opslaan verschijnt er een tweede tabblad (Items). Hier linkt u de inzet Toplijsten met de drie Style-It-pagina’s. Onder StyleIt klikt u op Pagina naam. Hier kiest u de gewenst pagina die u bij Style It hebt aangemaakt. Bij Link tekst vult u de naam in die uiteindelijk op de site verschijnt.

36

5. Plaats de link op de lay-outpagina Ga naar My StyleIt / Hoofdmenu / Home / tabblad Layout Kies op de lay-out pagina een plaats waar u de toplijsten wilt tonen, en klik op het potloodom de inzet te kiezen. Er verschijnt een submenu. Hier kiest u de Inzet Toplijsten. Klik op kies en op opslaan.

je

37

BIJLAGE 2 - FOTO MET INZET Deze inzet vormt een blokje dat is opgebouwd uit een tekstvak met daarin een titel plus een korte toelichting én een foto. U maakt zo’n blok aan door een naam te kiezen, bij ‘type inzet’ voor Foto+tekst te kiezen. Daarna kiest u voor ‘opslaan’. Na opslaan, ziet u het volgende scherm: Bij Naam ziet u de naam die u hebt ingevuld. U maakt een keuze uit stijl A, B en C. (Zie hieronder, bij THEMA). Het volgende tabblad is bedoeld om de link met de juiste pagina te leggen. U vult een tekst in en een url (het ‘adres’ van de pagina waar u naar wilt linken). Dat kan een pagina binnen de website zijn, maar ook een externe pagina. Onder het tabblad Tekst vult u een titel en een stukje tekst in. Dit zijn de teksten die op de site zichtbaar zijn. Tot slot moet er nog een foto worden geüpload. Dat kan via het laatste tabblad: Foto. Bij het vormgeven van de pagina’s kan het blokje met foto en tekst worden neergezet op een bepaalde positie, waarbij de breedte van het blok automatisch wordt aangepast aan de kolom waarin het staat. Aan de voorkant ziet het er zo uit:

38

BIJLAGE 3 - VERZENDING Klantcode en orderhash

Onder shop / instellingen / tabblad Uitlevering worden (door BCB) de uitleveringsgegevens ingevuld, die worden verstrekt door Van A tot Zending. Wanneer een winkel geen gebruik maakt van Van A tot Zending, wordt zowel bij de klantcode als bij de order hash een 0 ingevuld.

En in de vakantieperiode?

Als een boekhandel op vakantie gaat en de webshop tijdelijk niet wordt beheerd, zijn er voor wat betreft de verzending drie mogelijkheden: 1: De boekhandel heeft gekozen voor Standaard fulfilment door Van A tot Zending. De artikelen worden altijd door Van A tot Zending verstuurd. Vakantieperiode: In de vakantieperiode hoeft er dus niets te worden aangepast. 2. De boekhandel heeft gekozen voor Standaard fulfilment Handmatig Klantcode en order hash Van A tot Zending zijn ingevuld De orders worden door Van A tot Zending uitgeleverd, tenzij er binnen twee uur wordt geklikt op Fullfilment zelf uitvoeren. Vakantieperiode: Tijdens de vakantieperiode worden de orders dus automatisch na 2 uur doorgestuurd naar Van A tot Zending en er hoeft niets te worden aangepast in Backstage. 3: Standaard fulfilment: handmatig De boekhandel heeft er voor gekozen altijd de artikelen zelf uit te leveren. Klantcode en order hash staan op 0. Orders worden niet na 2 uur doorgestuurd naar Van A tot Zending. De boekhandel wil alle orders zelf afhandelen. (Eventueel kunnen ze bij een artikel dat niet op voorraad is per e-mail of telefoon Van A tot Zending een opdracht geven om het artikel te laten verzenden.) Vakantieperiode: Als de boekhandel tijdens de vakantieperiode de verzending via Van A tot Zending wil laten gaan dan moet bij Shop – instellingen de klantcode en de order hash worden ingevuld. Na de vakantie kunt u de klantcode en de order hash weer weghalen en op 0 zetten. Hoe vind ik mij klantcode en orderhash bij Van A tot Zending? Ga naar de website www.vanatotzending.nl. Log in met de aan u verstrekte gebruikersnaam en inlogcode. Klik in het menu links op Mijn gegevens Bovenaan leest u uw gebruikerscode; deze vult u backstage in bij klantcode. Onderaan leest u de orderhash (de lange naam achter Md5 onder “Gegevens voor order”); deze vult u backstage in bij order hash. (Met Order Controle kunt u eventueel de status van gedane bestellingen opvragen.) 39

Als je een order krijgt, krijg je een e-mail (fulfilment). Als je op die link klikt dan ga je naar de order. Daar zie je de knop ‘zelf fulfilment uitvoeren’ staan (zie hieronder).

40