Webstore Tutorials

Met technische vragen, problemen of ondersteuning kan je terecht op Support@vanroey.be voor gestructureerde opvolging. Bij voorkeur met duidelijke omschrijving en screenshots.

Opgelet; Bij het contacteren verwachten we dat je onderstaande info grondig hebt doorgenomen. Indien toch support moet worden geleverd op onderstaande zaken, wordt deze dienst gefactureerd.

Essentials / Introductie / Knowledge Base

(1e item wordt niet weergegegeven)

We noemen uw nieuwe webstore een deel van ons ‘Webstore platform’ omdat hij naadloos samenwerkt met onze andere oplossingen als de SalesApp, FormBuilder, AppConstructor, City-App, PresentationApp etc… De idee hierachter is dat u éénmalig uw aanbod ingeeft (of koppelt met een eigen bedrijfsdatabase) en zowel uw shop als alle andere applicaties worden voortaan gevoed en beheerd vanuit één centrale database.

U kunt makkelijk zelf pagina’s voorzien, menu’s beheren en bewerken. Daarom beperkt het platform zich niet enkel tot shop. Maak dus gerust een home-, about- of contactpage aan of begin een blog. Zo spaart u zichzelf de kost van een website uit en beheert u alles vanuit éénzelfde Back-end.

Wanneer u bij ons een Webstore opstart voorzien we eerst een afgeschermde omgeving op “organisatienaam.i2ct.eu”. Deze omgeving wordt nog niet geïndexeerd door Google en is enkel te bezoeken door mensen die over deze link beschikken. U kunt dus uitgebreid testen, fouten maken en reviseren zonder dat u hier het grote publiek mee bereikt. De bedoeling is dat, zodra u voelt dat de ganse shop klaar is voor het grote publiek, we de site definitief verhuizen naar www.uworganisatie.be.

Belangrijke tip wanneer u links en verwijzingen aanmaakt:

  • Voor externe links als Facebook, twitter, partners… gebruikt u steeds de volledige URL: http://facebook.com en kiest u ‘open in nieuw venster’ om mensen niet weg te leiden van uw eigen webstore. Vergeet zeker niet om altijd http://www te vermelden.
  • Alle interne links naar foto’s, media, pagina’s, producten… binnen uw webstore mag u bv. linken naar “http://organisatienaam.i2ct.eu/image/product/1.jpg”. Door uw domein weg te laten en te beginnen vanaf de ‘forward slash’ /, blijft uw webstore automatisch in hetzelfde domein. Dit is niet alleen makkelijker, maar op deze manier voorkomen we bij de verhuis van uworganisatie.i2ct.eu naar www.uworganisatie.be dat er achteraf nog oude, foutieve links naar het .i2ct.eu domein overblijven.

Enkel wanneer u zich als beheerder aanmeldt (Admin) kunt u de ‘backend’ benaderen. Via www.uwdomein.be/admin komt u als het ware ‘achter de schermen’ van uw Webstore terecht waar u alles tot in de kleinste details kunt configureren. Uw bezoekers krijgen deze Back-end nooit te zien

Met ‘Front-end’ omvatten we alles wat uw bezoeker te zien krijgt en hoe hij de site ervaart. De uiteindelijke webshop en -site dus. Hier ziet u dus het resultaat van al uw werk achter de schermen in de Back-end. Producten, pagina’s, overzichten, meldingen, vertalingen… worden weergegeven in de Front-End, gestileerd door uw eigen Template.

Met het ‘Template’ ofwel het ‘sjabloon’ van uw site bedoelen we het uiterlijk. Doorgaans met uw logo bovenaan en zo goed mogelijk aangepast aan uw huisstijl of kleurenpalet. Uw Template bepaalt waar bv. productfoto’s en -beschrijvingen komen te staan op pagina’s, het menu, waar staat de knop om aan te melden… Kort samengevat, alle zaken die u niét met de page-content-editor kunt wijzigen zitten voorgeprogrammeerd in het Template.

Vandaag leveren we enkel Responsive (of ‘adaptive’) Templates op. Dit wil zeggen dat uw Webstore zich netjes aanpast aan de schermgrootte van de bezoeker. Bezoekt men uw site via smartphone, tablet of PC? We garanderen een fijne, aangepaste ervaring op alle platforms.

Opgelet, afhankelijk van uw template worden mogelijks bepaalde zaken die wél te configureren zijn in de Back-end niét weergegeven in de Front-End. Bijvoorbeeld, als u geen nood heeft aan productbeschrijvingen kunnen deze uitgeschakeld zijn.

Af en toe kunt u in de Back-End ‘Wildcards’ gebruiken. Dit zijn stukjes tekst die automatisch ingevuld zullen worden door het platform. Zo kunt u de boodschap “Welkom op onze site” maken: “Dag %first_name%, Welkom op onze site.” Waardoor gebruikers persoonlijk aangesproken zullen worden. Er is een grote lijst aan wildcards, maar niet alle wildcards kunnen zomaar overal toegepast worden. Bij aanpassingen van E-mailtemplates, pagina’s of translations dient u dus best eerst het resultaat te testen.

het overzicht van alle wildcards vindt u hier:

confirmorder:

  • %billing_info%
  • %cart_subtotal%
  • %cart_total%
  • %cart_vat%
  • %category%
  • %comment%
  • %discountcode%
  • %domain%
  • %extid%
  • %first_name%
  • %image%
  • %last_name%
  • %link%
  • %nr%
  • %orderid%
  • %part_nr%
  • %paymentmethod%
  • %price%
  • %price_excl%
  • %price_incl%
  • %product%
  • %product_link%
  • %qty%
  • %shipping%
  • %shippingaddress%
  • %summary%
  • %total%
  • %vat%
  • %voucher%
  • %website%

desiredprice:

  • %customer.email%
  • %customer.name%
  • %customer.phone%
  • %product.id%
  • %product.name%
  • %product.price%
  • %product.url%
  • %shop.url%
  • %shop.product_price%
  • ordersurvey:
  • %domain%
  • %email%
  • %first_name%
  • %website%

presentation:

  • %image%
  • %link%
  • %nr%
  • %price%
  • %product%
  • %summary%
  • %total%
  • %vat%

registration:

  • %code%
  • %domain%
  • %first_name%
  • %website%

recoverpassword:

  • %authcode%
  • %domain%
  • %first_name%
  • %website%

resetpassword:

  • %domain%
  • %first_name%
  • %newpassword%
  • %website%

sales_comment:

  • %answer%
  • %company%
  • %id%
  • %open%
  • %question%
  • %representative%
  • %timestamp%
  • %visitReport%

sales_order:

  • %billing.info%
  • %billing.title%
  • %confirmationLink%
  • %company.info%
  • %company.enterprise%
  • %company.extid%
  • %company.mobile%
  • %company.name%
  • %company.phone%
  • %currency%
  • %customer.email%
  • %customer.firstName%
  • %customer.groupId%
  • %customer.lastName%
  • %customer.mobile%
  • %customer.phone%
  • %delivery.cost%
  • %delivery.info%
  • %delivery.warehouseAddress%
  • %discount.info%
  • %nr%
  • %order.id%
  • %order.comment%
  • %order.date%
  • %order.subtotal%
  • %order.total%
  • %order.vat%
  • %payment.info%
  • %product.categoryName%
  • %product.extid%
  • %product.image%
  • %product.imageLink%
  • %product.link%
  • %product.name%
  • %product.partNr%
  • %product.price%
  • %product.priceExclVat%
  • %product.priceInclVat%
  • %product.quantity%
  • %product.summary%
  • %product.total%
  • %product.url%
  • %product.vat%
  • %representative.info%
  • %representative.name%
  • %representative.phone%
  • %representative.email%
  • %voucher.info%
  • %website.domain%
  • %website.url%
  • stocknotification:
  • %customer.firstName%
  • %customer.lastName%
  • %product.name%
  • %product.link%

voucher:

  • %amount%
  • %code%
  • %delivery.address%
  • %delivery.city%
  • %delivery.country%
  • %delivery.name%
  • %delivery.postcode%
  • %message%
  • %receivername%
  • %sendercontactinfo%
  • %sendername%
  • %validdate%

In de Back-End ziet u bovenaan vaak een ‘Permalink’ staan. Dit is de definitieve link waarmee u naar desbetreffend product, pagina, blogbericht, categorie… surft. Deze link kunt u ook delen met gebruikers op bv. sociale media of in emailcampagnes. Een permalink wordt eenmalig automatisch gegenereerd, maar in sommige gevallen kunt u deze nog naar wens aanpassen. Uiteraard is het niet meer aan te raden de permalink aan te passen nadat u deze heeft gebruikt in campagnes of andere verwijzingen.

Het webstore platform zal uw producten nooit onder de opgegeven aankoopprijs -dus met verlies ofwel negatieve marge- verkopen, ongeacht de kortingen die u toekent op prijsgroepen, categorieën of op productniveau. Standaard staat deze safety margin op 0%. Wat betekent dat de absoluut minimale verkoopprijs nooit minder dan de aankoopprijs zal zijn. Maar u kunt deze veiligheidsmarge ook door ons laten aanpassen naar een hoger percentage naar keuze.

Users

(1e item wordt niet weergegegeven)

/admin/users – In het overzicht ziet u alle geregistreerde gebruikers en administrators. Helemaal rechtsboven is er een dropdown menu die u meteen laat filteren op bepaalde typen gebruikers met extra specifieke rechten. U kunt alle getoonde gebruikers makkelijk doorzoeken door bovenaan de filtervelden bij Email, voor- en achternaam te gebruiken. Met de ‘Reset’ knop rechtsboven kunt u de filter weer wissen. U ziet hun laatste bezoek aan de site en om een gebruiker de toegang te ontzeggen kunt u hem steeds deactiveren door op het vinkje in de tabel “Active” te klikken. Het verwijderen van gebruikers kan ook, maar de gegevens van klanten gaan nooit verloren. Dit is dus louter indicatief. Gezien het wettelijk, boekhoudkundig of om wat voor reden dan ook nuttig kan zijn om deze oude gegevens alsnog te raadplegen.

In de tabel Actions zien we 5 iconen of opties:

  • Met het potloodje kunt u de basis- en inloggegevens van de gebruiker bewerken.
    • U kunt hier zelf een nieuw paswoord configureren voor de gebruiker.
    • Zijn voor- en achternaam wijzigen
    • Kiezen tot welke (Pricing)groep deze klant behoort
    • Zijn standaardtaal configureren
    • Een persoonlijke boodschap tijdens het aanmelden weergeven
    • Bepalen of deze gebruiker al dan niet op factuur, dus met een afgesproken betalingstermijn, mag betalen.
  • Met het tweede icoontje (het staande mannetje) kunt u adressen van de gebruiker bekijken, bewerken of toevoegen
    • Door te klikken op de straatnaam of op het potloodje bewerkt u het adres
    • U kunt -voor de gebruiker- een adres als ‘primary’ instellen waarmee u dit adres als standaard of als belangrijkste markeert. Hij zal dit adres steeds standaard voorgeschoteld krijgen tijdens zijn bestellingsprocedure.
    • Ook kunt u een adres verwijderen. Dan krijgt de gebruiker het niet langer te zien.
    • Met de knop “+ New Address” voegt u een nieuw adres toe
      • Met “Address type” kiest u of het een facturatie of een verzendadres betreft.
      • Vervolgens geeft u de straatnaam + nummer, de postcode, stad, het land en een telefoon- of GSM-nummer in.
      • Klik op save om te bewaren, of cancel om te annuleren.
    • Met het icoontje van het gebouw kunt u bekijken of de gebruiker bij één of meerdere bedrijven behoort.
      • U ziet in dit overzicht de namen van de bedrijven, de Ext ID (de referentie richting uw bedrijfssoftware) en de BTW nummer. Deze kolommen zijn makkelijk te doorzoeken met de filtervelden bovenaan. Ook worden telefoonnummers getoond om de persoon op dit bedrijf te bereiken. De enige wijziging die u hier kunt doen is een bedrijf verwijderen.
    • Met het sync-icoontje (2 pijtjes) kunt u zich aanmelden als deze gebruiker. Gemakkelijk om te testen door in zijn naam een bestelling te plaatsen.
    • Met het slotje kunt u als beheerder uw eigen rechten toevertrouwen aan collega’s.
      • Wanneer u klikt op het veld naast ‘Permissions Group’ krijgt u de rechten voorgeschoteld waar u zelf over beschikt. Wilt u uw collega bijvoorbeeld ook webstore administrator maken, dan duidt u dit veld aan. Klik nogmaals in de lege ruimte van het veld om hem of haar nog extra rechten toe te kennen. Opgelet: wanneer u op ‘Save’ klikt beschikt uw collega over deze rechten en kan hij of zij dus ook deze rechten weggeven aan andere gebruikers! De gebruiker in kwestie dient zich wel even af te melden en opnieuw aan te melden om de gewijzigde rechten te krijgen.

Als laatste icoontje, in de tabel export, hebben we de functie export. Dit dient om deze klant in uw gekoppelde bedrijfssoftware op te nemen.

We kunnen ook nieuwe gebruikers aanmaken door op de knop rechtsboven ‘New User’ te klikken. Vul de juiste gegevens in, kies de correcte (prijs)groep en taal, voorzie indien gewenst een persoonlijke boodschap voor wanneer hij of zij zich aanmeldt en kies of de nieuwe gebruiker in aanmerking komt voor betaling via factuur. Wanneer u klikt op ‘save’ is uw gebruiker aangemaakt en kan hij zich aanmelden. In het overzicht kunt u de gebruiker steeds bewerken, adressen toevoegen of rechten toekennen.

Als laatste optie kunt u uw totale gebruikerslijst naar een Excel-lijst exporteren met de rode knop rechtsboven “Export to Excel”. Er wordt een .xlsx bestand gegenereerd en gedownload met daarin de e-mailadressen en voor- en achternamen van uw gebruikers.

/admin/user-addresses – Deze lijst geeft u een overzicht van alle adressen die gebruikt of opgegeven zijn door uw gebruikers. U kunt ze van hieruit ook bewerken met het potloodje of verwijderen met het rode kruisje. Een zoek- en filterfunctie bovenaan zal binnenkort beschikbaar zijn.

Companies

(1e item wordt niet weergegegeven)

/admin/companies – In dit overzicht kunt u makkelijk een bedrijf of organisatie opzoeken mbhv. de filters bovenaan of verwijderen door op het rode kruisje te klikken. Eens u een bepaalde firma gevonden heeft kunt u met het eerste icoontje (het mannetje in het cirkeltje) de adressen bekijken die opgegeven zijn. Met het tweede icoontje kunt u alle werknemers van deze firma oplijsten. Voor iedere gebruiker staat een ID nummer, bijvoorbeeld 5, via de link uwdomein.i2ct.eu of later www.uwdomein.be/admin/users/edit/id/5kunt u deze gebruiker verder bewerken.

/admin/company-addresses – Deze lijst geeft u een overzicht van alle bedrijfsadressen die opgegevens zijn door uw gebruikers. U kunt ze van hieruit ook bewerken met het potloodje of verwijderen met het rode kruisje. Een zoek- en filterfunctie bovenaan zal binnenkort beschikbaar zijn

Prices

(1e item wordt niet weergegegeven)

/admin/price-groups – Met Price Groups kunt u gebruikers opdelen in prijscategorieën. Bv. ‘Standaardklanten’ die het standaardtarief voorgeschoteld krijgen, ‘Grote klanten’ met wie een extra procentuele korting afgesproken is, of ‘personeel’ dat uw producten bv. aan zeer lage marge mag bestellen. Het Webstore Platform is wel intelligent genoeg om nooit onder de aankoopprijs van een product + “Safety Margin” te verkopen. Deze basismarge die altijd gehaald moet worden wordt bepaald bij de opzet van uw webstore.

We maken een nieuwe Price Group aan door rechtsboven op “+New Price Group” te klikken. Eerst geeft u uw nieuwe prijscategorie een duidelijk omschrijvende naam. Vervolgens bepaalt u zelf, in procenten (zonder het teken %) of u voor dit type klant:

  1. Een standaardkorting op de verkoopprijs wilt geven op alle producten?
  2. Een nieuwe standaardwinstmarge wenst op de aankoopprijs voor alle producten?

Beide velden zijn verplicht in te vullen, maar door de waarde 0 in te geven wordt de korting of marge genegeerd. 0 Is dus gelijk aan leeglaten. Een standaardprijsgroep zonder kortingen noch aangepaste marge zou dus voor beide waarden 0 hebben. Voor deze gebruikers wordt de standaard prijs getoond.

Het is niet aan te raden én een marge én een korting te definiëren in dezelfde prijsgroep.

Voorbeeld: Stel we hebben een product dat we aankopen voor €50 en verkopen voor €100.

Als we Marge op 10% zetten voor een prijsgroep zal de 50€ Aankoopprijs + 10% marge uitkomen op een verkoopprijs van 55€

Als we Korting op 10% zetten voor een prijsgroep zal de 100€ Verkoopprijs – 10% korting uitkomen op een verkoopprijs van 90€

We hebben wel enkele belangrijke opmerkingen:

  • Dit betreft de meest algemene, globale prijssetting en deze wordt genegeerd wanneer er:
  1. Een procentuele korting of marge gedefinieerd is op categorieniveau: Bv. “-20% korting op al onze printers” Resulteert in €80 voor alle pricegroups. (zie hoofdstuk Categoriën) Ook déze prijssetting wordt genegeerd wanneer:
  2. Een procentuele korting of marge gedefinieerd is op productniveau: Bv. “-30% korting op deze specifieke printer alleen” Resulteert in €70 voor alle pricegroups. (Zie hoofdstuk Products) Ook déze prijssetting wordt genegeerd wanneer:
  3. Een fixed price gedefinieerd is op een product: Bv. “Prijs is vast: 79€ en niets anders.” Resulteert in €79 voor alle pricegroups. En zelfs deze prijssetting wordt genegeerd wanneer:
  4. Een Staffelprijs gedefinieerd is op een product: Bv. “Wanneer je 2 printers koopt komen ze op €74 per stuk.” Resulteert in €74 voor alle pricegroups, vanaf 2 toestellen.Kort samengevat zijn er dus 5 niveaus: Staffelprijs op product is belangrijker dan een Fixed Price op product is belangrijker dan een procentuele marge of korting op product is belangrijker dan marge of korting op categorie is belangrijker dan PriceGroup
  • Alle prijzen in het platform worden -om uw site sneller te doen reageren- gecached. Dwz. vooraf berekend en ingeladen in het geheugen zodat ze niet steeds opnieuw moeten worden berekend. De drastische snelheidswinst die we hiermee behalen heeft wel enkele gevolgen:
  1. Wanneer u via het menu-item “Users” een gebruiker toewijst aan een nieuwe prijsgroep. (zie hoofdstuk “Users”) dient deze gebruiker zich eenmalig opnieuw aan te melden alvorens hij zijn aangepaste prijzen zal zien!
  2. Na het wijzigen van een marge of korting op categorieniveau dient de admin ‘clear prices’ te klikken. Alle prijzen in het ganse platform worden dan herberekend.
  3. Na het wijzigen van een marge of korting, of het instellen van een fixed price of staffelprijs bij een individueel product dient u bij het bewerken van een product in de tab ‘general’ (zie hoofdstuk ‘Products’) op de knop ‘prices’ te klikken en vervolgens ‘clear all prices’ om het product van de nieuwe prijssetting te voorzien. De nieuwe prijsberekening vindt plaats zodra het product in de shop getoond wordt.

Products

(1e item wordt niet weergegegeven)

/admin/products – Het hart van uw webstore bevindt zich hier en alle opgebouwde kennis komt hier te pas. Het is dus ten zeerste aangeraden om deze video pas op het einde van het opleidingstraject te bekijken. Ook wat betreft effectieve invulling van producten raden we aan om hiermee te wachten tot de laatste fase om dubbel of onvolledig werk te vermijden. Want pas wanneer u het platform tot in de kleinste details heeft begrepen en geconfigureerd kunt u het onderste uit de kan halen.

New Product

Met de knop rechtsboven “+New Product” kunnen we een nieuw product aanmaken. Het aantal opties is hier nog relatief beperkt gezien we ons eerst beperken tot de basisinfo. Pas na het aanmaken van een nieuw Product(ID) zullen er veel meer opties beschikbaar komen. We overlopen samen de opties:

  • Product Name: Een commerciële, herkenbare titel van uw product. Bv. Iphone 7 128GB Wit
  • Product type: Hier bepalen we wat voor product het betreft:
    • Normal product: Een standaard product dat u makkelijk kunt verkrijgen
    • Pre-order: Het product is nog niet op de markt, maar uw klanten kunnen het alvast reserveren. Je kan het product online zetten met stock “0” en enkel als klanten het geleverd willen hebben zullen ze vooraf moeten betalen. (De instelling ‘Hide products without stock = yes’ wordt dan omzeild) De knop ‘toevoegen aan winkelmandje’ wordt in dit geval gewijzigd naar ‘reserveren’.
    • Pack Quantity: Stel uw product wordt enkel in bepaalde hoeveelheden verkocht. Bv. flessen wijn zitten per 6 verpakt, maar je wilt wel adverteren met de prijs per stuk. Klanten kunnen nu enkel een veelvoud van deze “Quantity” invullen wanneer ze deze toevoegen aan het winkelmandje. De ‘minimum quantity’ moet later wel op de product bewerkingspagina worden vervolledigd.
    • Length or weight: In dit geval mag uw klant bij ‘aantal’ ook met komma’s werken. Zo kunt u bv stof adverteren met prijs per meter en kan de bezoeker 3,25 invullen.
  • Category: kies de (sub)categorie waarin het product behoort. Het zal daar voortaan in gevonden worden. (Meer info hierover in hoofdstuk Categories /admin/categories)
  • Supplier name: Typ de eerste letters van het merk of de leverancier, bv. Apple (Meer info hierover in hoofdstuk Suppliers /admin/suppliers)
  • Part number: De SKU of productcode van de leverancier komt hier te staan, bv. MG4A2PK/A
  • External ID: De interne code die u zelf hanteert voor dit product in de database van uw organisatie. Deze kan dus leeg blijven.
  • Vendor name: Indien u werkt met een toeleverancier kan de naam van deze toeleverancier hier worden ingevuld.
  • Vendor ID: Indien u werkt met een toeleverancier kan hun unieke interne productcode voor dit product hier ingegeven worden
  • EAN/UPC code: Geef hier de EAN code van het product in
  • Purchase price: Hier geven we de aankoopprijs exclusief BTW in. Opgelet, gebruik bij het invullen van prijzen steeds een puntje ipv. Komma voor decimalen! U kunt deze leeglaten of 0 invullen om te negeren.
  • Strikethrough price: Optioneel geeft u hier een oude doorstreepprijs in; bv. 899.99
  • Selling price: Hier geven we de verkoopprijs exclusief BTW in.
  • Tax class: Sommige producten of diensten hebben meer of minder BTW, Recupel, Bebat en dat soort zaken. Hier kunt u een vooraf gedefinieerde taxatie selecteren. (Meer info hierover in configuration – Tax Classes /admin/taxes)
  • Total stock: Hier geeft u uw huidige voorraad aan.
  • Minimum quantity: Hoeveel items moet een klant minstens afnemen per order? Uiteraard is dit standaard 1.
  • Limit: Hoeveel items mogen klanten per order maximaal bestellen? Bij zeldzame producten of beperkte voorraad kan dit best geconfigureerd worden. Met 0 zorgt u ervoor dat er geen beperking is.
  • Sort Order: In sommige gevallen kan de volgorde waarin uw producten worden weergegeven worden aangepast. 0 is standaard en de hoogste prioriteit. 1 komt hierna, 2 daarna enz… Dit veld is niet verplicht.
  • Product Tags: Om uw product goed vindbaar te maken binnen uw site, maar ook voor Google moet u uw tags zo volledig mogelijk aanvullen. Standaard gelden alle categorie-tags al op het product, dus u moet deze hier niet nogmaals ingeven. In dit veld vult u dus enkel aanvullende, specifieke tags in voor dit product. Bv. in het geval van een iPhone zijn tags als Smartphone, telefoon, GSM, 4G, bluetooth… reeds toegevoegd in categorie smartphone, dus hier dient u enkel nog tags toe te voegen als ‘128gb, iPhone, 6, wit, white, 128, 128 gig, 128 go… zo volledig mogelijk dus. Tip: neem ook foute spelling of dubbelzinnigheden op als smartfone, ifone… je weet namelijk nooit wie uw bezoekers zullen zijn en hoe ze zoeken
  • Active: tot slot kunt u ervoor kiezen of uw product al dan niet actief én zichtbaar staat in uw shop.

Klik vervolgens op ‘Save’ om uw wijzigingen op te slaan.

Alle producten die u aanmaakt en online aanbiedt komen terug in het makkelijk doorzoekbare overzicht.

Het overzicht toont ons

  • ID: ieder product wordt voorzien van een unieke nummer in het platform. U zult deze nummer dus vaker zien terugkomen over het ganse platform.
  • Name: De naam of titel die u gegeven heeft aan het product. U kunt klikken op deze naam om het product te bewerken.
  • Category: De toegewezen categorie of subcategorie waarin u uw product wenst weer te geven.
  • Supplier: De toegewezen leverancier of merk van het product
  • Part Number: De SKU (Stock Keeping Unit) of een unieke productcode die uw leverancier toewijst aan het product, bijvoorbeeld een Samsung Galaxy S7 heet bij Samsung ‘SM-G930’
  • EAN Nummer: De EAN code staat voor “European Article Numbering” en is eveneens per product uniek.
  • Price: Hier ziet u uw ingestelde prijs, Exclusief BTW.
  • Stock: Dit betreft de huidige voorraad van het product in uw vestigingen.
  • Ordered: Deze tabel geeft u een overzicht van hoe vaak bepaalde producten ooit besteld zijn. U kunt hier dus ook op sorteren om uw (minst) populair(st)e producten te zien.
  • Updated: Wanneer is er laatst een wijziging gebeurd aan dit product?
  • Active: Geeft u een beeld van producten die al dan niet getoond worden op de site. Door op het groene vinkje te klikken kunt u ze deactiveren of heractiveren door op het rode kruisje te klikken.
  • Rechtsboven kunt u op de knop ‘Export Products’ duwen. Er wordt nu een Excelbestand gegenereerd en gedownload dat al uw producten in de database bevat. Dit Excelbestand zal later ook dienst doen wanneer we de functie ‘Import products’ bespreken. (/admin/imports)

Bovenaan kunt u uiteraard filteren op Id, Name, Category, Supplier, Part number en EAN. Wanneer u terug àlle producten wilt tonen klikt u op de rode ‘X Reset’ knop. Al uw zoek- en filterinstellingen komen dan te vervallen.

In de tabel ‘opties’ rechts kunt u individuele producten bewerken met het potlood-icoontje, verwijderen met het vuilbakje (ze komen dan bij ‘Deleted Products’), dupliceren met het kopieer-icoontje en live bekijken op uw site met het laatste icoontje.

Wanneer we een product bewerken zien we opeens dat er véél meer opties zijn. We delen het op in tabs:

  • General toont opnieuw dezelfde opties als wanneer we een nieuw product aanmaakten. (Zie hiervoor Hoofdstuk Products, new product) Maar er 2 zaken veranderd. Nu ziet u naast “selling price” twee extra knopjes ‘Prices’ en ‘taxes’. En naast Total stock ziet u ‘Stock manager’.
    • Met de knop ‘prices’ toont het platform u alle berekende prijzen voor de verschillende prijsgroepen. Dus handig om te controleren of de juiste mensen de juiste tarieven voorgeschoteld krijgen. Opgelet: Wanneer u een aan- of verkoopprijs aanpast kunt u -nadat u op het knopje ‘prices’ klikt- op ‘clear prices’ klikken. Hiermee geeft u de opdracht om alle tarieven voor énkel dit product opnieuw te berekenen. Deze herberekening gebeurt zodra u of een bezoeker het product op de site raadpleegt en vanaf dan kunt u de nieuwe tarieven raadplegen met het knopje ‘prices’.
    • Met het knopje ‘Taxes’ kunt u met ‘New Tax’ een extra belasting bepalen voor het product, zoals recupel, reprobel, handling, import… U geeft een naam op en bepaalt wat de belasting moet doen: Moet er een vast ‘Flat’ bedrag of een procentuele hoeveelheid toegevoegd of afgetrokken worden van de huidige prijs? Vergeet niet op het disketje te duwen om de belasting toe te passen. Met het vuilbakje kunt u een bestaande taks verwijderen.
    • Met ‘Stock Manager’ kunt u manueel uw voorraden en kostprijzen per vestiging beheren. Indien u hier de voorraad of kostprijzen aanpast dient u op het disketje te duwen om op te slaan. U ziet de totale voorraad en door op het potloodje te duwen brengt het platform u direct naar de stock editor. Meer info hierover vindt u in hoofdstuk Stocks.
  • Description geeft u de mogelijkheid om uw product te verrijken met extra info. Hoe u deze met de content-editor kunt invullen en opmaken met tekst, afbeeldingen en dergelijke; Daarvoor verwijzen we u door naar hoofdstuk Tools -> Pages -> Page Content Editor.
    • Summary: Geef in een zo beknopt mogelijke vorm een beschrijving van het product. Deze moet u in een oogopslag genoeg info kunnen geven over het product. Doorgaans wordt deze beschrijving eerst weergegeven op een productpagina.
    • Short Summary: Afhankelijk van uw template worden sommige producten op uw front of-promopagina weergegeven. Deze dienen dan voorzien te worden van enkele belangrijke features om mensen te overtuigen om door te klikken. Deze teaser-gegevens kunt u hier ingeven.
    • Description: In deze volledige beschrijving mag u zich uitleven. U kunt hier zoveel tekst en afbeeldingen in plaatsen als u wenst. Deze omschrijving wordt -afhankelijk van uw template- op de productpagina weergegeven. Opgelet, het is niet de bedoeling om hier alle productfoto’s in te plaatsen. Dit doen we later in het tabblad ‘images’.
    • Warranty: Afhankelijk van uw template wordt ook een veld met garantie-informatie getoond. Deze kunt u hierin kwijt.

Druk op de groene knop ‘save’ om uw beschrijvingen op te slaan.

  • Inventory: In deze tab kunt u kortingen bepalen op productniveau. Deze overtreffen de marges en kortingen die geconfigureerd zijn in prijsgroepen of categorieën en zijn dus voor àlle bezoekers geldig!
    • Tier Prices: Dit is een staffelkorting: bv. koopt uw bezoeker 6 stoelen, dan krijgt hij deze voor de prijs van 5. U dient hier manueel de totaalprijs per hoeveelheid in te geven. Deze wordt dus niet automatisch berekend.
    • Fixed Prices: Sommige producten of diensten wilt of màg u niet met kortingen verkopen. Of u wilt vandaag een soort ‘Euro-deal’ zetten op een product? Met een fixed price krijgt iedereen dezelfde prijs voorgeschoteld. Enkel met een staffelprijs kunt u hier nog verandering in brengen. Bv. “Vandaag alleen: deze wasmachine aan €399!”. Alle andere kortingen en marge-instellingen worden dus genegeerd.
    • Discount: Krijgen alle bezoekers een bepaalde procentuele korting op dit product? Dan kan u deze hier bepalen, bv “vandaag alleen: -10% op deze wasmachine!”
    • Marging: U wilt minstens x% verdienen op de verkoop van dit product? Dan kan u deze hier bepalen. De marges en kortingen van price groups en categorieën worden ook nu genegeerd.

Meer info over kortingen, prijsgroepen en -berekening vindt u in het hoofdstuk Pricing en Price Groups.

  • Images: Een beeld zegt meer dan 1000 woorden. Kies dus een verzorgde productfoto van hoge kwaliteit als uw ‘Main image’. Deze foto wordt op de productpagina als hoofdfoto en op de ganse site als product-thumbnail getoond. Met de knop ‘Upload Image’ kunt u hier een nieuw beeld voor uploaden. Bij ‘product gallery’ kunt u nog meerdere afbeeldingen toevoegen die op de productpagina getoond worden. Klik op ‘upload Images’ om extra foto’s toe te voegen.
  • Features: Hier kunt u uw product verrijken met unieke features, ofwel ‘producteigenschappen’ die u in deze productcategorie geconfigureerd hebt. In het hoofdstuk ‘Features’ leest u meer over hoe u deze kunt aanmaken. Bovenaan kunt u uit uw bestaande features kiezen waardoor deze in de lijst van ‘selected features’ tevoorschijn komen. Vul vervolgens de juiste waardes in en klik op het groene vinkje om op te slaan. Met het rode kruisje verwijdert u een bepaalde feature voor dit product.
  • Variants: Wanneer u ‘Viariants’ en ‘Variant Values’ gedefinieerd heeft én uw template is erop voorzien, dan kunt u hier de beschikbare alternatieven voor dit product aanduiden zoals andere beschikbare formaten, kleuren… Opgelet, variants hebben geen impact op de productprijs. (zie hoofdstuk Variants)
  • PDF’s: Afhankelijk van uw template kunt u bij bepaalde producten PDF documenten toevoegen. Klanten kunnen dan de brochure of infofiche in hun taal downloaden. Via de media-uploader dient u eerst uw PDF’s op te laden. Kopieer de nieuwe URL/Link van de PDF en vervolgens vult u onder ‘PDF files’ een titel van het document in en plakt u de URL. Klik op ‘+add PDF’ en de PDF zal te downloaden zijn via de productpagina.
  • Videos: Opnieuw afhankelijk van uw template is het mogelijk om video’s op uw productpagina weer te geven. Een goede videopresentatie van uw product kan dan ook van onschatbare waarde zijn. Hebt u een mooie video gevonden op Youtube, dan kan u erop rechterklikken en ‘copy embed code’ selecteren. U vult nu een titel in van uw video en plakt daarnaast de embed-code. Wanneer u op “+Add Video” klikt wordt de video op de productpagina getoond.
  • Labels: De opvallende labels die u geconfigureerd hebt in het hoofdstuk ‘Tools – Labels’ kunt u hier selecteren en op de productfoto plaatsen. Deze worden niet alleen op de productpagina getoond, maar overal waar het product in beeld komt. Het is niet aan te raden méér dan 1 label te kiezen, maar als u dat toch doet, kies dan 2 labels die op een aparte plaats weergegeven worden (zie ook hoofdstuk Tools/Labels).
  • Related products: Tot slot zijn er related products. Deze worden in de buurt van het product weergegeven omdat ze mogelijk interessant zijn voor potentiële kopers. Dit kunnen dus alternatieve of aanvullende producten zijn. Bv. bij een printer kunnen dit een pak papier, USB-kabel of inktsets zijn. Dit maakt cross- en upselling een stuk eenvoudiger. U kunt zoeken op naam of artikelnummer. Zodra u klikt op een resultaat verschijnt het in de lijst ‘Selected products’. Met het rode kruisje kunt u het product weer verwijderen.

/admin/products/trash – Wanneer u een product verwijdert gaat het nog niet meteen écht verloren, maar het komt terecht in de ‘prullenmand’. U kunt dus nog steeds uw producten herstellen door op het cirkelvormige pijljte te klikken. Met het vuilbakje kunt u ze permanent verwijderen. Opgelet, dit kan niet meer ongedaan gemaakt worden. Daarom raden we aan om nooit producten permanent te verwijderen. Baat het niet, dan schaadt het niet. De prullenmand wordt momenteel nooit automatisch geledigd.

/admin/promo-products – Afhankelijk van uw template beschikt u over een ‘Promo’ pagina of worden er promo-producten op bv. de homepage uitgelicht. U kunt in deze module tot 12 producten kiezen. U kunt ze vinden door uw categorieën en subcategorieën te selecteren, of door te zoeken op naam of product-ID. Wanneer u op een resultaat klikt verschijnt het in de lijst van ‘selected products’. In deze lijst kunt u met het pijltjes-icoontje links de volgorde van de promo’s verslepen en met het rode kruisje rechts kunt u producten weer verwijderen.

Suppliers

(1e item wordt niet weergegegeven)

/admin/suppliers – Ieder product in uw webstore wordt gekoppeld aan een bepaald merk of leverancier. Dit noemen we de ‘suppliers’. Op de pagina uwdomein.be/brands worden al deze suppliers getoond, er kan op ‘supplier’ gezocht worden en individuele productpagina’s worden verrijkt met het logo en/of de beschrijving van deze supplier, afhankelijk van uw template.

Om een nieuwe supplier aan te maken klikt u rechtsboven op “+ New Supplier”. Eerst geeft u een naam in. Vervolgens kunt u ervoor kiezen om deze als ‘Sponsor’ aan te duiden. Hiermee kiest u ervoor om deze al dan niet weer te geven op de site op de overzichtspagina uwdomein.be/brands. Als laatste stap dient u een logo of fotootje op te laden vanaf uw PC. Bij voorkeur is deze afbeelding in een vierkant formaat. Echter, ons platform zal automatisch uw opgeladen afbeelding in verhouding schalen. Dit logo zal steeds op de betreffende productpagina’s weergegeven worden. Klik op Save om de nieuwe supplier aan te maken of cancel om te annuleren.

In het overzicht ziet u de nieuwe en bestaande suppliers, u kunt er filteren op ID of de naam om snel de juiste supplier terug te vinden. Tot slot kunt u ze hier ook makkelijk al dan niet als sponsor aanduiden en wijzigen. Wanneer u een supplier wijzigt met het potloodje zal u de nieuwe optie ‘remove image’ zien waarmee u het logo alsnog kunt verbergen op productpagina’s. Ook is er nu een “description” ofwel ‘omschrijving’ voorzien voor alle talen. Deze omschrijving wordt -afhankelijk van uw template- op de brand pagina weergegeven en/of op de productpagina of andere plaatsen. Hoe u deze met de content-editor kunt aanvullen met tekst, afbeeldingen en dergelijke: zie hoofdstuk Tools -> Pages -> Page Content Editor.

Vergeet uiteraard niet op ‘Save’ te klikken om uw wijzigingen op te slaan.

Categories

(1e item wordt niet weergegegeven)

/admin/categories – Uw producten of diensten kunt u best opdelen in categorieën en indien nodig subcategorieën. Dit maakt het voor uw bezoekers makkelijker om uw catalogus te doorzoeken en u geeft hen meteen een overzicht van wat u hen te bieden heeft. Deze worden -afhankelijk van uw template- vaak even prominent weergegeven als uw hoofdmenu. Bovendien wordt er automatisch een pagina gegenereerd www.uwdomein.be/catalog waarop alle categorieën te doorbladeren zijn. Daarnaast worden ook zoekresultaten opgedeeld per categorie.

Een Categorie of subcategorie aanmaken kan door rechtsboven op “+New Category” te klikken. Wanneer u hierop klikt dient u eerst in al uw actieve talen het volgende te doen:

Een naam op te geven voor de categorie. Optioneel kunt u ook een kortere ‘Short Name’ ingeven wanneer uw categorienaam erg lang is, deze korte versie wordt dan indien nodig weergeven in het platform in lange lijsten of als er plaatsgebrek is. Vervolgens kiest u een ‘google category’ waarmee deze nieuwe categorie zo goed mogelijk overeenstemt. Google neemt uw producten dan ook op in ‘Google Products feeds’, Zodat uw shop en producten nog beter gevonden en opgenomen worden in het Google Shopping platform. Als laatste is er de Description, ofwel de ‘omschrijving’ van uw nieuwe categorie. Deze omschrijving wordt -afhankelijk van uw template- op de ‘/catalog’ pagina’s weergegeven of andere relevante plaatsen.

Vervolgens gaan we door naar “General options” waar we de categorie nog gaan verrijken met informatie:

  • Eerst kiezen we een categoriefoto die bij voorkeur vierkant is van formaat (600x600px), deze foto wordt weergegeven op de pagina uwdomein.be/catalog
  • Parent Category: Indien er staat ‘no parent category’ wil dit zeggen dat we een nieuwe hoofdcategorie aanmaken. We kunnen een nieuwe categorie ook als subcategorie aanduiden door een bestaande categorie als ‘parent’ te kiezen. Bv. Als we een categorie ‘smartphones’ aanmaken, zouden we deze onder de categorie ‘elektronica’ kunnen zetten.
  • Met order bepalen we de volgorde waarin deze categorie weergegeven wordt in de lijst van categorieën en subcategorieën. Kiest u 0, dan wordt deze categorie eerst weergegeven, zet u een andere categorie op 1, dan komt deze erna, zet u 2, komt deze na 1 enz… Staan er meerdere categorieën op hetzelfde volgordegetal, dan worden ze op die locatie op volgorde van hun aanmaakdatum gesorteerd.
  • Als laatste dienen we voor deze categorie de “Category tags” in te vullen, steeds met een komma ertussen. Al deze tags maken dat de producten die deze categorie bevat gevonden kunnen worden via deze termen. Handig voor de zoekfunctie op uw site, maar zeker ook voor Google die deze tags ook in acht zal nemen. Voor de categorie ‘smartphones’ zou u hier dus termen als ‘smartphone, android, ios, windows phone, handset, draagbare telefoon, gsm, mobieltje, mobiel enz… kunnen invullen. Algemene termen die van toepassing zullen zijn op alle producten in deze categorie. Een goede tip is om hier ook spelfouten aan toe te voegen zoals ‘Smartfoon, of androit…’ gezien u nooit zeker weet of uw klanten deze termen juist zullen schrijven. Later zullen we op individuele producten óók tags toevoegen, maar de tags die u hier reeds invulde dient u dan niet meer opnieuw in te vullen. Het is dus erg belangrijk om zeker de categorie-tags zo volledig mogelijk aan te vullen!

Dan komen we bij ‘Price filters’: Wanneer klanten uw producten doorzoeken bepalen ze graag zelf hun budget om te dure of te goedkope opties weg te laten vallen. Afhankelijk van uw template worden er bij het categorie-productoverzicht ofwel 2 invulveldjes getoond waarin ze zelf hun minimale en maximale bedrag kunnen bepalen, ofwel is er een slider waarmee ze makkelijk tussen een vooropgesteld minimaal en maximaal bedrag kunnen schuiven. In dit laatste geval dienen we de Price filters in te vullen. We bepalen hier voor uw bezoekers met ‘filter min‘ wat het minimale bedrag en met ‘filter max’ het maximale bedrag betreft van de producten in de categorie. Met ‘Filter step’ kunt u er voor kiezen hoe de prijsfilter verschuift, in stapjes van €5, €10 of €100 of eender welk bedrag naar keuze.

Verder is er ‘Discounts and margins’ waar u op categorieniveau een procentuele korting kunt opgeven. Vervolgens kunt u in uw marketing communiceren ‘vandaag -10% op alle smartphones!’. Uw safety margin wordt uiteraard steeds gerespecteerd zodat u nooit onder aankoopprijs zult verkopen. Opgelet, indien u deze korting wijzigt dient u onder het moersleuteltje rechtsboven op ‘Clear all prices’ te klikken om de bestaande prijzen van alle producten in deze categorie te herberekenen. Meer informatie hierover vindt u in hoofdstuk Pricing (/admin/pricing)

Wanneer u ‘Save’ klikt is uw nieuwe categorie aangemaakt en opgenomen in het overzicht. Nu kunnen producten of nieuwe subcategoriën hieraan gelinkt worden.

In het overzicht ziet u alle bestaande hoofdcategorieën en kunt u deze doorzoeken met de filter bovenaan. De weergavevolgorde op uw site; in de categoriemenu en op de pagina /catalog, kunt u bepalen in de kolom ‘order’. ‘0’ Wordt het eerst weergegeven op uw site, daarna ‘1’, daarna ‘2’ enzovoorts. Ook kunt u uw categorieën filteren op actief of non-actief en hen makkelijk (de)activeren. In de kolom options kunt u verder doorklikken naar de subcategorieën indien beschikbaar, de categorie bewerken met het potloodje of verwijderen met de prullenmand.

Features

(1e item wordt niet weergegegeven)

Wat zijn ‘Features’?

Wanneer we een product op de markt zetten willen bezoekers op de productpagina graag gedetailleerde informatie zien. Voor een televisie is het belangrijk om te weten hoe groot het scherm is, maar ook de exacte afmetingen in millimeter, het schermtype, het gewicht in Kg enz. zijn relevant voor potentiële kopers. Al deze ‘features’ zullen -wanneer goed geconfigureerd- overzichtelijk weergegeven worden op uw productpagina’s. Bovendien kunnen bezoekers deze rijkdom aan informatie ook gebruiken om gelijkaardige producten 1-op-1 te vergelijken in een overzichtelijke tabel. Ook, wanneer u een nieuw product aanmaakt, kunnen deze features als geheugensteun dienen zodat u zeker geen informatie vergeet te melden.

Opgelet, het vereist een goede voorbereiding en denkoefening vooraf om te bepalen:

  • Welke features zal u willen tonen en bij welke productcategorie(ën) zijn ze relevant?
  • Welke eenheidsnotaties zal u nodig hebben? Zoals Kg, mm, Rpm, GB, °C…
  • En tot slot: wanneer producten over zeer veel features beschikken kan het nuttig zijn om in te delen in groepen om het overzicht te behouden. Hoe gaat u indelen en hoe zal u deze groepen noemen?

/admin/features – In deze lijst verschijnen àlle features die u ooit heeft aangemaakt.

Klik op bovenaan rechts op “+New Feature” om een nieuwe feature zoals ‘schermdiagonaal’ aan te maken. Eerst kiest u een relevante measure of maatstaf. U kunt in dit veld typen om de beschikbare measures te doorzoeken. Wenst u geen maatstaf te gebruiken maar later bv. Ja of Nee, of een vrij tekstveld in te vullen zonder Kg of mm erachter, dan kiest u de Measures ‘Y/N’ of ‘Tekst’. Deze features zullen geen achtervoegsel hebben.

Wanneer u de juiste measure heeft bepaald kunt u vervolgens de titel van de feature, bv. ‘Schermdiagonaal’, in alle beschikbare talen invullen. Wanneer u op ‘Save’ klikt is de feature aangemaakt en verschijnt deze in het overzicht.

U kunt ze in de eerste kolom sorteren op hun unieke ID, beschouw dit gerust als aanmaakvolgorde. U kunt ze ook sorteren en doorzoeken op naam. Wanneer u op de naam of het potloodicoontje klikt bewerkt u desbetreffende feature.

/admin/feature-groups – Sommige producten, zoals smartphones hebben een enorme hoeveelheid aan features. In dit geval is het handig al deze features in te delen om het overzicht te bewaren. Bv. Lengte, breedte en diepte kunnen in een groep “Afmetingen” of “Dimensies” gesorteerd worden.

Hier kunnen we enkel de groepen aanmaken en bewerken, de bestaande features toewijzen aan deze groepen doen we later bij ‘Category features’.

Klik op “+ New Feature Group” om een nieuwe groep te definiëren. Eerst wordt de productcategorie gevraagd waarop deze feature-groepering mag worden toegepast. Als u wilt dat deze op alle categorieën wordt toegepast kan dat ook, maar hier komen we zo meteen op terug. Eens een categorie gekozen is, geven we de nieuwe feature-group een duidelijke naam in alle talen gezien deze op de productpagina’s weergegeven zal worden. Bv. “Afmetingen”. Klik op Save.

In het overzicht ziet u de bestaande feature-groups, te sorteren op hun unieke ID, opnieuw te beschouwen als aanmaakvolgorde. U kunt ze ook sorteren en doorzoeken op naam. Daarnaast ziet u de categorie waarin de groep actief is en het aantal features die gekoppeld zijn aan deze groep. Hierop kunt u eventueel doorklikken om alle features te bekijken. In de kolom ‘General’ zien we een rood kruisje of een groen vinkje. Als ‘General’ actief is wil dit zeggen dat de groep van toepassing is op àlle categorieën en producten. Want wanneer we op het potloodje klikken om de groep te wijzigen ziet u nu de nieuwe optie “Is Group General?” Wanneer u dit aanvinkt en op “Save” klikt is de feature-group onder alle categorieën en producten actief en te selecteren. Tot slot kunt u bestaande feature-groups verwijderen met het vuilbakje.

/admin/measures – Hier kunnen we bestaande eenheidsnotaties beheren en vertalen. U krijgt een hele waslijst aan vooropgestelde ‘measures’ en deze kunt u naar wens gaan aanpassen. Het is best om deze lijst op punt te stellen alvorens te beginnen met het aanmaken van nieuwe features zodat u meteen zeker de juiste eenheidsnotatie kunt geven.

/admin/category-features – Wanneer de voorbereiding van Features en Feature Groups achter de rug is kunnen we de aangemaakte features aan bestaande categorieën en feature-groups gaan koppelen. Klik op “+New Category Feature” om zo’n koppeling op te zetten.

  • We kiezen een bestaande feature zoals “Schermdiagonaal”
  • Kies een categorie waarin de feature voorgesteld mag worden zoals “televisies”
  • We kiezen de Feature-Group zoals “Afmetingen”
  • En tot slot geven we als Measure in dit geval “Millimeter” in

Wanneer we vanaf nu naar een product in de categorie ‘Televisies’ gaan en we bewerken het product, dan ziet u in de tab ‘Features’ een zoekveldje waarin enkel de relevante features te zien zijn voor Televisies, ingedeeld in de geconfigureerde feature-groups. Klik op een bepaalde feature om deze toe te voegen aan uw product en vul de waarde in. Voor “Schermdiagonaal” dient u dan een waarde in millimeter op te geven en vervolgens kunt u de waarde opslaan door op het groene vinkje klikken.

Stocks

(1e item wordt niet weergegegeven)

/admin/stocks – Disclaimer: Om stocks volledig te begrijpen is het aan te raden om eerst ‘Warehouses’ en ‘Stores’ door te nemen.

In Stocks krijgen we een overzicht te zien van alle producten en diens voorraad. Doorgaans worden voorraden vanuit uw bedrijfsdatabases of ERP in het Webstore platform gevoed. Maar ook manueel kunt u voorraad toevoegen door te klikken op ‘+ New Stock’.

Eerst kiest u de Store location (= Store name (+Store code number)) waar deze stock geplaatst werd. Vervolgens kiest u het product waarvan u stock wenst toe te voegen. Door het product-ID of (delen van) de naam van het product te typen kunt u het juiste product aanduiden.

Vervolgens vult u de hoeveelheid stock in en de aankoopprijs per product. Opgelet: dit bedrag is exclusief BTW en kan met decimalen zijn. Maar gebruik een punt in plaats van komma om decimalen aan te duiden. Bv. ‘15.4’.

Wanneer u op Save klikt wordt de stock aangevuld en komt u weer terecht in het stockoverzicht. Hier kunt u uw producten doorzoeken of filteren op specifieke opslaglocaties om de huidige voorraad en aankoopprijzen te bekijken. Als laatste kunt u de voorraad manueel bewerken door op het potloodje te klikken.

TIP: U moet niet per sé via Stocks gaan om uw voorraad aan te vullen. U kunt ook -wanneer u zich op een productpagina bevindt- op ‘edit product’ klikken. In het eerste tabblad ‘General’ ziet u de knop ‘stock manager’. Hier kunt u op de gewenste locaties nieuwe voorraad toevoegen of huidige voorraad aanpassen. Ook de aankoopprijs kan hier eenvoudig gewijzigd worden. Vergeet zeker niet op het disketje te klikken om uw wijzigingen op te slaan. Wenst u alsnog een voorraad van het product naar een andere opslaglocatie te verplaatsen? Dan kunt u op het potloodje klikken om de opslaglocatie te bewerken.

/admin/warehouses – Klanten zullen sneller overtuigd zijn om te bestellen als ze op uw productpagina zien dat het product voorradig is en dus snel geleverd wordt. Uw webstore kan deze indicaties weergeven.

Ook is het mogelijk om naast de klassieke verzending de mogelijkheid ‘ophalen’ te bieden. Zodat een klant online kan bestellen en bv. onderweg naar huis nog langs uw zaak kan binnenspringen om dezelfde avond al gebruik te maken van het aangeschafte product.

De stockindicatie op de productpagina alsook de ophaaladressen die we met de klant gaan communiceren gaan we hier, in ‘Warehouses’, definiëren.

Stel uzelf deze 2 vragen:

  1. Hoe wil ik mijn voorraad op de productpagina communiceren?
    Met één globale stockindicatie? Of wilt u deze indicatie per vestiging of zelfs per toeleverancier weergeven?
  2. Geef ik de klant de optie om op te halen op fysieke locaties?

Wanneer u deze knoop heeft doorgehakt kunt u aan de slag.

Klik rechtsboven op ‘+ New Warehouse’. Eerst vraagt het systeem een duidelijke naam van deze stocklocatie: bv. “Shop Turnhout” deze naam zullen de bezoekers te zien krijgen, eventueel gevolgd door het adres of korte omschrijving van deze voorraadlocatie.

Bij “stock upper limit” bepaalt u de hoeveelheid voorraad die er minstens moet zijn om een groene ‘op voorraad’ indicatie te geven voor deze locatie. Is er minder voorraad aanwezig op deze locatie, dan zal er een oranje uitroepteken naast de locatie staan met de waarschuwing ‘laatste stuk(s)’. Is er géén voorraad meer, dan staat er een rood klokje met ‘geen voorraad’.

Tot slot kunt u uw nieuwe stocklocatie activeren en met ‘Show in pickup location list‘ aanduiden als ‘fysiek ophaalpunt’. Zo kunnen klanten tijdens het bestelproces ervoor kiezen om op dit punt hun product op te komen halen.

Wanneer u op ‘Save’ klikt wordt het nieuwe ‘warehouse’ aangemaakt en komt u in de overzichtslijst terecht waarin alle aangemaakte warehouses te doorzoeken, sorteren, of te (de)activeren zijn. Met het vinkje ‘pickup’ duidt u aan of mensen er al dan niet hun producten kunnen ophalen, en met het potloodje bewerkt u bestaande warehouses.

/admin/stores – Stores zijn de ‘achter de schermen’ opslaglocaties die voor u erg belangrijk zijn, maar irrelevant (en dus onzichtbaar) voor de bezoeker.

Stel u hebt enkele vestigingen (Warehouses), met specifieke ruimtes. In deze ruimtes staan apart gelabelde rekken waarop uw productvoorraden zich bevinden. U kunt deze indeling, zo uitgebreid als gewenst, overdragen naar het Webstore platform. Deze opgestelde opslaglocaties worden elks gelinkt met eerder aangemaakte ‘warehouses’. Bezoekers krijgen vervolgens -per ‘warehouse’- de totaalsom van alle voorraad op gelinkte opslaglocaties te zien.

Wanneer we rechtsboven op ‘+ New Store’ klikken vullen we volgende velden in:

  • Store name: Een voor u herkenbare naam van deze fysieke opslaglocatie; zoals “Ruimte B – Rek 3A”
  • Warehouse: Hier kiest u in welke vestiging of bij welke toeleverancier deze voorraad zich bevindt.
  • Bij address kunt u vrijblijvend een adres of omschrijving van deze opslaglocatie toevoegen
  • Store Code Number betreft een code van vestiging (zoals gedefinieerd in uw bedrijfsdatabase of ERP). Bv. ‘Turnhout’. Deze kan gelijk zijn aan ‘Store name’
  • Store bin number betreft een code van de fysieke locatie in deze vestiging. Bv. ‘B3A’ of deze kan gelijk zijn aan ‘Store name’
  • Met order number bepaalt u van welke stock u éérst de bestelde goederen wilt aftrekken. De opslaglocatie met het laagste getal zal dus als eerste stock verliezen bij online bestellingen.

Tot slot bepaalt u of deze opslaglocatie al dan niet geactiveerd mag worden en klikt u op ‘save’.

Eenmaal terug in de overzichtslijst kunt u alle aangemaakte opslaglocaties sorteren en doorzoeken; de ‘Order number’ wijzigen door een nieuw getal te typen en op het sync pijltje te klikken; de opslaglocaties (de)activeren of wijzigen. Door te klikken op een warehouse, bewerkt u deze.

Tags

(1e item wordt niet weergegegeven)

/admin/tags – Alle tags die u aan producten en categorieën heeft gekoppeld zijn hier te doorzoeken. Zowel bij het tabblad ‘Product tags’ als ‘Category tags’ beschikt u bovenaan over een zoekbalk en in de kolom ‘Usage’ ziet u hoeveel producten of categorieën een specifieke tag dragen. Wanneer u in de kolom options op het pijltje klikt toont het platform u de lijst van producten, categorieën of subcategorieën met desbetreffende tag. Wat producten betreft kunt u via deze weg tags op actief of non-actief zetten of zelfs verwijderen zonder het product in kwestie te moeten openen. Handig om uw database netjes en overzichtelijk te houden.

Variants

(1e item wordt niet weergegegeven)

/admin/variants – Wanneer u een product verkoopt dat verkrijgbaar is met kleine verschillen in bv. kleur, grootte of afwerking zonder dat deze variaties een impact hebben op de prijs, kunt u beroep doen op ‘Variants’. Klanten kunnen dan -als uw template hierop voorzien is- makkelijk de juiste versie kiezen van het product zonder de productpagina te verlaten.

In de Variants List kunnen we rechtsboven op de knop “+New Variant” klikken. Hier geeft u de naam op van de variatie in alle talen die van toepassing zijn. Bv. “Kleur”. Klik vervolgens op Save om deze nieuwe variatie op te slaan.

Terug in het overzicht ziet u uw nieuwe variant in de lijst. U kunt de bestaande ‘variants’ sorteren op hun ID of op de naam. In de derde kolom ziet u de ‘Values count’. Hier gaan we dadelijk het aantal te selecteren opties in te zien krijgen bv. 3 kleuren: rood, wit en zwart. In de kolom ‘Usage Count’ kunnen we later zien op hoeveel producten deze variant van toepassing is. M.a.w. Hoeveel producten bieden een kleurvariatie aan?

De laatste kolom biedt de mogelijkheid om de Variant van naam te wijzigen met het potloodje of om de variant te verwijderen met het vuilbakje. Nieuw is het lijsticoontje links waarmee we de ‘Variant Values’ gaan aanmaken. Dit worden -in dit geval- de beschikbare kleuropties.

Wanneer we hierop klikken komen we in een nieuwe sublijst terecht. Door te klikken op ‘+New Value’ rechtsboven kunnen we een waarde aanmaken. Geef een kleurnaam op, bv. rood in alle talen en klik op save. Terug in het overzicht ziet u deze nieuwe waarde en hoe vaak ze reeds gebruikt werd op bij producten. Met het potloodje kunt u de de naam van de waarde aanpassen en met het vuilbakje kunt u de waarde verwijderen.

Belangrijk om te weten is dat u hier zoveel waardes mag aanmaken als u zelf wilt. Het is pas later bij het aanmaken of bewerken van producten dat we enkel de (kleur)waardes die van toepassing zijn op dat product zullen aanduiden.

Klik rechtsboven op back om terug te gaan naar de Variant list. U ziet nu dat er één Variant met één waarde aangemaakt is.
Wanneer we nu een product aanmaken of bewerken kunnen we in het tabje ‘Variants’ rechtsboven de optie ‘variants’ aanzetten. We zien nu de variaties met de beschikbare waardes ofwel ‘values’. Duid de waardes aan die van toepassing zijn en de wijzigingen worden automatisch opgeslagen voor dit product.

Tot slot biedt de ‘Values List’ ( /admin/variant-values ) u een overzicht van alle waardes die in het platform ter beschikking staan.

Orders

(1e item wordt niet weergegegeven)

/admin/orders – Ieder order dat via uw webstore verloopt komt in dit overzicht terecht. De lijst is te sorteren op ID, ERP-ID, aanmaakdatum en het totaalbedrag. Verder kunt u zoeken op Order-ID, ERP-ID en klantnaam.

We overlopen samen de kolommen van links naar rechts:

Het ID betreft een unieke referentienummer die dit order toegewezen gekregen heeft in het Webstoreplatform. Het ERP-ID betreft de unieke referentie die binnen uw eigen database aan de bestelling werd gekoppeld. Customer betreft de klant. Opgelet, door op zijn of haar naam te klikken bewerkt u het order, niet de klant. In de kolom ‘Created’ ziet u de datum van het order en de tabel ‘Total’ toont het totaalbedrag. In de kolom ‘status’ kunt u de fase van verwerking aanpassen. Onder Payment method toont het platform de manier waarop de klant betaald heeft of zal betalen en bij ‘shipping method’ ziet u de manier waarop de klant zijn product wenst te ontvangen. U kunt orders verwijderen, maar dit is louter indicatief. Om discussies achteraf te vermijden en het archief compleet te houden worden ordergegevens nooit definitief verwijderd. Tot slot kunt u in de kolom ‘Actions’ volgende zaken:

  • Met het potloodje kunt u het order uitgebreid controleren en hier en daar aanpassen en vervolledigen. Hier komen we dadelijk op terug.
  • Met het ‘Pijltje omhoog’ kunt u -wanneer u alle informatie heeft gecontroleerd- het order verzenden naar uw eigen bedrijfsdatabase. Wanneer het icoontje zwart is moet het order nog verzonden worden, wanneer het blauw is, is het reeds verzonden naar uw externe database. Dit is een manuele actie zodat geannuleerde of gewijzigde orders uw database niet zouden vervuilen. U kunt steeds opnieuw op dit pijltje duwen om een duplicaat van dit order naar uw database te verzenden.
  • Tot slot is er het mailicoontje waarmee u uw klant het mailsjabloon ‘ordersurvey’ toezendt, bv. om te vragen of alles naar wens verliep. (meer info hierover bij configuration – Email templates) Na het verzenden wordt dit icoontje zwart opgevuld zodat u de mail niet per ongeluk dubbel kunt sturen.

Order bewerken

Wanneer we op het potloodje klikken om een order te bewerken kunt u in beperkte mate nog informatie toevoegen of wijzigen. We zien in het eerste tabblad de orderdetails. Slechts enkele velden zijn hier nog te bewerken ter aanvulling. Bij ERP ID kunt u een eigen referentie toevoegen, zodat u steeds het order in uw boekhouding kunt terugvinden. Vervolgens kunt u -indien nodig- nog de betaalmethode wijzigen door te kiezen uit de drop-down lijst. Number of Payments betreft het aantal betalingen waarin het order voltooid werd, maar dit is een louter indicatief getal dus zeker geen verplichting. Ook een exacte ‘shipping cost’ (bv. hoeveel rekende BPost u aan) kan hier worden toegevoegd. Indien u om administratieve redenen hier nog wijzigingen in de prijs of BTW wenst door te voeren kan dat. Vervolgens kunnen we de status van de bestelling wijzigen. De opties die u voorgeschoteld krijgt maken wij vooraf voor u op. Er staat automatisch ‘betaald’ indien het order betaald is, of ‘Niet Betaald’ bij mislukte betaling, afhaling of betaling via overschrijving.  Tot slot kunnen we het order verwijderen of vrijblijvende commentaar nalaten. Ook is het mogelijk een extra referentie toe te voegen indien nodig. Tip: Wanneer de gegevens vervolledigd zijn klikt u best op ‘Save’ alvorens het volgende tabblad te openen.

Ook bij Contact info kunnen we extra gegevens of bedrijfsgegevens vervolledigen. De tab billing adres betreft het facturatieadres. Ook hier kunnen wijzigingen doorgevoerd worden en een externe referentie, bij de External ID, worden toegevoegd. Zo kunt u bv. de factuurnummer uit uw boekhouding toevoegen.

Het “delivery address”, ofwel het leveradres, is doorgaans gelijk aan het factuuradres. Indien het toch zou afwijken kan het hier nagekeken of bewerkt worden.

Tot slot ziet u in het tabblad de totale lijst van ‘Ordered products’ die alle items die deze bestelling betrof. U kunt doorklikken op de links in de tabel ‘product name’ om desbetreffende producten te bewerken. Wanneer u zich op deze product-bewerkingspagina bevindt kunt u de producten bekijken op de site door op de permalink bovenaan te klikken.

Ter info: Wanneer klanten aangemeld zijn op uw webstore kunnen ze onder ‘mijn orders’ de statusupdates volgen van hun orders.

Tools

(1e item wordt niet weergegegeven)

/admin/banners – Uw homepagina is de meest bezochte pagina. Het Webstore Platform biedt u een ‘rotating banner’ waarin u meerdere producten of diensten in de kijker kunt zetten. Om een nieuwe banner aan te maken klikt u op ‘+New Banner’. Eerst kiest u de afbeelding vanop uw computer die u wenst te gebruiken. Opgelet, de fysieke pixelgrootte of toch minstens de beeldverhouding van uw banners moet steeds gelijk zijn aan voorgaande banners voor een strak resultaat. Vervolgens geeft u de link op waar de banner naar verwijst wanneer gebruikers erop klikken. Vul een titel en subtitel in voor alle talen. Afhankelijk van uw template worden deze titels weergegeven op de banner. Klik vervolgens op ‘Save’ en uw banner staat actief op de homepage en verschijnt bovenaan de lijst van het overzicht in de back-end.

In dit overzicht kunt u bovenaan zoeken op de titels van bestaande banners. Ook kunt u hier de volgorde bepalen waarin uw banners weergegeven worden op de homepage. Deze volgorde gaat van laag naar hoog waarbij de laagste waarde, zijnde 0, dus eerst wordt weergegeven. U kunt ook banners (de)activeren. Gemakkelijk om bv. een soldenbanner steeds te heractiveren tijdens solden periodes. Verder kunt u met het oogje uw banner tonen, met het potloodje de banner bewerken en met het vuilbakje de banner definitief verwijderen.

Tip: We raden aan om banners steeds door iemand te laten ontwerpen door mensen met een grafische achtergrond.

/admin/blogs – “Content is king” en door af en toe een nieuwsbericht te schrijven geeft u zowel uw gebruikers als Google de indruk dat er regelmatig vernieuwing is op uw site. Handig om producten, diensten of bv. opendeurdagen in de kijker te zetten of sluitingsdagen aan te kondigen op de pagina /blog. Wanneer u rechtsboven op “+ New Blog” klikt kunt u er eerst voor kiezen of u reacties van bezoekers wilt toestaan. Indien ja kunnen ze via hun Facebook profiel vragen stellen of opmerkingen geven over uw nieuwtje. Vervolgens geeft u voor elke taal een titel in en kunt u aan de slag met de editor. U hebt hier alle vrijheid qua tekst, afbeeldingen en lay-out net als bij het aanmaken van een pagina (zie hoofdstuk Pagina aanmaken). Eens uw nieuwsbericht klaar is in alle talen klikt u op “Save”. Uw nieuwtje is nu gepubliceerd en komt terug op het overzicht van alle nieuwtjes. Bovenaan kunt u bestaande nieuwtjes zoeken op naam. Individuele nieuwtjes kunt u bekijken, bewerken of verwijderen.

Opgelet: Als uw template het vereist dient u nog een voorbeeldafbeelding toe te voegen. Wanneer u op het wijzig-potloodje klikt valt het op dat er nu bovenaan ook ‘Featured image’ staat. Door hierop te klikken kunt u een gepaste afbeelding toevoegen aan uw blog. Ook ziet u de ‘Permalink’ die steeds verwijst naar dit nieuwtje. U kunt deze link gebruiken op pagina’s of in uw menu of delen via sociale media en nieuwsbrieven om te verwijzen naar dit nieuws. U kunt deze nog wijzigen, maar doe dit uiteraard nog vóór u de link gaat delen.

/admin/collections – Collections zijn verzamelingen van producten met dezelfde tag. Zo heeft u misschien categorieën als truien, t-shirts en broeken, maar het is gemakkelijk voor bezoekers als ze in een lijst van kleuren kunnen klikken op ‘rood’ waardoor ze enkel de rode producten voorgeschoteld krijgen. Achter de schermen wordt voor hen automatisch een zoekopdracht uitgevoerd met de term ‘Rood’.

Klik rechtsboven op “+ New Collection” om een nieuwe hoofdverzameling aan te maken, zoals ‘Seizoenen’. Klik op Save. U kunt deze collectie steeds verwijderen met het vuilbakje of de naam bewerken met het potloodje. Wanneer u op het oogje klikt gaan we verzamelingen creëren. Klik op “+New collection item”. Geef een titel van de verzameling in, zoals ‘herfst’ en vervolgens vult u de tag in waarop gezocht moet worden bv. herfst, afhankelijk van de tag die u heeft toegevoegd (of zal toevoegen) aan de betreffende producten. Met ‘Sort order’ kunt u de volgorde bepalen waarin de collecties weergegeven zullen worden, het laagste cijfer wordt eerst weergegeven bv: Winter: 0, Lente: 1, Zomer: 2 en Herfst: 3. Vervolgens kunt u uw verzameling een mooie herfstafbeelding geven. Onderaan kunt u de titel van de verzameling nogmaals in alle ingestelde talen vertalen. Klik op Save.

Eens terug op de pagina ‘Collection items’ ziet u de url uwdomein.be/admin/collections/items/id/1bovenaan. Dat laatste getalletje is belangrijk, want op iedere pagina waar we [collections]1[/collections] typen zal uw verzameling ‘Seizoenen’ getoond worden.

/admin/coupons – Maak een kortingscode die u in uw marketing zoals spandoeken of advertenties zou kunnen zetten als een bon/coupon. Deze codes kunnen door meerdere gebruikers toegepast worden om tijdens het bestelproces een bepaalde korting te verkrijgen.

U kunt zelf een code verzinnen en kiezen of ze over het ganse productgamma, enkel voor één merk, één categorie of één product geldig is. Daarnaast kan je kiezen of de korting per order of per product in de bestelling gerekend wordt. Geef een beschrijving (voor eigen referentie) en vervaldatum op. Bij ‘Discount Type’ kiest u of u een vast bedrag of procentueel korting wilt geven. Dan geeft u de waarde van de kortingscode op alsook een minimumbedrag wanneer de code te gebruiken is. Zo kunt u veilig spelen en zeggen “Bij bestellingen vanaf €500 krijgt u met deze code €50 korting!”. Uiteraard niet vergeten op ‘save’ te duwen. Wanneer een klant in het winkelmandje een couponcode ingeeft zal de korting meteen te zien zijn op het totaalbedrag.

In het overzicht kunt u de configuratie van alle kortingscodes bekijken, ze (de)activeren of bewerken door op het potloodje te klikken.

/admin/labels – Hier configureert u opvallende meldingen die bovenop uw producten gezet worden zoals ‘Promo’, ‘eco-cheques’, ‘Solden’, ‘€10 Cash-back’, ‘laatste stuks’… Bij de configuratie van een individueel product kunt u vervolgens deze labels kiezen. Door rechtsboven op de knop “+ New Label” te klikken kunnen we een label aanmaken.

Eerst kiest u een -voor u- relevante referentienaam, bv. ‘Opendeurdagpromotie’. U kiest een specifieke kleur en bepaalt de positie van het label op de productfoto. Als laatste kunt u in al uw beschikbare talen de effectieve inhoud van het label zetten, bv. “Stunt!”. Uiteraard kan uw referentienaam ook gelijk zijn aan de inhoud van het label. Tot slot klikt u op ‘Save’. Wanneer u nu een product bewerkt komt dit nieuwe label ter beschikking in het tabblad ‘Labels’.

In het overzicht kunt u de bestaande labels doorzoeken en sorteren op naam, achtergrondkleur en hun positie op de productfoto. In de laatste kolom kunt u uw labels bewerken met het potloodje of ze verwijderen met het vuilbakje.

 

/admin/menus – In dit overzicht ziet u alle beschikbare menu’s. Doorgaans beschikken templates over slechts één hoofdmenu, maar afhankelijk van uw noden wordt er soms een extra of alternatieve menu voorzien. Dit is vooraf geconfigureerd door VanRoey.be, dus op dit scherm hoeft u niets te veranderen. Om de inhoud van uw hoofdmenu te bewerken klikt u op het potloodje rechts. Pas bovenaan de naam van het menu NIET aan. Onderaan ziet u alle huidige menu-items opgelijst, de links waar ze naar verwijzen en de volgorde waarin ze getoond worden. Deze volgorde gaat van laag naar hoog waarbij de laagste waarde, zijnde 0, dus eerst wordt weergegeven. Klik steeds op het ‘vernieuw’ icoontje om de nieuwe volgorde toe te passen. Door op het potloodje te klikken kunt u uw menu-items wijzigen. Hier kunt u de link/URL wijzigen en de menu-titel, zoals deze wordt weergegeven op de site, in alle talen aanpassen. De “Name” bovenaan kunt u hier niet meer wijzigen, deze naam dient enkel in de back-end als interne referentie, bezoekers krijgen deze dus nooit te zien. Klik op save om de wijzigingen toe te passen of cancel om te annuleren.

Een nieuw menu-item toevoegen kan door rechtsboven op ‘+New Menu Item’ te klikken. Hier kunt u eenmalig een naam kiezen van dit menu-item bv. ‘Contactpagina’. Vervolgens geeft u de link naar de desbetreffende pagina in en onderaan kiest u de term die op de site weergegeven zal worden in de beschikbare talen. Bv ‘Contact’. Klik op Save en uw menu item is geactiveerd.

Opgelet: na het wijzigen van uw menu of menustructuur dient u steeds de cache te wissen om de aanpassingen in uw webstore te zien. Klik op het moersleuteltje rechtsboven en klik op ‘Clear Cache’.

Pages: Algemeen

/admin/pages – Uw webstore bevat naast automatisch gegenereerde productpagina’s en nieuwtjes uit de blog ook statische pagina’s zoals Home-, info-, faq-, of contactpagina’s. U kunt uw webstore dus ook als website gebruiken en zoveel statische pagina’s aanmaken als u zelf wenst. U kunt in het overzicht al uw bestaande pagina’s bovenaan doorzoeken, (de)activeren, bekijken in een nieuw venster, bewerken met het potloodje of helemaal verwijderen met het vuilbakje.

Een pagina toevoegen kan door rechtsboven op de knop “+ New Page” te klikken. Eerst wordt gevraagd om de pagina actief te zetten, laat dit dus gerust op ‘Yes’ staan. Daaronder vullen we in alle beschikbare talen de paginatitel in en maken we de pagina op met de ‘WISYWIG’ (What you see is what you get) content-editor. Hier komen we uitgebreid op terug in het topic “Page Content Editor”.

Als de inhoud in orde is klikt u op ‘Save’. De pagina is klaar en staat nu in het overzicht. Wanneer u de pagina bewerkt met het potloodje ziet u de ‘permalink’ bv. www.uwdomein.be/page/contact. Ook wanneer u de pagina bezoekt ziet u deze link in het adresveld van uw browser. Het is aan u om in uw site links naar deze pagina te plaatsen. Bijvoorbeeld door in een menu-item een link te leggen of vanuit een andere pagina te linken naar deze nieuwe pagina. De permalink kunt u delen via sociale media of nieuwsbrieven. De permalink kunt u wijzigen, maar dan moeten alle links naar deze nieuwe pagina opnieuw aangepast worden!

Opgelet: uw homepage en footer staan standaard gedeactiveerd en dat hoort zo. Zo voorkomen we dat de links /page/homepage en /page/footer beschikbaar komen gezien dat voor verwarring kan zorgen bij bezoekers.

Tip: Een pagina bewerken kan ook door -wanneer u als administrator aangemeld bent- de betreffende pagina te bezoeken en bovenaan op [Edit] te klikken.

Ons webstore platform staat u toe zélf de inhoud van pagina’s of nieuwtjes te wijzigen met behulp van onze Content Editor. Deze werkt intuïtief en herkenbaar zoals in Microsoft office Word. We raden steeds aan dat u een klad/testpagina aanmaakt waarin u zich bekendmaakt met de editor. Wees gerust, in zo’n testpagina kan u niets beschadigen.

De werkmiddelen die u voorhanden krijgt zijn, van links naar rechts:

  • “Undo” ofwel ongedaan maken. Heeft u iets verkeerd getypt of per ongeluk verwijderd, dan kunt u steeds een stapje terug.
  • “Redo” U heeft iets ongedaan gemaakt en wilt toch terug naar de vorige versie, dan kan u terug een stapje vooruit.
  • Met ‘Formats’ kunt u kiezen of een stukje tekst moet worden weergegeven als een hoofdtitel (H1), subtitel (H2), sub-subtitel (h3)… Gewone tekst, ook wel paragrafen zijn steeds een Block -> p. Een citaat of opvallend stukje tekst kunt u extra in de verf zetten bij containers -> Blockquote. Nogmaals: probeer alle stijlen gerust uit op een testpagina om het resultaat op uw site te bekijken.
  • De dikke B om letters in het vet (Bold) te zetten
  • De schuine i om letters schuin (Italic) te zetten
  • De tekst aligneren: links, gecentreerd of rechts uitlijnen, ofwel vullend (niet aan te raden)
  • Een opsommingslijst met, als u op het kleine pijltje duwt, nog enkele opties.
  • Een numerieke lijst, eveneens met enkele opties zoals romeinse cijfers of op letters gerangschikt.
  • Tabellen toevoegen met een aantal rijen en kolommen naar keuze. Ook hier vindt u weer tal van extra opties om rijen of kolommen in te voegen, cellen te splitsen of samen te voegen enzovoorts. Ook hier beschikt u over vele mogelijkheden die u spelenderwijs kunt ontdekken.
  • Een link toevoegen: eerst geeft u de link naar de betreffende pagina in. “ /page/faq “. Vervolgens typt u een woordje of zinnetje dat aanklikbaar zal worden bv. “Veelgestelde vragen”. Title is onzichtbaar voor gebruikers, maar is nuttig voor Google en blinden of slechtzienden. Zij lezen deze ‘metadata’ wel uit. Vul hier dus bv. in: “Klik hier om onze veelgestelde vragen te lezen”. Bij target wordt gevraagd of de link in hetzelfde venster of in een nieuw venster of tabblad moet worden geopend. We raden aan om elke link die naar een externe site leidt in een ‘New window’ te openen zodat u uw bezoeker niet kwijt speelt. De link naar de FAQ pagina mag dus target: None zijn, terwijl een link naar uw Facebook pagina target: New window zou moeten zijn. Klik vervolgens op ‘OK’ en u ziet de nieuwe link verschijnen.
    • Opmerking: binnen uw eigen webstore hoeft u nooit http://www.uwdomein.be typen, het is voldoende om te beginnen met /page/… De webstore weet dat het binnen het domein blijft. Mààr, wilt u naar een andere site linken? Zet dan zeker http://… Voor de link.
    • Opmerking: U kunt ook bestaande tekst en afbeeldingen selecteren en op de knop ‘Link’ klikken.
  • Door op het foto-icoontje te klikken kunnen we afbeeldingen toevoegen in de pagina. Bij voorkeur zijn dit foto’s uit het webstore platform. Bv. afbeeldingen die via de media-uploader, via de banner-tool of zelfs als productafbeeldingen in het platform zitten.
    Eerst vraagt hij de ‘Source’. Dit is de directe link naar de afbeelding. Deze link kunt u vinden in de media-uploader of door op bestaande afbeeldingen te rechterklikken en (in internet explorer) op ‘eigenschappen’ te klikken of (in Google Chrome) ‘adres van afbeelding kopiëren’ te klikken. Als Source geeft u vervolgens in bv. “ /media/fotonaam.jpg “ of “ /image/product/thumb/fotonaam.jpg ”. Bij image description zet u een korte omschrijving van de afbeelding. Opnieuw: deze omschrijving is niet zichtbaar voor bezoekers, maar wordt gebruikt door Google, blinden en slechtzienden. Indien nodig kunt u de breedte of hoogte nog aanpassen naar wens en klik vervolgens op OK om de afbeelding in te voegen.
  • < > Source Code is voor geavanceerde gebruikers met kennis van HTML om de pagina nog preciezer op te maken. Indien uw template responsive is wordt bootstrap ondersteund om uw pagina’s eenvoudig op te delen in rijen en kolommen zodat ze op tablets en smartphones naar uw wens herpositioneren. Een cheat-sheet hiervoor vindt u op http://getbootstrap.com/css/

Bovendien kunt u uw pagina’s verrijken met dynamische inhoud met behulp van enkele ‘shortcodes’.

  • Wilt u een ‘collection’ weergeven op een bepaald punt binnen de pagina? Gebruik dan de shortcode: [collections]#[/collections] waarbij u # vervangt door de ID van de collectie (zie collections)
  • Indien uw template het ondersteunt kunt u ook enkele product-snippets weergeven op uw pagina. Dit is een beknopte weergave van maximaal 12 relevante producten met een bepaalde tag. Dit doet u met behulp van de code [products-snippet]items=12 random=1 tag=solden[/products-snippet] Met ‘Items=’ bepaalt u de hoeveelheid producten die getoond moeten worden. Met ‘Random=’ bepaalt u de volgorde: 0 betreft de standaard sortering, 1 laat de willekeurige producten in een willekeurige volgorde verschijnen. Tot slot bepaalt u met de tag welke producten getoond moeten worden. Ook kunt u ook category=# waarbij u de ID van de categorie invult.
  • Formulieren die u heeft voorbereid in de FormBuilder kunt u weergeven met de code [form]#[/form]Waarbij u # vervangt door de nummer van de Type-ID in Form-Builder.

Tot slot geven we graag nog extra tips voor het invullen van pagina’s:

  • Soms plakt u tekst uit Microsoft Word, een PDF of vanuit een andere website. Het kan gebeuren dat deze tekst allerhande opmaak bevat die u niet mee wilt overnemen. In dit geval kunt u de tekst plakken met ctrl-shift-V (bv. in Chrome). U houdt nu enkel de tekst over en alle afbeeldingen, links, tabellen… zijn verdwenen.
  • Ingevoegde afbeeldingen kunt u -net als tekst- aligneren en zo bv. rechts van een tekst plaatsen
  • Begin pas met de vertaling als uw hoofdtaal volledig ingevuld én opgemaakt is met alle titels, afbeeldingen, links… Copy-paste vervolgens de HTML code integraal naar de nieuwe taal. Zo moet u slechts één keer het opmaakproces doorlopen en rest enkel nog de vertaling.

Vergeet uiteraard niet op ‘Save’ te klikken.

/admin/showrooms – Heeft uw merk of product meerdere vestigingen, dealerships of (online) verdelers die u wilt tonen op de kaart? Indien het voor uw thema geconfigureerd werd kunt u ze met ‘Showrooms’ allemaal weergeven in een doorzoekbare kaart op de pagina /showrooms. Wanneer uw bezoekers klikken op een vestiging zien ze meteen het adres en specifieke contactgegevens onder de kaart.

Met de blauwgroene knop “+New” voegt u een nieuwe verdeler toe. Bij “Name” geeft u de naam van de verdeler of vestiging in. De Ext ID kan een unieke code zijn die u in uw eigen bedrijfsdatabases als referentie voor deze vestiging gebruikt. Indien het een fysieke locatie is kiest u ‘Yes’ bij has location. Vervolledig het adres met straat en nummer, vul de postcode en de stad/woonplaats in en kies het juiste land. Tot slot vult u een telefoonnummer, e-mailadres en website in. Betreft het (ook) een online shop, dan kunt u op de vraag ‘is it an online shop’ Yes antwoorden. Een shop kan zowél een fysieke locatie hebben als online zijn. Als laatste kunt u er voor kiezen om de nieuwe dealer ook actief te zetten zodat deze op de kaart verschijnt. Klik op Save om alles af te ronden.

Uw nieuwe dealer staat nu in het overzicht waar alle dealers makkelijk te doorzoeken zijn. Je kan ze ook meteen (de)activeren.

Wanneer u een vestiging met ‘has location’ Yes opslaat, moet u nogmaals op het potloodje duwen om de locatie te bewerken. Nu ziet u een automatische schatting op de Google kaart. Soms kan deze locatie fout zijn, maar wanneer u op dit kaartje klikt kunt u het pinnetje verplaatsen naar de juiste locatie.

Voor organisaties met zeer veel vestigingen is er ook de import knop. Vanuit een Excel document kunt u alle waarden naar het webstore-platform duwen. Dit maakt het beheer van honderden showrooms eenvoudiger.

.

/admin/media – Met de media-uploader voegt u beeldmateriaal toe aan het webstore-Platform. Door op de knop ‘Bestand kiezen’ te klikken kunt u een bestand vanop uw toestel kiezen. De bestandsformaten BMP, Jpg en Jpeg, Gif en Png, PDF en SVG worden ondersteund. Standaard is er een limiet van 8MB per bestand. Enkel indien absoluut nodig kunnen we deze voor u verhogen. Klik vervolgens op de groene ‘upload’ knop om het bestand naar het platform te sturen. Het verschijnt nu bovenaan de overzichtslijst.

In het overzicht ziet u alle reeds geüploade mediabestanden met de desbetreffende link naar het bestand ernaast. Bovenaan kunt u zoeken op naam, het is dus nuttig om de bestandsnaam van uw afbeelding steeds uitgebreid en correct in te vullen. Niet alleen voor Google, maar ook voor uzelf om achteraf makkelijk uw afbeeldingen terug te vinden. Noem uw bestand dus niet “DSC_123.jpg” maar “Voorgevel-winkel-Mechelen.jpg” nog vóór u het bestand gaat uploaden. Reeds geüploade bestanden kunt u niet meer van naam wijzigen, noch verwijderen.

Opgelet: het platform verkleint automatisch te grote afbeeldingen en converteert BMP, geanimeerde of stilstaande Gifs en PNG’s steeds naar een statische, gecomprimeerde .jpg. Deze formaten zijn dus af te raden. We nemen deze maatregelen enerzijds om uw datatrafiek te sparen en zo de prijs van uw hosting zo laag mogelijk te houden, maar vooral om gebruikers een zo snel en compatibel mogelijke webstore voor te schotelen. Voor video verwijzen we u naar online platformen als Youtube of Vimeo. Deze bieden u een ‘embed’code oftewel insluitingscode waarmee u geüploade video’s op uw webstore kunt plaatsen mits het plakken van deze regel code.

Let ook op: Het is NIET de bedoeling om hier productfoto’s, merk- of categorieafbeeldingen te uploaden. Dit kan bij het aanmaken van nieuwe producten, merken, categorieën…

/admin/vouchers – Een voucher is een éénmalige kortingscode zoals een cadeaubon of een winkelkrediet die binnen 1 jaar enkelvoudig te gebruiken is. In het overzicht kunt u filteren op code, de verzender of de ontvanger om vouchers terug te vinden. Ook kunt u het resterende bedrag “Current amount” en de geldigheidsdatum bekijken of code’s (de)activeren. Met de knop ‘New Voucher’ bepaalt u zelf het bedrag, uw naam en naam en email van de begunstigde. Op delivery method komen we meteen terug. Bij ‘Sender contact info’ zet u uw emailadres of van de persoon die de voucher weggeeft. In de boodschap kunt u nog een persoonlijk berichtje nalaten. Deze boodschap komt in het mailtemplate “voucher” tevoorschijn bij de wildcard %message%. Bij het aanduiden van ‘versturen per post’ bij ‘delivery method’ krijgt u als admin de gegevens binnen en kunt u zelf een cadeaubon opmaken en verzenden naar de persoon in kwestie. Opgelet, in tegenstelling tot een Couponcode is de toegepaste korting van een voucher pas te zien op het einde van het bestelproces, dus in het winkelkarretje verandert er niets.

Om bezoekers een cadeaubon of voucher aan te laten maken kan u een link voorzien naar ‘uwdomein.be/voucher’. Hier geeft de bezoeker alle nodige info op en kan hij de voucher onmiddellijk betalen. Indien u een bedrag wil voorstellen volstaat het om achter de url ‘uwdomein.be/voucher?amount=50’ toe te voegen. Zo wordt automatisch een bedrag van €50 voorgesteld.

/admin/vouchers – Een voucher is een éénmalige kortingscode zoals een cadeaubon of een winkelkrediet die binnen 1 jaar enkelvoudig te gebruiken is. In het overzicht kunt u filteren op code, de verzender of de ontvanger om vouchers terug te vinden. Ook kunt u het resterende bedrag “Current amount” en de geldigheidsdatum bekijken of code’s (de)activeren. Met de knop ‘New Voucher’ bepaalt u zelf het bedrag, uw naam en naam en email van de begunstigde. Op delivery method komen we meteen terug. Bij ‘Sender contact info’ zet u uw emailadres of van de persoon die de voucher weggeeft. In de boodschap kunt u nog een persoonlijk berichtje nalaten. Deze boodschap komt in het mailtemplate “voucher” tevoorschijn bij de wildcard %message%. Bij het aanduiden van ‘versturen per post’ bij ‘delivery method’ krijgt u als admin de gegevens binnen en kunt u zelf een cadeaubon opmaken en verzenden naar de persoon in kwestie. Opgelet, in tegenstelling tot een Couponcode is de toegepaste korting van een voucher pas te zien op het einde van het bestelproces, dus in het winkelkarretje verandert er niets.

Om bezoekers een cadeaubon of voucher aan te laten maken kan u een link voorzien naar ‘uwdomein.be/voucher’. Hier geeft de bezoeker alle nodige info op en kan hij de voucher onmiddellijk betalen. Indien u een bedrag wil voorstellen volstaat het om achter de url ‘uwdomein.be/voucher?amount=50’ toe te voegen. Zo wordt automatisch een bedrag van €50 voorgesteld.

Configuration

(1e item wordt niet weergegegeven)

/admin/email-templates – Het platform licht u en/of gebruikers bij bepaalde gebeurtenissen in via mail. Een overzicht van wanneer welke mail verstuurd wordt ziet u hieronder. Elke mail zit in een bepaald sjabloon gegoten dat u kunt bekijken en indien gewenst bewerken door op de naam of het potloodje te klikken.

In de editor kunt u het onderwerp wijzigen en de inhoud van de mail voor alle talen wijzigen. U kunt html gebruiken voor de opmaak, afbeeldingen uit de media-uploader en wildcards (tussen %) plaatsen. De klantnaam, zijn order en dergelijke worden zo automatisch ingevuld. Bij voorkeur gebruikt u best onze sjablonen als basis.

Tip: Wenst u veel zaken in de HTML te wijzigen, maak eerst een back-up van de code en bestudeer de huidige code (zo zijn bv. de <!–foreach–> <!–endforeach–> tags erg belangrijk). Let op! Niet alle opmaak-code wordt goed ondersteund in alle mailclients

Opgelet, Webstore is géén marketingplatform waarmee u duizenden reclamemails kunt versturen. Hiervoor doet u best beroep op tools als Mailchimp, Addemar en dergelijke…

/admin/languages – Het overzicht van de talen die u gebruikt op uw webstore. Meestal is dit vooraf geconfigureerd en dient u hier niets te wijzigen. U kunt een taal als standaard instellen of deactiveren zodat bezoekers ze niet langer kunnen selecteren. Met het potloodje kunt u de naam van de taal, de taalcode maar ook de “external ID” wijzigen. Deze dient u in te vullen wanneer u teksten importeert via externe ‘content providers’. Een tip: Vóór u aan de opbouw en invulling van uw webstore begint denkt u best goed na welke talen u zeker wilt aanbieden. Gezien deze bijna overal terugkomen en ingevuld moeten worden is het een ingrijpende beslissing. Wees dus niet te overmoedig noch te karig met uw taalkeuze.

/admin/payment-methods –Betaalt uw klant online of bij het afhalen in uw shop? Via factuur of overschrijving? Het webstore platform ondersteunt het allemaal. In dit scherm kunt u betaalmethoden (de)activeren en configureren. Deze configuratie is doorgaans door ons gebeurd. Wanneer betaaldiensten als Ogone, Sisow of Paypal vragen om uw code of authenticatie-URL te vernieuwen kan u hier terecht. Vergeet bij wijzigingen niet op te slaan en zeker uitvoerig te testen!

/admin/shipping-methods – Een bestelling bij de klant krijgen kan op meerdere manieren: via verzending, ophalen in uw zaak, ophalen bij postpunten enz. Hier kunnen we deze methodes (de)activeren en configureren. Met ‘order’ wijzigt u de voorkeursvolgorde van de methodes. De laagste waarde geniet de hoogste voorkeur. Na het wijzigen dient u op de pijltjes te klikken om toe te passen. Wanneer bezoekers de opties voorgeschoteld krijgen zullen ze in die volgorde weergegeven worden.

Verzendlanden en -tarieven kunnen we bij het tandwieltje bepalen. Rechtsboven kunt u landen toevoegen, met het vuilbakje kunt u ze verwijderen of u kunt verzendkosten per land bewerken en opslaan met het disketje. Per land kunt u -inclusief BTW- de standaard verzendkost “shipping cost” bepalen. Bij “Shipping Cost Limit” kunnen we bepalen welk bedrag overschreden dient te worden om gratis of goedkopere levering te verkrijgen. Dit alternatieve tarief kunt u bij “Low Shipping Cost” invullen. Verder kunt u de geraamde minimale levertijd bepalen in werkdagen, waarbij de waarde 1 dus voor ‘next business day’ staat. Vergeet uw wijzigingen niet op te slaan!

/admin/translations – Menu’s, knoppen, boodschappen of meldingen in het ganse platform kunt u van eigen tekst voorzien in alle talen. Om de juiste elementen of teksten te vinden kunt u in de 3 lege velden bovenaan filteren op categorieën en/of individuele items, of delen van de bestaande tekst invoeren bij ‘value’. Door te klikken op het tekstveld kunt u de tekst wijzigen. Klik op het groene vinkje om uw wijziging op te slaan of op het kruisje om te annuleren. Rechtsboven wisselt u tussen de beschikbare talen. Wildcards en basis HTML worden ondersteund in deze velden voor geautomatiseerde inhoud en opmaak, maar let wel op: er is een limiet van 1000 tekens. Voor uitgebreide code of scripts kunt u dus beter beroep doen op iFrames.

Updater

(1e item wordt niet weergegegeven)

/admin/updater – Er wordt continu getimmerd aan het Webstore platform. Uw shop, maar ook onze FormBuilder, SalesApp, PresentationApp en dergelijke ontvangen geregeld nieuwe functionaliteit en bugfixes om de werking nog beter te maken. Op zich kunt u hier niets configureren maar het geeft u wel inzicht in de evolutie van het platform.

Updates verlopen volledig automatisch zonder dat u noch de bezoekers hier iets van merken. U bent dus ten allen tijde voorzien van de laatste nieuwe en vooral veiligste versie van het Webstore Platform. U dient zich nergens zorgen om te maken. Bovendien genieten àlle klanten, dus ook u, meteen mee van het maatwerk en nieuwe features die we voor andere klanten ontwikkelden.

EHBO & Troubleshooting

(1e item wordt niet weergegegeven)

Het webstore platform werkt doorgaans prima in alle browsers en op alle toestellen. Echter wat betreft de back-end (waar u alles achter de schermen configureert) ondersteunen en testen we officiëel alle functionaliteit enkel in de browsers Chrome en Firefox.

Mocht u dus problemen ondervinden in Internet Explorer, Edge, Safari of andere browsers, dan is het in eerste instantie aan te raden om te werken in de ondersteunde browsers. Mochten problemen zich aanhouden dan kunt u proberen uw tijdelijke internet bestanden te wissen. Indien u of een collega het probleem ook op een andere PC ondervindt, met een andere browser of zelfs op een ander netwerk kunt u contact met onze support opnemen.

Wellicht gooit een adblocker zoals Adblock of µBlock hier roet in het eten. Het is sowieso aan te raden om uw eigen domein te negeren ofwel te ‘whitelisten’ voor de adblocker. Uw adblocker tijdelijk uitschakelen kan ook redding bieden.

We werken in het webstore platform met een ‘cache’, een tijdelijk geheugen dat dient om gebruikers sneller pagina’s en producten voor te schotelen. Wanneer u ingrijpende wijzigingen doet in de lay-out of menu-structuur van de site moet deze cache opnieuw opgebouwd worden. Na iedere wijziging is het dus in eerste instantie aangeraden om het resultaat na te kijken, mocht u nog geen effect zien dient u de cache te ledigen. Dit kan door in de backend rechtsboven op de moersleutel te klikken en vervolgens ‘Clear Cache’ aan te duiden.

Alle prijzen in het platform worden -om uw site niet te zwaar te belasten- gecached. Dwz. Vooraf berekend en ingeladen in het geheugen zodat ze niet steeds opnieuw moeten worden berekend. De drastische snelheidswinst die we hiermee behalen heeft wel enkele gevolgen:

  1. Wanneer u via het menu-item “Users” een gebruiker toewijst aan een andere prijsgroep. (zie hoofdstuk “Users”) dient deze gebruiker zich eenmalig opnieuw af- en aan te melden alvorens hij of zijn zijn aangepaste prijzen zal zien.
  2. Na het wijzigen van een marge of korting op categorieniveau dient de admin rechtsboven ‘clear prices’ te klikken. Alle prijzen in het ganse platform worden dan herberekend.
  3. Na het wijzigen van een marge of korting, of het instellen van een fixed price of staffelprijs bij een individueel product dient u -bij het wijzigen van een product- in de tab general op de knop ‘prices’ te duwen en vervolgens ‘clear prices’ om het product van de nieuwe prijssetting te voorzien. De nieuwe prijs wordt berekend wanneer het product getoond wordt op de site.

De gebruiker dient zich eenmalig opnieuw aan te melden alvorens de nieuwe rechten van toepassing zijn.

De meeste elementen binnen het Webstore Platform vereisen dat enkel uw ‘default language’, dus uw hoofdtaal, ingevuld wordt. Bij labels echter dient u àlle beschikbare talen in te vullen.

De footer wordt (net als de homepage) beschouwd als een aparte pagina en deze vindt u dus terug op uwdomein.be/admin/pages.

Wanneer u zich op Tools > Pages bevindt ziet u dat de footer en de homepage speciale pagina’s zijn die op non-actief dienen te worden gezet. Zo vermijden we dat Google zijn weg vindt naar de pagina’s www.uwdomein.be/page/footer en www.uwdomein.be/page/home, met vreemde resultaten voor de bezoeker als gevolg. U kunt de inhoud van deze hier wel bewerken, ook al staan ze op non-actief.

Opmerking: Staat de pagina ‘footer’ nog niet in de lijst van pagina’s? Dan dient u een nieuwe pagina aan te maken, geef deze de naam ‘footer’ en zet de pagina op non-actief. Wanneer u deze nieuwe pagina opslaat en opnieuw bewerkt, bewerkt u de bestaande footer.

Onze Oplossingen

ESG