Kennisbank
Handleidingen
Academy
Instructievideo's
Probeer te zoeken naar:
Recent bekeken artikelen:

Op deze pagina

Het ontwerp van uw Ecwid-winkel op Wix wijzigen

Ecwid is professioneel ontworpen volgens de nieuwste trends in e-commerce om er geweldig uit te zien op elk apparaat. Wanneer u Ecwid op uw Wix-website heeft geïnstalleerd, kunt u meteen beginnen met verkopen. Het ontwerp van uw Ecwid-winkel op Wix kunt u nog veranderen, zodat uw online etalage precies overeenkomt met het algehele uiterlijk van uw website.

Met de intuïtieve visuele editor in de Ecwid-app voor Wix kunt u zonder gebruik van code de lettertypen en kleuren van de winkel wijzigen, de grootte en beeldverhouding van de productafbeeldingen aanpassen, snel de lay-out van product- en cataloguspagina's veranderen en pagina-elementen verbergen.

Wanneer u een volledig op maat gemaakt ontwerp nodig heeft, kunnen we u aanbieden de winkeletalage helemaal op maat te maken op basis van uw specificaties. Bestel een ontwerp op maat bij onze experts.
Ecwid is compatibel met de klassieke Wix-editor. Legacy Editor X wordt niet ondersteund.

Lettertypen en kleuren van de winkel wijzigen

Met de Ecwid-app voor Wix kunt u de gewenste kleuren voor de achtergrond, tekst, links en knoppen van uw winkel selecteren, het lettertype wijzigen en de transparantie van de achtergrond aanpassen om een online winkel te creëren die perfect overeenkomt met de algemene stijl van de website.

Als u niet zeker weet welk kleurenschema u voor uw winkel moet kiezen, kunt u de kleuren kiezen die overeenkomen met het kleurenpalet van de hoofdwebsite met behulp van de 60-30-10 regel:

  • de primaire kleur die 60% van de ruimte vult: de achtergrondkleur;
  • de secundaire kleur die 30% van de ruimte vult en contrasteert met de primaire kleur: de kleur van de tekst;
  • de accentkleuren die 10% van de ruimte in beslag nemen en een aanvulling zijn op uw primaire of secundaire kleur: de kleur van knoppen, links en productprijzen.

Wat betreft de lettertypen raden we aan om niet meer dan 2-3 lettertypen te kiezen voor de website: één voor de kopregel en titels, één voor de onderschriften (optioneel) en één voor de gebieden met tekstinhoud. Te veel verschillende lettertypen kunnen ervoor zorgen dat uw website er rommelig en onprofessioneel uitziet. Mensen zien dan minder snel wat de belangrijke boodschappen zijn die u wilt overbrengen.

Het lettertype en de kleuren van de winkel wijzigen:

  1. Open de Wix Website Editor en ga naar de pagina waar uw Ecwid-winkel is geïnstalleerd (standaard is dit de Online winkel-pagina).
  2. Klik ergens in het blok met uw producten en selecteer Instellingen:

Klik op instellingen

  1. Schakel over naar het tabblad Ontwerp in het pop-upmenu:

Het tabblad Ontwerp openen

  1. Kies het gewenste lettertype in het onderdeel Stijl van lettertype:

Het lettertype selecteren

  1. Selecteer de achtergrondkleur van de pagina in het blok Kleurenkiezer en pas indien nodig de transparantie aan:

Transparantie en kleur instellen

  1. Stel de kleuren in voor Tekst, productprijzen, links en knoppen in de bijbehorende kleurenkiezers:

De kleuren selecteren

  1. Als u niet tevreden bent met de kleurwijzigingen die u heeft aangebracht, kunt u ze altijd weer terugdraaien door op Standaardkleuren herstellen te klikken:

Standaardkleuren herstellen

U kunt het resultaat van uw werk bekijken in de Voorbeeld modus. Wanneer u klaar bent met het bewerken van de lettertypen en kleuren, vergeet dan niet om uw website te Publiceren om de wijzigingen door te voeren.

Ontwerp van productlijst wijzigen

Productlijsten zijn pagina's waar de artikelen die zijn toegewezen aan dezelfde productcategorie of de startpagina van de winkel worden weergegeven. U kunt de manier waarop uw producten worden weergegeven op de pagina's met productvermeldingen aanpassen in de Ecwid-app voor Wix.

U kunt bijvoorbeeld de grootte en de beeldverhouding van de productafbeeldingen (miniaturen) bepalen. Grote afbeeldingen zijn meestal handig om elk essentieel detail van uw producten te laten zien, middelgrote afbeeldingen bieden een goed evenwicht voor de meeste producten, terwijl met kleine afbeeldingen meer producten op een pagina passen. De kleine afbeeldingen zijn heel geschikt als de beschrijving van uw producten in de presentatie belangrijker is dan de afbeelding, bijv. bij auto-onderdelen, verschillende huishoudelijke apparaten enz.

Met de beeldverhoudingspatronen kunt u de pagina's met productlijsten aanpassen voor horizontaal of verticaal uitgelijnde afbeeldingen. U kunt ook de achtergronden van de miniaturen donkerder maken zodat de producten prominenter op de pagina te zien zijn.

Als u de productpagina's een luchtigere uitstraling wilt geven, probeer dan de uitlijning van tekst in de productkaarten of de zichtbaarheid van productnamen, prijzen en Koop nu-knoppen aan te passen.

Of u kunt er juist voor kiezen de productnamen, prijzen en Koop nu-knoppen duidelijk te laten zien en uw klanten de mogelijkheid bieden op de cataloguspagina's artikelen aan de winkelwagen toe te voegen.

Tijdens het proberen van verschillende instellingen kunt u het resultaat live bekijken zonder de pagina opnieuw te laden of de website te publiceren. Als u niet tevreden bent met het resultaat, kunt u altijd de standaardinstellingen terugzetten.

Het uiterlijk van de pagina's met productlijsten aanpassen:

  1. Open de Wix Website Editor en ga naar de pagina waar uw Ecwid-winkel is geïnstalleerd (standaard is dit de Online winkel-pagina).
  2. Klik ergens in het blok met uw producten en selecteer Instellingen:

Klik op instellingen

  1. Schakel over naar het tabblad Productlijst in het pop-upmenu:

Het tabblad Productlijst openen

  1. Wijzig de Miniatuurgrootte en Beeldverhouding:

Grootte en beeldverhouding van miniaturen selecteren

  1. Schakel de optie Achtergrond van minaturen donkerder maken in:

Achtergrond van miniaturen donkerder maken

  1. Pas de Uitlijning van tekst en knoppen in de productkaarten aan:

Uitlijning productkaart instellen

  1. Schakel de optie in als u een Rand rond de productkaarten wilt weergeven:

Rand van productkaart tonen of verbergen

  1. Kies of u de productnaam, prijs, SKU, Koop nu-knop en extra productafbeeldingen (afbeeldingen uit de galerij) altijd wilt laten zien op de pagina's met productlijsten:

Opties om weer te geven selecteren

U kunt het resultaat van uw werk bekijken in de Voorbeeld modus. Wanneer u klaar bent met het bewerken van het ontwerp van de pagina's, vergeet dan niet om uw website te Publiceren om de wijzigingen door te voeren.

Ontwerp van productpagina's wijzigen

Productpagina's zijn pagina's die gedetailleerde informatie over een product bevatten: de beschrijving, een galerij met extra afbeeldingen, de prijs, het voorraadniveau, opties voor varianten en meer.

U kunt het uiterlijk van productpagina's aanpassen in de Ecwid-app voor Wix door de lay-out van de pagina en de zichtbaarheid van de elementen in de zijbalk te wijzigen.

Er zijn verschillende lay-outopties waaruit u kunt kiezen:

  • 2 kolommen met de productbeschrijving aan de rechterkant: een standaardoptie die er goed uitziet met afbeeldingen van hoge kwaliteit en een korte beschrijving;
  • 2 kolommen met de productbeschrijving onder de afbeelding: een klassieke lay-out die ideaal is voor producten met lange beschrijvingen;
  • 2 kolommen met de productbeschrijving aan de linkerkant: een gespiegelde lay-out voor producten die beter te presenteren zijn met een beschrijving dan met een grafische afbeelding;
  • 3 kolommen: een lay-out met veel plaats voor inhoud, die zo veel informatie kan bevatten als mogelijk is op een enkel scherm en het beste werkt op brede schermen.

Het uiterlijk van de productpagina's wijzigen:

  1. Open de Wix Website Editor en ga naar de pagina waar uw Ecwid-winkel is geïnstalleerd (standaard is dit de Online winkel-pagina).
  2. Klik ergens in het blok met uw producten en selecteer Instellingen:

Klik op instellingen

  1. Schakel over naar het tabblad Product in het pop-upmenu:

Lay-out van productpagina instellen

  1. Selecteer de gewenste lay-out in het onderdeel Lay-out van productgegevens:

Lay-out van productgegevens

  1. Kies hoe u de galerijafbeeldingen wilt weergeven in het onderdeel Lay-out van productgalerij:

Lay-out van galerij

  1. Bepaal welke productgegevens u wilt weergeven in het onderdeel Inhoud van zijbalk:

Inhoud van de zijbalk

U kunt het resultaat van uw werk bekijken in de Voorbeeld modus. Wanneer u klaar bent met het bewerken van het ontwerp van de pagina's, vergeet dan niet om uw website te Publiceren om de wijzigingen door te voeren.

U kunt ook een Winkelwagenpictogram en een Zoekbalk voor producten toevoegen aan uw websitepagina's. Met de winkelwagen kunnen uw klanten op elke pagina van uw website zien wat er in de winkelwagen zit en snel doorgaan naar de afrekenpagina. Met behulp van de zoekbalk kunnen bezoekers gemakkelijk vinden wat ze zoeken zonder door de pagina's van de winkel te moeten bladeren.

Gerelateerde artikelen

Uw Ecwid-winkel toevoegen aan een Wix-website
Categorieën toevoegen aan uw Ecwid-winkel op Wix

Was dit artikel nuttig?

Fantastisch! Bedankt voor uw feedback!

Bedankt voor uw feedback!

Wat vervelend! Wat ging er mis?
Aantal gebruikers dat dit nuttig vond: 21 van 26
10
We gebruiken cookies en vergelijkbare technologieën om uw voorkeuren te onthouden, de effectiviteit van onze campagnes te meten en gedepersonaliseerde gegevens te analyseren om onze site beter te laten werken. Door «Accepteren» te kiezen, stemt u in met het gebruik van cookies.
Cookies accepteren Afwijzen