Powerd By WBB Design & Advies – Dropshippingpagina.nl – CMS – IZI Services
Handleiding versie 1.4 – 15 april 2011
Inhoudsopgave 1
BEHEER UW PRODUCTEN ............................................................................................................................. 4 1.1 CATEGORIEËN BEWERKEN ..........................................................................................................................................4 1.2 PRODUCTEN BEWERKEN ............................................................................................................................................6 1.2.1 Afbeeldingen toevoegen ..............................................................................................................................6 1.2.2 Gerelateerde producten ...............................................................................................................................7 1.2.3 Prijs ..............................................................................................................................................................7 1.2.4 Verschillende product afhandelingen (e-mail, leverancier, etc.)..................................................................7 1.2.5 Extra opties ..................................................................................................................................................8 1.3 INSTELLINGEN .......................................................................................................................................................11 1.3.1 Algemene instellingen ................................................................................................................................11 1.3.1.1 1.3.1.2
1.3.2 1.3.3 1.3.4 2
BTW............................................................................................................................................................11 Verschillende betaalmogelijkheden ...........................................................................................................13 Kortingscodes .............................................................................................................................................14
BEKIJK EN BEHEER UW BESTELLINGEN ......................................................................................................... 15 2.1 2.2 2.3 2.4 2.5
3
Algemene voorwaarden .............................................................................................................................................. 11 E-mail bijlagen .............................................................................................................................................................. 11
BETAALDE EN NIET BETAALDE BESTELLINGEN ................................................................................................................15 BETALINGEN IN DE WACHT .......................................................................................................................................15 BESTELLINGEN VERZONDEN ......................................................................................................................................16 OVERIGE ..............................................................................................................................................................16 VOORRAADBEHEER.................................................................................................................................................17
BEHEER PAGINA’S EN TEKSTEN ................................................................................................................... 19 3.1 MENU OPTIES .......................................................................................................................................................20 3.2 META DATA ..........................................................................................................................................................20 3.3 PUBLICATIES EN RESTRICTIES ....................................................................................................................................20 3.3.1 Publicatie instellingen ................................................................................................................................20 3.3.2 Restricties voor het bewerken van een pagina ..........................................................................................21 3.3.3 Restricties voor het weergeven van een pagina ........................................................................................21
4
FACTUREN MAKEN ..................................................................................................................................... 22
5
FORMULIEREN MAKEN EN BEWERKEN ........................................................................................................ 25 5.1 FORMULIER TOEVOEGEN .........................................................................................................................................25 5.2 FORMULIER BEWERKEN ...........................................................................................................................................25 5.2.1 Geaccepteerde velden ................................................................................................................................26 5.2.2 Formulier HTML .........................................................................................................................................26 5.2.3 E-mail beheerder ........................................................................................................................................26 5.2.4 E-mail gebruiker .........................................................................................................................................26 5.2.5 Na het versturen ........................................................................................................................................26
6
HEADER MAKEN EN BEWERKEN .................................................................................................................. 27 6.1 HEADER BEWERKEN ................................................................................................................................................27 6.1.1 Slides bewerken .........................................................................................................................................28
7
INSTELLINGEN EN THEMA’S ........................................................................................................................ 29 7.1 7.2 7.3 7.4
WEBPAGINA THEMA ...............................................................................................................................................29 TEMPLATE DESIGNER ..............................................................................................................................................29 META TAG INFORMATIE ..........................................................................................................................................30 GOOGLE STATISTIEKEN ............................................................................................................................................30
2
7.4.1 7.4.2 7.4.3
Google Analytics code aanvragen ..............................................................................................................30 Google validatie code aanvragen ..............................................................................................................32 E-mail instellen...........................................................................................................................................33
7.4.3.1 7.4.3.2 7.4.3.3
7.5 7.6 8
HOE MAAK IK EEN GASTENBOEK? ..............................................................................................................................39 HOE PAS IK DE CATEGORIEVOLGORDE AAN? .................................................................................................................39
GEBRUIKERS EN GROEPEN .......................................................................................................................... 40 8.1 8.2
9
Microsoft Outlook 2003 en hoger .............................................................................................................................. 33 Gmail ............................................................................................................................................................................. 34 Hotmail ......................................................................................................................................................................... 37
GEBRUIKERS TOEVOEGEN ........................................................................................................................................40 GROEPEN TOEVOEGEN ............................................................................................................................................41
BEKIJK DE INSTRUCTIEVIDEO ...................................................................................................................... 42
3
1 Beheer uw producten 1.1 Categorieën bewerken
Afbeelding: Categorieën overzicht
Via het menu Modules en vervolgens Webshop kunt u naar het onderdeel Categorie overzicht gaan. Indien u een nieuwe categorie wilt toevoegen kunt u rechts onderaan de lijst op de knop Categorie toevoegen klikken. Vanuit het menu modules en vervolgens webshop kan ook de knop Categorie toevoegen gebruikt worden. Algemeen Bij het toevoegen van een categorie dient u een categorienaam en eventueel een bovenliggende categorie te selecteren. Wanneer u een bovenliggende categorie selecteert, dan zal de nieuwe categorie hieronder geplaatst worden. Op deze creëert u een zogenaamde subcategorie.
4
Afbeelding
Afbeelding: Afbeelding toevoegen
Bij een categorie kunt u een enkele afbeeldingen uploaden. De ondersteunde formaten zijn; JPG GIF PNG Het is niet mogelijk om een BMP afbeelding te uploaden. Deze dient u eerst om te zetten naar een van de bovenstaande formaten. Prijs regels Onder het tabblad Prijs kunnen aangepaste prijs instellingen opgegeven worden die op alle producten in de categorie van toepassing zijn. Zo kunt u hier een bepaalde korting op alle onderliggende producten geven of specifieke verzendkosten instellen. Afhandeling Onder het tabblad afhandeling kunnen instellingen opgegeven worden die uitgevoerd moeten bij het bestellen van de producten.
5
1.2 Producten bewerken Producten kunnen worden bewerkt door eerst de categorie te openen waar de producten zich in bevinden. Via het menu Modules en vervolgens Webshop kunt u naar het categorieën overzicht gaan. Klik op de naam van een categorie om de producten in deze categorie te tonen.
Afbeelding: Producten overzicht
Om een product te bewerken kunt u op de naam of op het pennetje klikken. Op de pagina die vervolgens wordt weergeven kan alle productinformatie aangepast worden. Op het eerste tabblad kunt u de algemene informatie bewerken. Zo kunt u hier de naam, productcode en categorie opgeven. Onderaan de pagina staan extra opties die aan een product gegeven kunnen worden. Wanneer deze optie gebruikt wordt, dan krijgt de bezoeker een keuzelijst waarbij deze een van de opties kan selecteren. Hier kan de bezoeker bijvoorbeeld een kleur kiezen.
1.2.1 Afbeeldingen toevoegen Een product kan een of meerdere afbeeldingen bevatten. Via het tabblad Afbeeldingen kunt u deze toevoegen. Afbeeldingen die zijn toegevoegd kunnen eenvoudig weer verwijderd worden via het rode kruisje dat zich achter elke afbeelding bevindt. Door met uw muis het kruisje dat voor iedere afbeelding staat ingedrukt te houden, kunt u de volgorde van de afbeelding aanpassen.
6
1.2.2 Gerelateerde producten Via het tabblad Gerelateerde producten kunt u producten opgeven die mogelijk ook interessant zijn voor de bezoeker. Stel u verkoopt broeken, dan zou een gerelateerd product een shirt kunnen zijn. U kunt eenvoudig de gerelateerde producten selecteren door in de keuzelijst naar de categorie te gaan waar dit product zich in bevindt.
Afbeelding: Gerelateerde producten selecteren
Door op de naam van het product te klikken wordt deze automatisch toegevoegd. Helemaal onderaan kunnen de toegevoegde producten weer verwijderd worden.
1.2.3 Prijs Onder het tabblad prijs kunnen prijs acties toegevoegd worden. Zo kan er hier een korting op het product gegeven worden en kunnen er verzendkosten toegevoegd worden.
1.2.4 Verschillende product afhandelingen (e-mail, leverancier, etc.) Onder het tabblad afhandelingen kunnen acties ingesteld worden die uitgevoerd moeten worden na het afronden van de bestelling. Zo kan er een mail naar de leverancier van het product gestuurd worden.
7
1.2.5 Extra opties U kunt aan een product extra opties toevoegen. Hieronder volgt een korte uitleg over de extra opties: We gaan bij dit voorbeeld uit van een spijkerbroek voor vrouwen. Daarvoor gaat u naar uw producten: In Modules>Webshop>Categorie overzicht – en klik op het tabje ‘Extra opties’
Hier voegen we bijvoorbeeld ‘maten’ toe door op ‘Opties toevoegen’ te klikken. Allereerst geeft u een titel aan (dit is namelijk wat de bezoeker van uw webshop ziet). Daarna voegt u verschillende opties toe, eventueel met een meer- of minderprijs. Door ‘Deze opties gebruiken als uitvoering’ aan te zetten, kunt u de voorraad per optie regelen. Elke optie kunt u bevestigen door op het groene plusje te klikken.
Even opslaan en u heeft een optie set gemaakt.
8
Op de website ziet het er als volgt uit:
Omdat een product meerdere opties kan hebben, voegen we op dezelfde manier nog een set opties toe. Deze keer met een meerprijs op een kleur:
Nu er twee opties beschikbaar zijn, kunnen we eventueel een voorraad per productoptie instellen. Om dit te doen klikt u op het tabje ‘Uitvoeringen’.
9
Zorg ervoor dat het voorraadbeheer aan de rechterkant op ‘Per productuitvoering’ staat wanneer u de voorraad afhankelijk wilt maken van de productopties. Voorraadbeheer kan ook algemeen voor het product worden geregeld. Zet in dit laatste geval ‘Op productbasis’ aan.
Voer nu per product een voorraadstand in. Deze wordt automatisch bijgewerkt wanneer er een bestelling wordt geplaatst.
Even opslaan en het staat op de website bij dit product. Wij raden aan om maximaal twee productopties sets te gebruiken; hoe meer opties, hoe langer de keuzelijst voor de klant! Maar de keuze is uiteindelijk aan u.
10
1.3 Instellingen 1.3.1 Algemene instellingen In de algemene instellingen van de webshop kunnen instellingen opgegeven worden die op de gehele webshop van toepassing zijn.
1.3.1.1 Algemene voorwaarden In het tekstveld van de algemene voorwaarden kunt u uw algemene voorwaarden plaatsen. Wanneer u deze toegevoegd heeft zal er op de betaalpagina een selectievakje getoond worden. De bezoeker moet deze activeren voordat deze de bestelling kan afronden. De bezoeker kan op de tekst Algemene voorwaarden klikken om deze te tonen. Deze zullen worden getoond in een popup venster die in de huidige pagina weergeven wordt.
1.3.1.2 E-mail bijlagen U kunt ervoor kiezen om bijlagen aan de mails toe te voegen die worden verstuurd. Zo kunt u bijvoorbeeld een brochure in PDF formaat mee laten sturen. U kunt bijlagen toevoegen door deze te selecteren en vervolgens op de knop Upload bijlage te klikken. U kunt de toegevoegde bijlagen verwijderen door op het rode kruisje achter het bestand te klikken.
1.3.2 BTW Voor uw belasting kunt u de BTW instellen. Standaard staat deze uit. Om BTW in te schakelen logt u in op uw website en gaat u naar: Modules>Webshop>Globale instellingen
Afbeelding: BTW instellen
11
Vervolgens klikt u op het tabje ‘Prijs’ en scrolt u naar het vak BTW. Nadat u ‘actief’ heeft aangevinkt, heeft u twee opties; BTW berekenen Productprijs dient exclusief BTW te worden ingevoerd. Geen BTW berekenen Productprijs dient inclusief BTW te worden ingevoerd.
BTW over verzendkosten Ook kunt u onder het vak BTW bij ‘Verzendkosten’ de BTW inschakelen. Voor de belastingdienst is dit namelijk ook verplicht. Hier heeft u precies dezelfde opties: BTW berekenen Productprijs dient exclusief BTW te worden ingevoerd. Geen BTW berekenen Productprijs dient inclusief BTW te worden ingevoerd. Als u uw keuze heeft gemaakt, moet u de pagina even opslaan. Voortaan wordt uw keuze in het bestelproces weergegeven.
Afbeelding: BTW instellen voor verzendkosten
12
1.3.3 Verschillende betaalmogelijkheden Via het dropshipping abonnement heeft u de mogelijkheid om meerdere betalingen te gebruiken. Zo is het dan naast iDEAL ook mogelijk om Paypal te gebruiken. Standaard wordt Sisow als betaalmethode gebruikt. Tijdens het aanmelden wordt deze helemaal automatisch ingesteld. Wij raden u dan ook aan om hier niets aan te wijzigen. Om een andere betaalmethode te activeren kunt u het selectievakje bij de betaalmethode aanklikken. De instellingen worden vervolgens weergeven.
Afbeelding: Betalingsinstellingen
Voor vrijwel alle betaalmethodes is een gebruikersnaam en wachtwoord vereist. Deze informatie kunt u bij de desbetreffende aanbieder vinden. Voor Paypal hebben wij een speciale handleiding beschikbaar die stap voor stap beschrijft hoe u hier een rekening voor kunt openen, en hoe u deze kunt koppelen met de webshop.
13
1.3.4 Kortingscodes Stap 1 – kortingscode aanmaken U gaat u naar modules, webshop, kortingscodes. Daar kunt u een kortingscode aanmaken en bepalen hoeveel korting u met deze code wilt geven. Let op! De codes zijn hoofdlettergevoelig. Stap 2 - korting toepassen op alle producten Wilt u de korting alleen op een specifieke categorie geven dan kunt u deze stap overslaan. Deze stap is alleen bedoeld om de code actief te maken op ALLE producten. Indien u dit wilt gaat u naar modules, webshop, globale instellingen. Hier zoekt u het kopje kortingscodes op. Alle door u gemaakte kortingscodes ziet u hier staan. Indien u een kortingscode actief zet geldt dit voor alle producten. Stap 3 - korting op specifieke categorieën of producten toepassen Ga naar de categorie of naar het product waar u de kortingscode op wilt gebruiken. Onder het kopje ‘prijs’ vind u de kortingscodes weer terug. Indien u een specifieke kortingscode wilt gebruiken voor deze categorie of dit product, zet u de instelling bij kortingscode op ‘Aangepast’. Nu zet u de gewenste kortingscode op actief door deze naar het rechter veld te verplaatsen. Daarna klikt u op opslaan. Controleer uw handelingen! Het is natuurlijk belangrijk om te controleren of het gebruik van de door u ingestelde kortingscodes het gewenste resultaat hebben. Controleert u dit door in uw eigen webshop een product toe te voegen aan het winkelmandje. Na het invoeren van de kortingscode klikt u op ‘controleer code’ en u ziet gelijk of u het gewenste resultaat heeft bereikt.
14
2 Bekijk en beheer uw bestellingen 2.1 Betaalde en niet betaalde bestellingen In het tabblad Betaald (moet verzonden worden) staan alle bestellingen die afgerond zijn, maar waar nog een vervolg actie op moet plaatsvinden. Door op de naam van een bestelling te klikken wordt de detailpagina getoond. Hier staat een overzicht van welke producten er besteld zijn. Hier kunt u de status van de bestelling aanpassen. Via de knop Opslaan worden alle wijzigingen opgeslagen. U kunt de Terug knop links onderaan gebruiken om terug te keren naar de overzicht pagina.
2.2 Betalingen in de wacht In het tabblad Betalingen in wacht staan alle bestellingen waar de betaling nog niet van ontvangen is. Dit zijn bestellingen waarbij de bezoeker bijvoorbeeld gekozen heeft voor betalen bij aflevering. U kunt ook handmatig de status van een bestelling op Betaling in wacht zetten. Hiervoor kunt u de bestelling openen en in het rechter gedeelte de status op Betaling in wacht zetten.
Afbeelding: Betaling in wacht
15
2.3 Bestellingen verzonden In het tabblad verzonden staan alle bestellingen die verzonden zijn. U dient een bestelling handmatig op verzonden te zetten. Om een bestelling op verzonden te zetten dient u een bestelling te openen door op de naam te klikken. Aan de rechterzijde kunt u bij de eigenschappen de status van de bestelling aanpassen naar Verzonden.
Afbeelding: Verzonden
2.4 Overige In het tabblad overige staan alle bestellingen met een andere status. Hier staan bijvoorbeeld alle bestellingen in die op initialisatie staan. Dit zijn bezoekers die een product in hun winkelwagen geplaatst hebben.
Afbeelding: Overige bestellingen
16
2.5 Voorraadbeheer Alle klanten met een Extra of Geavanceerd abonnement kunnen gebruik maken van de functie 'voorraadbeheer'. Dit is een erg handige mogelijkheid, omdat het systeem automatisch een e-mail kan sturen op het moment dat de voorraad voor een bepaald product laag is. Zo komt u niet zomaar voor verrassingen te staan! Indien u hier gebruik van wilt maken dient u het volgende te doen: 1 - Log met uw gegevens op uw eigen webshop in. 2 - Ga naar Modules - Webshop - Globale instellingen en scroll helemaal naar de onderkant van de pagina. 3 - Zet het voorraadbeheer op 'actief' en vul eventueel een getal in bij het 'productaantal'. 4 - Sla deze instellingen op.
Standaard staat de actie van het voorraadbeheer op 'Doe niets'. Dit houdt in dat klanten nog wel kunnen bestellen en dat u alleen een e-mail krijgt bij een lage voorraadstand als u hier een aantal heeft ingevuld. Als u gebruik wilt maken van de opties 'Niet meer te bestellen' en 'Schakel uit', zal u eerst per product voorraadstand in moeten stellen. LET OP! Wanneer u dit niet doet, zullen uw producten onbestelbaar zijn!
17
Per product kunt u als volgt de voorraad instellen: 1 - Ga naar Modules - Webshop - Categorie overzicht en klik op de gewenste categorie en het gewenste product. 2 - In het blokje 'Voorraadbeheer' aan de rechterkant kunt u nu een voorraad opgeven (deze wordt automatisch bijgewerkt wanneer er een bestelling wordt geplaatst). 3 - Klik op het tabje 'Afhandeling' en scroll naar de onderkant van de pagina om specifieke instellingen per product te maken.
Voorraadbeheer is te gebruiken voor alle klanten via het dropshipping systeem.
18
3 Beheer pagina’s en teksten
Afbeelding: Pagina’s en teksten beheren
Via het menu item Pagina’s beheren kunt u de inhoud van de pagina’s bewerken. Indien een pagina onderliggende pagina’s heeft is dit zichtbaar door de pijl naar rechts die achter de pagina weergeven wordt. Om een pagina te bewerken kunt u op de knop Bewerken klikken. In de pagina die geladen wordt staan een aantal tabs weergeven waarin u specifieke informatie kunt bewerken. In de eerste tab kan de inhoud van de pagina die aan de bezoeker getoond wordt bewerkt worden. U kunt als eerste de pagina titel aanpassen. Deze titel wordt in de browser getoond. Hieronder kan de tekst van de pagina zelf aangepast worden. De pagina is in drie gedeeltes opgedeeld, een bovenste gedeelte, linker kolom en hoofdgedeelte. Niet alle kan verwijderd worden. Sommige onderdelen zijn nodig voor de werking van de webshop. Als deze verwijderd zouden worden, dan zou de webshop niet meer gebruikbaar zijn. Een pagina kan worden gesorteerd door met de muis op het zwarte kruis te ingedrukt te houden en het item naar boven of naar beneden te slepen. Er wordt direct een preview getoond van hoe de nieuwe volgorde zal zijn. Om het verplaatsen definitief te maken hoeft u het item alleen maar op de gewenste plek los te laten.
19
3.1 Menu opties In het tabblad menu opties kan aangegeven worden of de pagina in het menu getoond moet worden of niet. Ook kan hier de titel van de pagina zoals deze in het menu weergeven moet worden aangepast worden.
3.2 Meta data In het tabblad meta data kan de meta tag informatie aangepast worden. De meta tag informatie is bedoeld voor zoekmachines zodat deze kennis over de pagina krijgen die zij indexeren. U kunt hier een omschrijving opgeven en een reeks van trefwoorden. De trefwoorden dienen door middel van een komma gescheiden te worden. Indien u een pagina heeft waarbij een zoekmachine zich aangepast moet gedragen kunnen er een aantal instellingen geactiveerd worden bij de meta tag robots. Zo kunt u er hier voor zorgen dat een zoekmachine de pagina niet indexeert of niet in de cache opslaat.
3.3 Publicaties en restricties 3.3.1 Publicatie instellingen Bij de publicatie instellingen kunt u een start en een eind datum opgeven. Wanneer deze twee datums opgegeven zijn zal de pagina alleen tussen die twee datums beschikbaar zijn.
Afbeelding: Publicatie instellingen
20
3.3.2 Restricties voor het bewerken van een pagina Indien uw webshop meerdere gebruikers heeft die toegang tot de administrator gedeelte hebben, dan kunt u ervoor kiezen om deze gebruikers bepaalde pagina’s wel en niet te laten bewerken. De groepen die hier weergeven worden kunt u in het gebruikers beheer gedeelte aanmaken en bewerken.
Afbeelding: Restricties voor bewerken
3.3.3 Restricties voor het weergeven van een pagina Indien u wilt dat een pagina niet zichtbaar is voor een gebruiker, dan kunt u deze uitschakelen. De pagina zal dan niet meer in het overzicht getoond worden.
Afbeelding: Restricties voor weergeven
21
4 Facturen maken U kunt klanten een factuur sturen zodra een bestelling wordt verzonden. Om dit te kunnen doen, moet u deze optie eerst inschakelen. Dit doet u door in te loggen op uw Shoppagina en te gaan naar: Webshop > Globale Instellingen
Afbeelding: Webshop Globale Instellingen
Klik in dit pagina overzicht op het tabje ‘Facturen’ en hier kunt u deze aan zetten:
22
Onder de instellingen staat de voorbeeldfactuur. Dit is tevens een ‘template’ en bedoeld om uw gegevens in te zetten. U kunt hier uw eigen gegevens en logo inzetten (let op dat de afmeting van uw logo maximaal 300x80 pixels is). Dit doet u door te klikken binnen te stippellijntjes:
Afbeelding: Gegevens wijzigen in uw factuur
Ook kunt u op dezelfde manier opmerkingen plaatsen op uw factuur. Bijvoorbeeld dat klanten binnen 14 dagen dienen te betalen wanneer ze niet met iDeal hebben afgerekend.
Afbeelding: Gegevens wijzigen in uw factuur 2
23
Na uw wijzigingen zijn opgeslagen, kunt u in het orderoverzicht aangeven of er wel – of geen factuur meegestuurd wordt met een order. Deze kunt u ook voor uw eigen administratie uitprinten. Ga naar Modules > Webshop > Order overzicht en klik een order aan.
Afbeelding: Order overzicht met Factuur
Onder het tabje ‘Factuur’ kunt u de factuur bekijken, of opnieuw aanmaken als u bijvoorbeeld iets in uw facturen gewijzigd heeft.
Afbeelding: Overzicht van Factuur
Aan de rechterkant kunt u de status veranderen naar ‘Verzonden’ en kiezen of u wel – of geen factuur meestuurt.
Afbeelding: Order overzicht status wijzigen
24
5 Formulieren maken en bewerken Op de webshop kunt u zelf een formulier maken. Een bezoeker kan dit formulier invullen en deze informatie kan per E-mail naar u toegestuurd worden. Via het menu modules en vervolgens formulieren kunt u een formulier toevoegen of bewerken.
5.1 Formulier toevoegen Een formulier toevoegen kan door in het overzicht op het groene plus icoontje te klikken welke zicht rechts in het tab overzicht bevindt. U kunt ook een formulier toevoegen door in het menu modules naar het menu formulieren te gaan en hier op Voeg formulier toe te klikken. Hier kunt u het nieuwe formulier een naam en menu titel geven. Wanneer u de naam van het formulier opgeeft worden de overige gegevens automatisch ingevuld. Deze kunt u indien dit nodig is aanpassen. Onderaan kunt u er vervolgens voor kiezen of de ingevulde gegevens opgeslagen moeten worden in de database en of de ingevulde informatie per E-mail naar de beheerder en/of gebruiker moet worden gestuurd.
Afbeelding: Nieuw formulier toevoegen
5.2 Formulier bewerken Een formulier kan bewerkt worden door via het menu modules naar formulieren te gaan en vervolgens op Overzicht te klikken. U ziet hier een overzicht van alle toegevoegde formulieren. Door op de naam van het formulier te klikken wordt het formulier geopend en worden alle opgeslagen reacties getoond. Door hier op de knop Bewerk formulier te klikken kunt u het formulier bewerken.
25
5.2.1 Geaccepteerde velden In dit gedeelte kunt u velden toevoegen of verwijderen. De velden die hier zijn toegevoegd zijn geaccepteerd om door gegeven te worden. In de HTML tab kan de broncode gemaakt worden. Indien hier een veld staat waar de naam van niet voorkomt in deze lijst, dan wordt deze overgeslagen. Door het selectievakje verplicht te activeren zorgt u ervoor dat de bezoeker het veld verplicht moet invoeren voordat deze verstuurd mag worden.
5.2.2 Formulier HTML In het tabblad HTML kunt u de broncode van het formulier bewerken. Bij het toevoegen van een nieuw formulier is de broncode standaard leeg. Via de knop Genereer kunt u de HTML automatisch laten maken. Dit is een basis HTML code die helemaal werkend is. U kunt deze code naar eigen wens aanpassen. Mocht u per ongeluk iets verkeerd gedaan hebben waardoor het formulier niet meer werkt, dan kunt u altijd opnieuw op de knop Genereer klikken.
5.2.3 E-mail beheerder In het tabblad E-mail beheerder kunt u de gegevens toevoegen die naar de beheerder gestuurd moeten worden. U kunt de informatie die ingevuld is door de bezoeker automatisch laten invullen. Hiervoor moet u de naam van het veld toevoegen met aan beide zijdes een # (bijvoorbeeld #email#). U kunt deze gegevens zowel in het bericht zelf als het onderwerp plaatsen. Ook hiervoor kunt u de gegevens automatisch laten invullen met behulp van de knop Genereer.
5.2.4 E-mail gebruiker In het tabblad E-mail gebruiker kunt u de gegevens invoeren die naar de bezoeker gestuurd moeten worden. Het invoeren van deze gegevens is exact hetzelfde als bij de E-mail beheerder tab. Gebruik ook hier eventueel de Genereer knop om automatisch alle informatie in te laten vullen.
5.2.5 Na het versturen In het tabblad na het versturen kunt u de tekst opgeven die getoond moet worden wanneer de bezoeker alle gegevens in het formulier goed heeft ingevuld en deze informatie is verstuurd. U kunt HTML code gebruiken om zo de opmaakt van deze tekst aan te passen. Het versturen van de informatie gebeurd direct op de huidige pagina. De bezoeker wordt dus niet doorgestuurd naar een andere pagina. Dit maakt het wat lastiger om statistieken hiervoor te meten. Om dit toch goed te kunnen meten kunt u een Google conversie code in het bovenste invoerveld opgeven. Dit is een url zoals deze naar Google doorgegeven wordt. In de statistieken zal deze url vervolgens terug te vinden zijn.
26
6 Header maken en bewerken Op uw webshop staat bovenaan een header. Dit is een grote afbeelding met een tekst erover. U kunt hier afbeelding aan toevoegen zodat deze automatisch wisselen. Via het menu modules en vervolgend header kunt u op toevoegen klikken om een nieuwe header toe te voegen.
6.1 Header bewerken
Afbeelding: Header toevoegen
Vul bij het toevoegen van een header een titel in. Met behulp van deze titel kunt u later de header identificeren. U kunt een opschrift toevoegen. Deze opschrift wordt boven op de header geplaatst en zal altijd zichtbaar zijn. Het is ook mogelijk om een overlay afbeelding toe te voegen. Dit is een afbeelding die bovenop de header geplaatst wordt. De tekst en de overlay afbeelding worden altijd links bovenaan in de header geplaatst. Bij de eigenschappen van de header kunt u aangeven of er flash gebruikt moet worden. Wij raden u altijd aan om hiervoor te kiezen. Indien u dit niet doet zal er door middel van Javascript een alternatief getoond worden. Ook kunt u hier ervoor kiezen om slide nummers te tonen. Indien u deze actief zet worden er onder de header nummers geplaatst. Door op een nummer te klikken wordt die slide getoond. Wanneer de nieuwe header is opgeslagen kunnen er slides toegevoegd worden. Hiervoor moet de header altijd toegevoegd zijn.
27
6.1.1 Slides bewerken
Afbeelding: Slides toevoegen
Om een slide toe te voegen kunt u op de knop Voeg slide toe klikken. In de nieuwe pagina die getoond wordt kunt u alle informatie toevoegen voor de nieuwe slide. U kunt hier een titel opgeven, een tekst en een afbeelding. Hou bij het toevoegen van een afbeelding rekening dat deze, indien de afmetingen van de nieuwe afbeelding afwijkt, geschaald zal worden naar de breedte en hoogte zoals rechts bovenaan bij de eigenschappen weergeven zijn. Een slide kan altijd bewerkt worden door op de naam te klikken, of door op het gele pennetje te klikken. Indien u een slide wilt verwijderen kunt u het rode kruisje gebruiken.
28
7 Instellingen en thema’s 7.1 Shoppagina thema Shoppagina heeft een aantal thema’s beschikbaar waarmee u de lay-out van de webshop kunt aanpassen. Ga via het menu Instellingen naar Website configuratie. Hier vindt u bovenaan een reeks van verschillende thema’s. Het standaard thema is blauw.
7.2 Template Designer Wanneer u een ‘Extra’ of ‘Geavanceerd’ pakket heeft aangeschaft, is het mogelijk om de kleuren van de webshop aan te passen. Dit doet u door in te loggen op uw webshop en de template met de groene stip te kiezen (Bruin). Vervolgens kunt u via Modules > Template Designer > Huidige template bewerken, de kleuren aanpassen.
Afbeelding: Template Designer
Wilt u toch een compleet ander design, dan kan dat natuurlijk altijd. Neem in dit geval even contact met ons op! WBB Design & Advies : 0541 74 60 10 –
[email protected]
29
7.3 Meta tag informatie Met behulp van de meta tag informatie kunt u informatie opgeven die zoekmachines kunnen gebruiken tijdens het indexeren van uw webshop. Ga via het menu Instellingen naar Website configuratie. Onder het kopje Zoekmachines algemeen kunt u trefwoorden en een omschrijving opgeven. De meta tags zijn per pagina in te stellen. Indien deze informatie bij een pagina leeg gelaten wordt, dan zal deze informatie hier toegepast worden. De trefwoorden en omschrijving die u hier opgeeft heeft dus betrekking op de gehele webshop.
7.4 Google statistieken Om te kijken hoeveel bezoekers er op uw webshop komen en om te kijken welke pagina’s deze bezoekers bekijken, is het noodzakelijk om een Google Analytics code toe te voegen. Door deze code toe te voegen voegt het systeem een stukje script toe aan uw webshop zodat Google statistische informatie kan verzamelen. Naast dat u een code kunt toevoegen voor Google Analytics kunt u ook een code toevoegen voor de Google Webmasters Tools. Hiermee kunt u informatie bekijk over wanneer Google uw webshop geïndexeerd heeft, welke websites naar uw verwijzen en nog veel meer.
7.4.1 Google Analytics code aanvragen Het aanvragen van een Google Analytics code kan gedaan worden door naar de pagina https://www.google.com/analytics/ te gaan en in te loggen met uw Google account. Indien u deze nog niet heeft dient u deze eerst aan te vragen. Hiervoor kunt u eenvoudig onder de knop Google Analytics gebruiken op ‘Nu aanmelden’ klikken.
Afbeelding: Google Analytics aanmelden
30
Wanneer u zich ingelogd heeft kunt u een nieuwe website profiel toevoegen. U vindt een link hier naartoe links onderaan de pagina.
Afbeelding: Websiteprofiel toevoegen
Bij het toevoegen van een nieuw websiteprofiel kunt u de domeinnaam opgeven en een tijdzone. Wanneer u dit gedaan heeft en op de knop Voltooien heeft geklikt ziet u rechts onderaan een tekstvak met daarin een stuk script. In dit stukje script staat een zogenoemde UA code. Deze dient u over te nemen in uw webshop. Let op dat u de code overneemt zonder de aanhalingstekens!
Afbeelding: UA code
31
7.4.2 Google validatie code aanvragen Bij het toevoegen van een nieuw websiteprofiel kunt u de domeinnaam opgeven en een tijdzone. Wanneer u dit gedaan heeft en op de knop Voltooien heeft geklikt ziet u rechts onderaan een tekstvak met daarin een stuk script. In dit stukje script staat een zogenoemde UA code. Deze dient u over te nemen in uw webshop. Let op dat u de code overneemt zonder de aanhalingstekens!
Afbeelding: UA code
32
7.4.3 E-mail instellen Om de kosten van onze pakketten zo laag mogelijk te houden, heeft u bij Shoppagina geen eigen mailbox. In plaats daarvan maken wij gebruik van een zogenaamde ‘Alias’. Om toch e-mail te kunnen sturen vanaf uw domein, moet u de volgende handelingen uitvoeren:
7.4.3.1 Microsoft Outlook 2003 en hoger Stap 1: Aanmaken van een nieuw account We gaan een nieuw account aanmaken in Outlook. Dit zal niet een account worden waarmee u e-mail ontvangt, maar dient enkel als verzendadres. Klik in de menubalk van Microsoft Outlook op Extra en vervolgens op e-mailaccounts Kies voor 'Een nieuwe e-mailaccount toevoegen' en klik op Volgende Kies voor POP3 en klik op Volgende Vul nu bij 'Naam' en 'e-mailadres' de naam en het e-mailadres in van waaruit u berichten wilt gaan verzenden, bijvoorbeeld de naam van uw Shoppagina. Vul nu bij 'Inkomende e-mail' een fictief adres in, bijvoorbeeld '123'. Bij 'Server voor uitgaande e-mail' dient u hetzelfde adres in te vullen, als dat u bij uw andere emailaccounts heeft ingesteld. Het veld 'Gebruikersnaam' mag ook een fictieve waarde bevatten. Door op de knop 'Meer instellingen' te klikken kunt u de naam van dit account een herkenbare naam geven. Klik daarna op Ok. U bent nu klaar met deze stap. Klik op Volgende en daarna op Voltooien. Stap 2: Uitschakelen 'e-mailitems ontvangen' Omdat wij een fictief adres hebben ingevoerd bij 'Inkomende e-mail', moeten we ervoor zorgen dat Outlook geen verbinding gaat maken met dit niet-bestaande adres. Dit gaat als volgt; Klik in de menubalk op 'Extra', 'Verzenden en ontvangen', 'Instellingen voor verzenden en ontvangen' en vervolgens op 'Groepen voor verzenden en ontvangen definiëren'. Klik op 'Alle accounts' en vervolgens op de knop Bewerken. Klik nu links onder het kopje 'Accounts' op het account dat u zojuist heeft aangemaakt. Zet nu in het rechter deel van dit venster, het vinkje bij de optie 'e-mailitems ontvangen' uit. Klik nu op Ok, en daarna op de knop Sluiten Stap 3: E-mail verzenden Stel een nieuw e-mailbericht op door in het menu op de knop 'Nieuw' te klikken. In het venster dat dan verschijnt heeft u nu een extra keuzeoptie 'Accounts' gekregen, rechts van de knop 'Verzenden'. Met deze knop kunt u nu kiezen vanuit welk account, dus vanuit welke naam en e-mailadres u deze e-mail wilt verzenden. De ontvanger van deze e-mail zal dan als afzender de naam en het e-mailadres van dat account zien.
33
7.4.3.2 Gmail Surf naar gmail.com en log in met u Google e-mailadres en bijbehorend wachtwoord. Wanneer u ingelogt bent klikt u op Instellingen. De knop Instellingen kunt u o.a. rechtsbovenin uw scherm vinden. In het Instellingen scherm klikt u vervolgens op het tabblad 'Accounts en import'. In de afbeelding hieronder ziet u hoe het scherm er dan uit zou moeten zien. Uiteraard staat er bij u een andere naam en e-mailadres.
In het tabblad kunt u verschillende zaken instellen. Wij richten ons nu op het toevoegen van een 'Identiteit'. Klik op de knop 'Verstuur e-mail vanaf een ander adres' om een nieuwe identiteit toe te voegen. U krijgt dan een popup-venster te zien, zoals in de onderstaande afbeelding.
Vul bij 'Naam' bijvoorbeeld de naam van uw webshop in. Dit is de naam die de ontvanger van de e-mail als weergegeven naam zal zien. In het e-mailadres veld vult u het e-mailadres in waarmee u e-mail wilt gaan verzenden. Dit is het doorstuuradres dat u bij het dropshipping systeem heeft gekregen.
34
35
Google wil graag zeker weten dat u ook echt de eigenaar van het opgegeven e-mailadres bent. Er zal daarom een e-mail worden verstuurd naar het opgegeven E-mailadres. Deze e-mail zal bezorgd worden in uw Gmail mailbox. Om deze e-mail te kunnen lezen dient u een nieuw venster in uw webbrowser te openen. Om zo het zojuist verzonden verificatiemailtje te openen. Nadat u op 'Verificatie verzenden' heeft geklikt krijgt u het volgende venster te zien;
Kopieer nu de code die Google u gezonden heeft en plak deze in het veldje, zoals in de afbeelding hierboven te zien is. Nadat u op 'Controleren' klikt komt u weer in het Instellingen venster terecht. Als alles goed is gegaan heeft u nu een extra identiteit toegevoegd.
Nu u een extra identiteit heeft toegevoegd, is er een extra optie beschikbaar gekomen. Met deze optie kunt u ervoor zorgen dat wanneer u antwoord op een e-mail van uw klanten, automatisch de juiste identiteit wordt gekozen.
36
7.4.3.3 Hotmail Als u een account heeft bij Hotmail, kunt u ook instellen dat u vanaf uw dropshipping domein mailt. Daarvoor moet u de volgende stappen uitvoeren: opties -> Meer opties ->
Account beheren E-mail verzenden en ontvangen van andere accounts -> Klik op ‘Een account toevoegen als verzendadres’.
37
Vervolgens vult u in het volgende scherm uw
[email protected] in.
Klik daarna op de knop ‘Bevestigingsmail verzenden’. U krijgt nu een bevestigingsmail met een link. Als u in het vervolg dan een nieuwe e-mail stuurt, kunt u instellen of u vanaf uw Hotmail of dropshipping domein mailt.
38
7.5 Hoe maak ik een gastenboek? U wilt graag dat uw klanten een reactie of berichtje op uw dropshipping pagina achter kunnen laten? Geen probleem, daar hebben wij iets voor! Standaard wordt er een Gastenboekpagina meegeleverd bij iedere dropshipping pagina. Deze hoeft u alleen maar zichtbaar te maken in het menu. Dit gaat als volgt; Log in met uw gebruikersnaam en wachtwoord in uw Shop. Klik op Pagina's beheren. U krijgt nu een overzicht te zien met alle pagina's van uw Shop. Klik in op de knop 'Bewerken' van de Gastenboekpagina. Op deze pagina kunt u onder het kopje Hoofdgedeelte de tekst aanpassen, die standaard boven het reactieformulier staat. Klik nu op het tabblad 'Menu opties'. Hier kunt u de Gastenboekpagina zichtbaar maken in het menu door 'Toon in menu' op Ja te zetten. Sla de pagina op en u bent klaar! Heeft u om de een of andere reden de Gastenboekpagina verwijderd, dan kunt u deze eenvoudig weer aanmaken. Volg hiervoor de volgende stappen; In het venster Pagina's beheren klikt u op de knop 'Pagina toevoegen'. U kunt de nieuwe pagina Gastenboek noemen, maar dat hoeft niet perse. Klik nu onder het kopje Hoofdgedeelte op Nieuw pagina element, en vervolgens op Tekst invoegen. In de tekstbewerker die nu verschijnt kunt u een kopje aanmaken, bijvoorbeeld Gastenboek. Daaronder kunt u een kort tekstje zetten, zoals "Laat een reactie achter in ons gastenboek". Zodra u klaar bent klikt u op Toepassen. Nu gaan we het reactieformulier toevoegen, dat gaat als volgt; Klik wederom op Nieuw pagina element en kies nu voor Dynamische content. U krijgt dan een lijstje met mogelijke opties. Kies onder het kopje 'Reacties' voor de optie 'Reacties van gebruikers'. Klik nu op Toepassen. Sla de pagina op, door rechtsonderin op Opslaan te klikken en u bent klaar!
7.6 Hoe pas ik de categorievolgorde aan? Elke categorie in uw webshop heeft ook een pagina. Op deze manier is het ook mogelijk, om boven een specifieke categorie een tekst te kunnen plaatsen. Maar nu richten wij ons alleen op het aanpassen van volgorde van uw categorieën. Zoals gezegd heeft elke categorie een eigen pagina. Klik daarom op Pagina's beheren om het overzicht van uw pagina's weer te geven. U krijgt nu het overzicht met alle pagina's van uw website te zien. Als u hier nog niets aan heeft veranderd, dan staat bovenaan dit overzicht de 'Webshop' pagina. Dit is tevens de homepage van uw website. Onder deze pagina zitten een aantal systeempagina's en de categoriepagina's. U kunt deze zichtbaar maken, door op de pijl naar rechts te klikken van de pagina 'Webshop'. Het beeld zal nu verschuiven en u krijgt de uitgevouwen pagina's onder de Webshoppagina te zien. Eerst de systeempagina's (Winkelmandje, Afrekenen, enz) en daaronder de categorieën. U kunt de categorieën nu van volgorde verwisselen door middel van de 'Sorteren'-knop, van de betreffende pagina. Door de linkermuisknop ingedrukt te houden (op de 'Sorteren' knop) kunt u met u muis de pagina naar boven of beneden verplaatsen. Laat de linkermuisknop los, wanneer de pagina op de gewenste plaats staat. De wijziging wordt direct doorgevoerd.
39
8 Gebruikers en groepen 8.1 Gebruikers toevoegen Via Instellingen in het menu kunt u via Gebruikers beheren nieuwe gebruikers toevoegen of bestaande gebruikers bewerken. Om een gebruiker toe te voegen kunt u op de knop Gebruiker toevoegen klikken.
Afbeelding: Nieuwe gebruiker toevoegen
Aan de linkerkant kunt u de gewenste gebruikersnaam en E-mail adres opgeven. U kunt ook direct het wachtwoord opgeven dat deze nieuwe gebruiker dient te gebruiken om in te loggen. De gebruiker kan altijd later zelf zijn gegevens aanpassen. Ook kunt u hier aangeven in welke groepen deze nieuwe gebruiker moet komen.
40
8.2 Groepen toevoegen Via Instellingen in het menu kunt u via Gebruikers beheren nieuwe groepen toevoegen of bestaande groepen bewerken. Om een groep toe te voegen kunt u op de knop Groep toevoegen klikken.
Afbeelding: Groep toevoegen
U kunt aan de linkerkant een naam voor de groep opgeven en een korte omschrijving. Aan de rechterkant kunt u opgeven welke rechten leden van de groep hebben.
41
9 Bekijk de instructievideo Er is een speciale instructievideo gemaakt waar de basis functionaliteit in getoond wordt. Deze 5 minuten durende video toont hoe een shop account aangemaakt kan worden en hoe een aantal basis functionaliteiten gebruikt kunnen worden. U vindt deze instructievideo op: niet beschikbaar
42
