Wanneer je een Webshop hebt, is het belangrijk om zowel de producten te tonen en om dit op een manier te doen die de verkoop bevordert. De one.com Webshop integreert niet alleen naadloos met de Website Builder, maar heeft ook verschillende opties voor het weergeven en het onder de aandacht brengen van producten.
In dit artikel vind je een korte introductie van de verschillende Webshop-componenten en hoe deze in te voegen in een Website Builder site.
- De Webshop-componenten
- Componenten invoegen in de Website Builder
- De look en stijl van de Webshop bewerken
De Webshop-componenten
In Website Builder zijn drie soorten Webshop-componenten:
Het Raster met alle producten
Dit is het belangrijkste component van de Webshop. Wanneer je dit op een pagina op de site plaatst, worden alle producten weergegeven op de manier die je normaal met een Webshop zou associëren. Let op dat je deze component maar één keer op de website kunt gebruiken.
De Producten in de kijker en de Product widget
Met de component Producten in de kijker kun je een kleine selectie van specifieke producten weergeven, terwijl je met de Product widget één enkel product uit de Webshop kunt uitlichten.
Je kunt elk van deze componenten zo vaak en op zo veel pagina's gebruiken als je maar wilt. Beide widget-opties zijn ideaal om producten onder de aandacht te brengen waarvoor je de verkoop wilt stimuleren; gebruik ze op je voorpagina om meteen de aandacht op de producten te vestigen, of op een subpagina om een uitgebreide productbeschrijving te begeleiden.
Tip: Het is ook mogelijk om naar specifieke categorieën te linken in het Raster met alle producten. Op die manier hoeven klanten niet eerst de winkel op de site te vinden en door de producten te doorzoeken om iets specifieks te vinden; je kunt ze direct naar deze categorie leiden vanaf elke pagina op de site. Om dit te doen, moet je de winkel publiceren, deze openen in een browser, de categorie te selecteren en de URL kopiëren. Deze kan dan ingevoegd worden als een link in een knop, een afbeelding of een stuk tekst in Website Builder.
Componenten invoegen in de Website Builder
- Sleep een van de Webshop-componenten naar de werkruimte, vanuit het menu links op het scherm.
- Pas de grootte en plaatsing van de Webshop-component aan naar wens.
- Klik op Bewerken om het uiterlijk en de stijl van het Webshop-component in Website Builder aan te passen aan je voorkeuren.
- Klik op Opslaan en Publiceren om de Webshop of de product widgets online beschikbaar te maken.
Bewerk de look en stijl van de Webshop
Je kunt onder andere instellen hoeveel producten per rij worden weergegeven, de kleur en positie van promotie labels en de plaats van het winkelwagentje.
1 - Boven-/ondermenu
- Afbeelding ratio - Selecteer de beeldverhouding van de producten, bijvoorbeeld staamd of liggend.
- Bijsnijden - Vink dit aan als je afbeeldingen wilt bijsnijden zodat ze allemaal in hetzelfde formaat worden weergegeven.
- Kaart - Vink dit vakje aan om de producten op een kaart te tonen; het product en de beschrijving worden omlijnd met een rechthoekige rand.
- Producten per rij - Stel in hoeveel producten (2-8) zichtbaar moeten zijn per rij.
2 - Eigenschappen paneel
- Stijl - Stel het lettertype, de tekstkleur en de accentkleur van de Webshop in. Je kunt ook selecteren hoeveel producten per pagina zichtbaar zijn en de tekst en stijl van de knop "Kopen".
- Afbeeldingstijl - Stel de afbeelding ratio in en of je afbeeldingen wilt bijsnijden. Je kunt ook een 'zweef'kleur instellen die zichtbaar wordt als je met de muis over een product beweegt.
- Navigatie - Stel in of je de Categorieselector en de "Sorteren op"-selector wilt weergeven, zodat je bezoekers de producten in de winkel kunnen sorteren en filteren.
- Promotie labels - Stel de positie en kleur van promotie labels bij de producten in. Ga naar de Webshop-administratie om een promotie label toe te voegen aan een specifiek product.
- Winkelwagentje - Stel de positie van de winkelwagen op de pagina in.
De Producten in de kijker en de Product widget hebben bijna dezelfde aanpassingsopties als het Raster met alle producten. Een opmerkelijke uitzondering is de Productknop optie waarmee je de look en de positie van knoppen in de widgetcomponenten wijzigt.
Gerelateerde artikelen:
