Nieuwe Ecwid-ontwerpinstellingen: tientallen aanpassingsopties, geen codering

12 min leestijd

Design spreekt boekdelen voor een e-commerce winkel. Als mensen gemakkelijk door uw online winkel kunnen navigeren, heeft u een veel grotere kans om ze te converteren. Een consistent, modern ontwerp kan klanten vertellen dat u een betrouwbaar merk bent.

Ecwid helpt elk bedrijf – zelfs een klein en beginnend bedrijf – om professioneel op internet te kijken en te verkopen. Je hoeft er niet heel veel voor te betalen top-tier webontwerpers om een mobielvriendelijk, schoon en mooi e-commerce shop in shop.

We hebben toegevoegd tientallen nieuwe winkelontwerpfunctionaliteiten aan Ecwid, zodat u uw e-commerce bewaar de look en feel die uw merk het meest weerspiegelt.

Het instellen van elk klein detail in het ontwerp van uw online winkel is doodeenvoudig. Wijzig afbeeldingsstijlen, productpagina-indelingen en winkelelementen zonder codering. Je zult het zelf zien in dit bericht.

De nieuwe instellingen vind je onder Instellingen → Ontwerp in je Ecwid-configuratiescherm. Om ze te gebruiken, moet je ervoor zorgen dat je alle storefront-updates hebt ingeschakeld via Instellingen → Wat is nieuw.

Wat is er nieuw in het Ecwid-configuratiescherm

Schakel deze updates in Instellingen → Wat is er nieuw in om de nieuwe pagina met ontwerpinstellingen te zien

Wat als ik de oudere versie van Ecwid storefront gebruik?

Als u overschakelt naar de nieuwe winkelpui, kan het uiterlijk van uw winkel volledig veranderen. Met de nieuwe ontwerpinstellingen krijgt u meer aanpassingsmogelijkheden en een aantrekkelijker uiterlijk voor uw winkel. Wees echter voorzichtig als u een self-made CSS-thema of iets anders op maat ontwikkeld storefront-functies: deze zijn mogelijk niet compatibel met de nieuwe storefront. Als u hulp nodig heeft, staat ons ondersteuningsteam voor u klaar.

Ontwerp uw online winkelpui

Je bepaalt zelf het complete uiterlijk van je productcatalogus, van productafbeeldingen tot SKU's en knoppen.

1. Kies het beste afbeeldingsformaat om uw producten onder de aandacht te brengen

Standaard zijn productafbeeldingen middelgroot, die geschikt is voor de meeste winkels.

Sommige producten bevatten belangrijke details die u wellicht wilt visualiseren (bijvoorbeeld als u sieraden of schilderijen verkoopt). Selecteer het grote afbeeldingsformaat om uw klanten uw prachtige producten en fotografie te laten bewonderen.

Als je één productsoort in een groot assortiment verkoopt (bijvoorbeeld 200 leren riemen in verschillende kleuren), houd het dan bij kleinere afbeeldingen. Uw winkel toont veel producten op het scherm en uw klanten zullen onder de indruk zijn van de keuze.

Klein, middelgroot en groot afbeeldingsformaat voor productafbeeldingen

2. Optimaliseer de beeldverhouding van uw product voor uw productafmetingen

Verkoopt u palmen? Of misschien langbenige modellen presenteren uw designerjassen? Beide zien er geweldig uit op verticale foto's.

De horizontale verhouding is geschikt voor brede producten, bijvoorbeeld schoenen, banken of voedingsrepen.

Gebruik voor ronde objecten (of bij twijfel) vierkante afbeeldingen, deze zien er altijd geweldig uit.

Verticale, horizontale en vierkante productafbeeldingen

Verticale, horizontale en vierkante afbeeldingen

Als u productafbeeldingen wilt benadrukken en deze wilt laten opvallen ten opzichte van de winkelachtergrond, selecteert u 'Afbeeldingsachtergrond donkerder maken'.

3. Kies welke productinformatie u in de winkel wilt weergeven

Net als bij productfoto's kunt u kiezen uit vele ontwerpopties voor andere winkelelementen: productnamen, titels, prijzen, SKU's, "Koop"-knoppen. Bepaal hoe u ze allemaal wilt weergeven: onder de productafbeelding of door met de muis te bewegen.

Ontwerp van productafbeeldingen in Ecwid

Geef de elementen weer onder productafbeeldingen, door ze met de muis te bewegen of verberg ze

Als u ervoor kiest om de informatie onder de productfoto's te plaatsen, is het mogelijk om de lay-out te bepalen. Lijn uw inhoud links, rechts, gecentreerd uit of vul deze uit - je bent vrij om de look te creëren die je het leukst vindt.

Verschillende lay-outs van de elementen (productnaam en prijs)

Het is ook mogelijk om elementen te verbergen. Verberg ze allemaal om uw etalage op een lookbook te laten lijken. Door op een van de productafbeeldingen te klikken, gaan uw klanten naar de productpagina.

Kies ervoor om een extra productafbeelding weer te geven als u meer details wilt tonen. Ecwid toont de eerste afbeelding uit de productfotogalerij wanneer u met de muis beweegt.

Extra productafbeelding bij muisbeweging

Deze nieuwe instellingen zorgen voor een groot aantal ontwerpvariaties voor de uitstraling van uw winkelpui.

4. Ontwerp uw winkelcategorieën

U vindt opties om het uiterlijk van uw categorieën in te stellen. Of u nu foto's, pictogrammen of merklogo's voor uw categorieafbeeldingen heeft, Ecwid heeft ontwerpopties om ze er prachtig uit te laten zien.

Ontwerp van productcategorieafbeeldingen

Categorienamen onder afbeeldingen, erop, bij zweven en verborgen

Optimaliseer productpagina's voor conversie

Nu kunt u de informatie op uw productpagina's op verschillende manieren indelen, afhankelijk van wat het beste werkt voor uw klanten. Elke ontwerpoptie is gemaakt volgens de beste e-commerce praktijken om het aantal conversies te verhogen.

1. Kies de lay-out van de productpagina

Er zijn vier nieuwe opties voor het organiseren van inhoud op uw productpagina's.

Trek de aandacht met uw productfoto's. Een plaatsen hoogwaardige De productafbeelding aan de linkerkant van uw productpagina maakt dit het eerste wat uw klanten zullen opmerken. Gebruik de 2-koloms lay-out met de productbeschrijving aan de rechterkant als u visueel aantrekkelijke producten verkoopt en korte productbeschrijvingen heeft.

De 2-koloms lay-out met aan de rechterkant de productbeschrijving

Voeg gedetailleerde productbeschrijvingen toe. Voor producten zoals elektronica of farmaceutische goederen kunnen productbeschrijvingen behoorlijk lang zijn. Selecteer vervolgens de twee kolommen lay-out met de productbeschrijving onder de afbeelding. Zelfs als u een lange handleiding voor het gebruik van uw product toevoegt, ziet de pagina er harmonieus uit.

De 2-koloms lay-out met de productbeschrijving onder de afbeelding

Benadruk de productopties en de knop 'Afrekenen'. Als uw klanten geen lange beschrijvingen hoeven te lezen of de hele galerij hoeven te bekijken om uw producten te kopen, kies er dan voor om de productopties met de afrekenknop aan de linkerkant weer te geven. Bijvoorbeeld als u kleine aquariumvisjes verkoopt.

De knop 'Toevoegen aan tas' is in focus

Minimaliseer scrollen en afleiding. A drie kolommen layout werkt als u wilt dat uw productpagina maximale informatie weergeeft zonder extra bewegingen.

De compacte 3-koloms lay-out

Je kunt ook de lay-out van je fotogalerij kiezen . Help je klanten een goed beeld van je product te krijgen met een aantrekkelijke fotogalerij. Kies de lay-out voor de miniaturen van de afbeeldingen in je galerij (verticaal of horizontaal) of toon je meest indrukwekkende foto's op volledig formaat. Hoe meer afwisselende en gedetailleerde weergaven je laat zien, hoe beter.

Indelingsopties voor fotogalerijen

3. Selecteer de productinformatie die u in de zijbalk wilt weergeven

Een converterende productpagina biedt voldoende productinformatie en houdt het toch simpel. In Ecwid kunt u de elementen (zoals SKU, productopties, deelknoppen) verbergen als u ze niet nodig heeft, zodat uw klanten niet afgeleid worden op weg naar hun winkelwagentje.

Het beste is dat je elk element kunt slepen en in elke gewenste volgorde kunt ordenen. Test veel nieuwe manieren om uw productpagina's te optimaliseren voor conversies.

Flexibele zijbalkinstellingen

Verander de navigatie en kleuren van uw winkelpui

Er zijn nog een paar winkelinstellingen die standaard zijn ingeschakeld om uw klanten te helpen bij het navigeren door uw winkel. Je kunt ze allemaal uitschakelen wanneer je maar wilt.

Als u overstapt van de oudere storefront-versie, migreren deze instellingen naar de nieuwe storefront zoals u ze voorheen had.

Adaptieve kleurmodus . Als u een Ecwid-webshop op uw website installeert, passen de kleuren van de webshop zich automatisch aan het thema van uw website aan. Uw webshop zal er dan natuurlijk uitzien als een integraal onderdeel van uw website.

Het voetermenu en de breadcrumbs helpen klanten sneller door uw webwinkel te navigeren en voorkomen dat ze verdwalen.

De teken-in link stelt klanten in staat in te loggen op hun profiel om hun bestellingen te bekijken en de verlanglijst te gebruiken.

Met de sorteeropties kunnen uw klanten uw producten sorteren op prijs, naam en andere criteria.

Andere manieren om uw Ecwid-winkelontwerp te veranderen

De nieuwe ontwerpinstellingen omvatten de meest voorkomende gebruiksscenario's. Als u uw winkel op andere manieren wilt wijzigen:

Als je een aangepast thema voor je winkel nodig hebt zonder codering, probeer het dan ontwerp apps van de Ecwid App Market (beschikbaar op betaalde Ecwid-abonnementen, app-prijzen zijn van toepassing).
Maak een aangepast CSS-thema (een set regels die het uiterlijk van elk element in de winkel bepaalt, zoals de grootte, vorm of kleur). Het maken van een CSS-thema vereist bepaalde technische kennis. Er is een gids voor CSS-thema's in de Ecwid Knowledge Base waarin wordt uitgelegd hoe u uw eigen CSS-thema kunt maken en instructies voor het wijzigen van specifieke elementen. U kunt het Ecwid-klantenserviceteam altijd om hulp vragen, of Bestel de ontwikkeling op maat van uw eigen CSS-thema.
Voor ontwikkelaars: gebruik de Ecwid Javascript-API om de Ecwid-winkelfuncties uit te breiden. U kunt een nieuw CSS-thema of een app bouwen en deze verkopen op de Ecwid App Market. Met de Ecwid Javascript API kunt u het uiterlijk van de winkel volledig veranderen, waardoor de veranderingen zo diep gaan als u nodig heeft. Als u klaar bent om te beginnen, alstublieft registreer u op onze pagina voor ontwikkelaars.

Krijg een website voor uw bedrijf

Uw Ecwid-winkel ziet er geweldig uit, maar u heeft geen website om op te verkopen?

Instant Site is een websitebouwer die Ecwid biedt wanneer u uw Ecwid-account aanmaakt. Dit wordt gedaan om u snel online te laten verkopen op een nette webpagina en direct winst te laten maken om uw bedrijf te laten groeien.

Over design gesproken, Instant Site is gebouwd met pasklaar blokken (de omslagafbeelding, het logo, de online winkel, het gedeelte ‘Over ons’, klantfeedback en contacten) die u kunt in-, uitschakelen en aanpassen.

Als u uw Instant Site moet aanpassen, wie gaat u dan bellen? Nou ja, niemand! U kunt de hele website zonder speciale kennis bewerken, met behulp van uw desktopcomputer of zelfs via de Ecwid Mobile winkelbeheer-app voor iOS.

Bouw vandaag nog uw Instant Site met behulp van onze stap voor stap gids.