Webshop instellingen: Overstappen van webshop versie 1 naar versie 2

Webshop instellingen: Overstappen van webshop versie 1 naar versie 2

Wat
Deze handleiding helpt je om je webshop efficiënt van versie 1 naar versie 2 over te zetten en tegelijkertijd een aantrekkelijke en functionele online uitstraling te behouden.

Waar
Admin: Webshop & App > Webshopinstellingen.
(Voorheen onder: Winkel > Webshopinstellingen).


Deze handleiding is bedoeld voor wanneer je je webshop efficiënt wilt configureren. Ze biedt je stapsgewijze instructies om van Webshop Versie 1 over te stappen naar Versie 2 en zorgt ervoor dat je online uitstraling zowel visueel aantrekkelijk als functioneel is.

Aanmelding

1. Meld je aan in je adminomgeving.

2. Ga onder "Webshop & App" naar "Webshopinstellingen".
​



Webshop versie 2

3. Wijzig de instellingen van "Webshop versie 1" naar "Webshop versie 2".
​




Basis instellingen

4. Vul onder "Webshop titel" de naam van je restaurant in. Dit is de naam van het browsertabblad wanneer men je webshop opent.
 Daarnaast kies je een "Standaardtaal" waarin je webshop moet worden weergegeven.
​
​



5. Hier staat je "Webshop titel".





6. In het veld "Webshop omschrijving" kun je een beschrijving voor je webshop invoeren. Deze wordt ook door verschillende zoekmachines gebruikt om je webshop aan te bevelen.
​




7. Onder "Logolink" kun je een link achter je logo in de webshop plaatsen, zodat je naar een bepaalde pagina wordt doorgestuurd wanneer je op het logo klikt.

Ook kan hier een link naar een website worden toegevoegd onder "Link naar de website".
​
​



Kleur instellingen

8. Open nu de kleur instellingen.
​




9. Onder "Kleur voor linkjes" kun je een kleur naar keuze instellen voor de koppelingen in je webshop.
De optie "Afgeronde hoeken" geldt voor de knoppen in de webshop. Hoe hoger de afronding, hoe ronder de knoppen.
​
​



10. Voorbeeld: "Terug" is in dit geval een link en bij de knoppen zie je de afronding van de hoeken.
​
​



11. Kies nu onder "Achtergrondkleur" een achtergrondkleur en drie "Hoofdkleuren". We raden aan je te laten leiden door je logo.
​
​



12. Hier is een voorbeeld van de eerste en tweede kleur.
​
​



13. Een voorbeeld van de derde kleur.
​




14. De achtergrondkleur betreft de kleur achter de tegels, vakken en de winkelwagen.
​
​



Kleureninstellingen geavanceerde instellingen

15. Open de "Geavanceerde instellingen".
​




16. Deze "inhoudskleuren" contrasteren met de drie hoofdkleuren die je hebt gekozen. Dit verwijst meestal naar de letterkleur.
​
​



17. Voorbeelden van inhoudskleuren. 
Helaas is er geen voorbeeld voor de derde kleur/inhoudskleur.
​
​



18. De "schaduwkleur" is voor het 3D-effect.
De volgende afbeelding toont een voorbeeld.
​
​



19. Voorbeeld van schaduwkleur.
​




20. De "Kleur voor oppervlakken" is voor alle tegels en de bijbehorende contrastkleur voor bijvoorbeeld pictogrammen (symbolen) in de tegels.

Een voorbeeld vind je in de volgende afbeelding.
​
​



21. Voorbeeld van oppervlakkleur en contrastkleur.
​




22. De kleur voor "Oppervlaktevariant" is bijvoorbeeld voor velden waarin de klant iets kan invullen.
​




23. Voorbeeld van de oppervlaktevariant en de contrast-oppervlaktevariant.
​
​



Lettertypen

24. Kies onder "Lettertypen" een "Standaard lettertype" en een "Extra lettertype" (dit wordt alleen gebruikt als je het ook toewijst).

Als je een eigen lettertype wilt gebruiken, stuur dit dan alstublieft naar ons op, in "bold" en "regular".
​
​

​

25. Voor alle "Titel"-groottes kun je kiezen of het "Standaard lettertype" of het "Extra lettertype" gebruikt moet worden, en of het "bold" of "regular" moet zijn.

Hier kies je ook welke van de door jou eerder ingestelde kleuren (eerste, tweede, derde kleur) gebruikt moet worden.
​
​



26. Voorbeelden van de titels.
​




27. Voor de "Knoppen" kun je ook het "Lettergrootte", "Lettertype" en "Kleur" selecteren.
​




28. Voorbeeld van de knoppen.
​
​



29. De instellingen moeten onder "Lettergrootte – Mobiel" voor de "Mobiele versie" afzonderlijk opnieuw worden ingesteld en aangepast.



Aanpassing van navigatie en productweergave

Nu volgen belangrijke inzichten voor het aanpassen van de mobiele en desktopinterfaces van je webshop, om de gebruikerservaring en betrokkenheid te verbeteren. Het behandelt wijzigingen aan de kop- en voettekst, de organisatie van het menu, evenals opties voor productweergave om een op maat gemaakte winkelervaring te bieden. Daarnaast wordt de integratie van social media- en trackingtools benadrukt om zichtbaarheid en analysemogelijkheden te vergroten.


Header & Banner

30. Onder "Header & Banner" wordt de koptekst (Header) aangepast. Je header kan met "gesplitste koptekst" in twee verschillende kleuren worden weergegeven (1), je kunt de "Bezorg- en afhaaltijden verbergen" (2) en ook hier de "Terug-pijl" activeren zodat deze wordt weergegeven (3).

Het "zijmenu" is alleen van toepassing op de mobiele webshop, d.w.z. de versie van uw webshop die specifiek is geoptimaliseerd voor mobiele apparaten, zoals smartphones en tablets.
​
​



31. Voorbeeld van de gesplitste koptekst.
​




32. Om de productgroepen onder elkaar in het zijdemenu weer te geven, moet onder "Sidebar" het vakje "Productgroepen in één kolom weergeven" worden aangevinkt.
​




33. Voorbeeld: Productgroepen éénkoloms.
​

​


34. Als het vakje voor de éénkoloms productgroepen niet is aangevinkt, worden deze in het zijdemenu naast elkaar weergegeven.
​

​


35. Voor je zijdemenu kun je onder "Extra opties weergeven in het zijmenu" je eigen benamingen en toepassingen instellen. Vul hiervoor een "Naam" in het betreffende veld in en kies vervolgens het juiste gebruik onder "interne link".
​




36. Wanneer je op "verdere vermeldingen" klikt, kun je extra punten voor je zijdemenu toevoegen en instellen (maximaal 12).





Mobiele onderbalk

37. Voor de "mobiele weergave" wordt hier de "onderbalk" aangepast. Je kunt de verschillende iconen, functies en hun volgorde zelf kiezen. Er zijn in totaal vier iconen en vrije plekken.
​




38. Een voorbeeld van de onderste balk in een mobiele webshop.
​




39. Hier kunnen in de voettekst (Footer/onderste gedeelte) koppelingen naar de algemene voorwaarden, privacybeleid, etc. worden toegevoegd. Dit geldt voor zowel de browser- als de mobiele webshop.

Je kunt ook links toevoegen die naar andere websites verwijzen.
​




40. Voorbeeld van de voettekst.
​
​



Startpagina

41. Onder het punt "Startpagina" kun je afbeeldingen toevoegen die op de startpagina worden weergegeven. Houd er rekening mee dat voor de mobiele webshop een ander formaat nodig is.

Daarnaast kun je instellen wat als startpagina wordt weergegeven wanneer een klant je webshop bezoekt (bijvoorbeeld startpagina met inhoud in tegelindeling, productgroepvoorvertoning, artikelvoorvertoning, etc.).
​




42. In ons voorbeeld is de tegelweergave geactiveerd. Hiermee kun je bijvoorbeeld artikelen of het bonussysteem promoten.
​




43. De instellingen onder "Winkelzoeker en winkellijst" zijn bedoeld om het de eindklant gemakkelijker te maken bij het invoeren van het adres. Zodat de klant bijvoorbeeld bij afhalen het adres of de postcode niet zelf hoeft in te voeren, kan dit worden vereenvoudigd door de winkeladressen vast in te voeren via een dropdownlijst (keuzelijst).
​




44. Voorbeeld van een dropdown-keuzelijst.
​




Artikelweergave

45. Als je veel productgroepen hebt, kun je hier met de knop "Pagina met productgroepoverzicht weergeven" een extra productgroepsknop activeren, waarop alle productgroepen naast en onder elkaar worden weergegeven. De beschrijving van het productgroepenoverzicht kun je hier ook instellen.

Als klanten bij elk artikel geen opmerkingen mogen achterlaten, schakel deze functie dan uit door het vakje "Opmerkingenveld voor artikelen deactiveren" aan te vinken.
​




46. In ons voorbeeld heet het productgroepenoverzicht "Overzicht".
​




47. Onder "Artikelweergave" zijn er drie mogelijkheden om je artikelen weer te geven (3x tegels naast elkaar, lijstweergave en 1 grote, 2 kleine tegels). Voor de mobiele webshop kan een andere weergave worden ingesteld, indien gewenst.

Afbeeldingen kunnen ook in de lijstweergave worden weergegeven als het vakje daarvoor is aangevinkt. Om artikelen die al in het winkelmandje zitten of uitverkochte artikelen te markeren, activeer je hiervoor de juiste knoppen.
​




48. Voorbeeld artikelweergave: 3x tegels naast elkaar + artikelen markeren die al in het winkelmandje zitten.





49. Voorbeeld artikelweergave: lijstweergave + afbeeldingen activeren voor lijstweergave + artikelen markeren die al in het winkelmandje zitten.
​




50. Voorbeeld artikelweergave: 1 grote, 2 kleine tegels + artikelen markeren die al in het winkelmandje zitten.
​




51. Je hebt de mogelijkheid onder "Topping weergave" om je toppings op verschillende manieren weer te geven, met afbeeldingen, naast elkaar, etc. Als je afbeeldingen aan de toppings hebt toegevoegd, worden deze ook weergegeven, maar ze kunnen met het juiste vinkje worden uitgeschakeld.
 In de volgende afbeeldingen laten we je de verschillende varianten zien.
​




52. Voorbeeld topping weergave: elementen van de toppinggroepen naast elkaar weergeven.
​




53. Voorbeeld topping weergave: toon artikelnaam in de koptekst van de topping + gebruik knop voor verwijderbare onderdelen + selectie weergeven van het aantal artikelen in de voettekst van de topping.
​




Winkelmandje & afrekenen

54. De "Winkelwagen" wordt aan de zijkant naast de artikelen weergegeven. Als je dit niet wilt, vink dan "Winkelwagentje aan de zijkant ingeklapt" aan. Dan wordt deze alleen zichtbaar wanneer op de winkelwagen in de header (koptekst) wordt geklikt. Daarnaast kun je ook de afbeeldingen van de artikelen in de winkelwagen laten weergeven.
​




55. Winkelwagen: zijwaarts + afbeeldingen van artikelen in het winkelmandje.





56. Winkelwagen: zijwaarts + Winkelwagentje aan de zijkant ingeklapt.





57. Je kunt het icoon van de winkelwagen vergroten en bij het afrekenen de invoer van gegevens verbergen als je dit naar eigen inzicht niet nodig acht.





Zoeken & filteren

58. Als je artikelen hebt voorzien van artikeltags (artikelfilter), hebben klanten via de "Filteren" de mogelijkheid bijvoorbeeld alleen vegetarische artikelen te laten weergeven (als de artikelinstellingen correct zijn). De filterfunctie kan ook worden verborgen. Stel hiervoor de positie van het filter-icoon (filtersymbool) in het dropdownmenu in op "Filtericoon verbergen".

De verschillende weergaven zie je in de volgende afbeeldingen.





59. Voorbeeld filter: links – voor de productgroepen + filter selecteren met selectievakje.





60. Filter: links – voor de productgroepen + Filteropties weergeven als dialoog.





61. Zodat klanten in je webshop naar artikelen kunnen zoeken, activeer je de functie door het vinkje "Zoekfunctie voor artikelen" aan te zetten. De zoekfunctie verschijnt dan bovenaan in de header (koptekst).





62. Voorbeeld van de zoekfunctie voor artikelen.





Profiel

63. Onder het punt "Profiel" kun je instellen dat men zich in je webshop kan registreren en aanmelden. Daarnaast kun je ingelogde gebruikers het weergeven van afbeeldingen van de laatst bestelde artikelen laten zien, adressen verbergen of het inzien van de laatste bestellingen uitschakelen.

"Abonnement verbergen" moet worden geactiveerd en als je geen SOT (Self-Ordering Terminal) bij ons hebt, moet "SOT-login" ook worden verborgen.





Marketing & sociale media

64. Om een groter bereik te behalen, kun je je socialmediapagina's in de footer (voettekst) koppelen. Vul hiervoor de URL van je pagina's in het betreffende veld in.





65. Voorbeeld van de marketing- en socialmedialinks in de voettekst.





66. Als je een app in je pakket hebt, kun je hier de links naar de Google Play Store en App Store toevoegen, zodat deze ook in de footer (voettekst) worden weergegeven.

Wil je dat de installatie van de app wordt voorgesteld zodra iemand je webshop bezoekt, vink dan het vakje "Suggestie voor installatie van app" aan.





Tracking

67. Om het gebruik van de webshop te volgen, kun je hier de verschillende tag-ID's invoeren. Houd er rekening mee dat je voor het gebruik van Google-tags het vinkje voor toestemming voor het gebruik van Google Analytics activeert.





68. Neem kennis van de cookie-instellingen, aangezien je hier zelf verantwoordelijk voor bent.













    • Related Articles

    • Overstap van EIGEN webshop-URL naar Webshop Versie 2

      Wat Deze handleiding beschrijft de overstap van je eigen webshop-URL naar Webshop Versie 2. Waar Admin: Webshop & App > Webshopinstellingen. Fase I – Configuratiefase Je ontvangt, naast je Webshop Versie 1 URL (jedomein.nl), een tweede ...

    • Overstap van SIDES Webshop Versie 1-URL naar Webshop Versie 2

      Wat Deze handleiding beschrijft de overstap van je SIDES Webshop-URL Versie 1 naar Webshop Versie 2. Waar Admin: Webshop & App > Webshopinstellingen. Admin: Globale Instellingen > Algemene winkelinstellingen > Overige instellingen > ...

    • Webwinkel instellingen

      Wat Je eigen webshop kan op een bepaalde manier worden aangepast en gepersonaliseerd. Waar Admin: Winkel > Webwinkel instellingen. In de Webwinkel instellingen kan je eigen webshop tot op zekere hoogte worden aangepast en gepersonaliseerd. Dit omvat ...

    • Google Analytics instellen voor de webshop versie 2

      Ter verbetering van de gebruiksvriendelijkheid hebben we de navigatiestructuur herzien. Deze kan in het dashboard worden omgeschakeld via "Nieuwe navigatie activeren". Als onderdeel van deze update zijn sommige termen aangepast en zijn ...

    • Verkoop van waardebonnen in de webshop

      1. Admin > Item > Goederengroep aanmaken en inschakelen voor de overeenkomstige kanalen. Admin > Item > Item aanmaken > Deselecteer de item eigenschap "Verkoop item" en selecteer "Credit". Activeer de merchandise groep "Vouchers", zodat het artikel ...