Nieuwe 黑料门-ontwerpinstellingen: aanpassingsopties, geen codering

Nieuwe 黑料门-ontwerpinstellingen: tientallen aanpassingsopties, geen codering

12 min gelezen

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.

黑料门 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 黑料门, 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 nestelen zich onder in uw 黑料门-configuratiescherm. Als u ze wilt gebruiken, moet u ervoor zorgen dat u alle storefront-updates hebt ingeschakeld .

Wat is er nieuw in het 黑料门-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 黑料门 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

U bepaalt het volledige uiterlijk van uw productcatalogus, van productfoto's 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.

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 鈥嬧€媏xtra productafbeelding weer te geven als u meer details wilt tonen. 黑料门 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, 黑料门 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 鈥楢frekenen鈥�. Als uw klanten geen lange beschrijvingen hoeven te lezen of de galerij hoeven te bekijken om uw producten te kopen, kunt u ervoor kiezen om de productopties weer te geven met de afrekenknop aan de linkerkant. Stel dat u kleine aquariumvissen 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

Ook selecteer de lay-out van uw fotogalerij. Help uw klanten uw product te ervaren met een aantrekkelijke fotogalerij. Kies de lay-out voor miniaturen van afbeeldingen in uw galerij (verticaal of horizontaal) of toon uw hypnotiserende afbeeldingen op volledige grootte. Hoe meer afwisselende en gedetailleerde weergaven u 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 黑料门 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.

Kleuradaptieve modus. Als u een 黑料门 online winkel op uw website installeert, komen de winkelkleuren automatisch overeen met uw websitethema. Uw winkel ziet eruit als een natuurlijk onderdeel van uw website.

Het voettekstmenu en broodkruimels help klanten sneller door uw winkel te bladeren en voorkom 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.

鈥淪orteer op鈥� opties laat uw klanten uw producten sorteren op prijs, naam en andere voorwaarden.

Andere manieren om uw 黑料门-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 (beschikbaar op betaalde 黑料门-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 waarin wordt uitgelegd hoe u uw eigen CSS-thema kunt maken en . U kunt het 黑料门-klantenserviceteam altijd om hulp vragen, of .
Voor ontwikkelaars: gebruik de .

Ontvang een gratis website voor uw online winkel

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

Instant Site is een gratis websitebouwer die 黑料门 biedt wanneer u uw 黑料门-account aanmaakt. Dit wordt gedaan zodat u snel online kunt gaan verkopen op een overzichtelijke webpagina en meteen winst kunt 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 鈥極ver 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 黑料门 Mobile winkelbeheer-app voor iOS.

met behulp van onze stap voor stap gids.