Hoe u een BigCommerce-thema gebruikt om uw online winkel te ontwerpen

Het openen van een online winkel is een geweldige manier om te beginnen met het verkopen van uw producten of het uitbreiden van uw bestaande klantenbestand. In de wereld van eCommerce-platforms is BigCommerce een van de populairste die u niet alleen in staat stelt om uw winkel te lanceren, maar ze tegelijkertijd ook op plaatsen zoals e-Bay, Amazon en Facebook te verkopen en op de markt te brengen..

Afgezien van verkopen op meerdere kanalen, krijg je ook toegang tot een uitgebreide set marketingfuncties, compleet beheer van je inventaris, SEO-tools en prachtige thema's waarmee je je winkel naar een hoger niveau kunt tillen en de producten in een georganiseerd jasje kunt presenteren. mode.

Als u nog niet bekend bent met BigCommerce, volgt dit artikel de stappen van het gebruik van een BigCommerce-thema om uw online winkel snel te ontwerpen en uw producten in stijl te verkopen.

Hoe u een top BigCommerce-thema gebruikt om uw online winkel te ontwerpen. (Jouw winkel)

Als u echter een inleiding nodig hebt over wat de krachtige functies van BigCommerce zijn en waarom u zou moeten overwegen dit als uw online winkelplatform te gebruiken, lees dan eerst dit artikel: 

Laten we nu beginnen met de tutorial van vandaag, door te beginnen met hoe u het beste eCommerce-thema kiest om uw online winkel te ontwerpen met: 

Hoe u het juiste BigCommerce-thema kiest (voor uw online winkel)

Met veel BigCommerce-thema's beschikbaar, kan het kiezen van de juiste voor uw winkel in eerste instantie afschrikwekkend lijken. Maar er zijn een paar snelle tips die uw proces gemakkelijker kunnen maken:

  • Krachtige functies - Zoek naar een eCommerce-thema met functies zoals mega-menu's, prijsfiltering en snelle productweergave. Met deze functies kunt u niet alleen al uw categorieën in het menu plaatsen zonder uw hoofdnavigatiebalk te vervellen, maar uw bezoekers ook toegang geven tot de gewenste categorieën en producten bekijken en aan hun winkelwagentje toevoegen zonder door te klikken naar de productpagina..
  • Reagerend ontwerp - Kies een websitethema dat reageert, zodat uw klanten probleemloos kunnen winkelen, zelfs als ze hun tablet of smartphone gebruiken
  • Eenvoudig aanpassen - Zorg ervoor dat het sitethema kan worden aangepast, zodat u uw merk naadloos kunt integreren en uw winkel kunt onderscheiden in de concurrentie
  • Bevat bloggen hulpmiddelen - Overweeg een eCommerce-thema met een blogoptie, waarmee u de zichtbaarheid van uw winkel in zoekmachines kunt vergroten en waarmee u uw producten kunt promoten.
  • Modern ontwerp - Negeer het ontwerpaspect van het thema niet. Zorg ervoor dat het thema dat u kiest, een aantrekkelijk ontwerp heeft dat bij uw niche past. U kunt ook een multifunctioneel thema kiezen, want deze zijn ontworpen om goed te werken in verschillende niches

Vind de beste BigCommerce-thema's met prachtige moderne eCommerce-ontwerpen, die worden genoemd in dit samengestelde artikel over Envato Tuts +: 

Nu u weet waar u op moet letten bij een thema, laten we u bespreken hoe u er een kunt gebruiken om uw online winkel te ontwerpen. We nemen een innovatief online winkelthema uit het bovenstaande artikel en laten u zien hoe u het snel kunt instellen.

Hoe te beginnen met het opzetten van uw online winkelontwerp

Zodra u het door u gekozen BigCommerce-thema hebt gekocht, downloadt u het zipbestand naar uw computer. Voor deze tutorial gebruik ik het thema-ontwerp van YourStore BigCommerce, maar je bent vrij om een ​​thema te gebruiken dat je het meest aanspreekt.

YourStore - Premium BigCommerce-themaontwerp.

1. Installeer het BigCommerce-thema van derden

Als u met het ontwerpen van uw winkel wilt beginnen, pakt u de map die u hebt gedownload uit en opent u deze. Je vindt de documentatiemap en de themamap met het zipbestand dat je moet uploaden naar je BigCommerce-website.

Uw thema uploaden.

Log in op uw site en klik vervolgens op Storefront> Mijn thema's in het menu aan de linkerkant. Je hebt al een thema voor je geïnstalleerd door BigCommerce, maar als je naar beneden scrolt, zie je een knop waarmee je een thema van een derde kunt uploaden. Klik op de Thema uploaden knop.

Zodra de ZIP bestand is geüpload, er verschijnt een themakaart onder Mijn thema's de voortgang van de themaverwerking laten zien. Wanneer het thema klaar is met verwerken, verschijnt het in uw dashboard en hoeft u alleen maar op het thema te klikken en vervolgens op de knop te klikken. Van toepassing zijn knop om het actief te maken op uw site.

Uw nieuwe BigCommerce-thema toepassen.

Nu uw nieuwe eCommerce-thema actief is, stellen we de nodige pagina's in voordat u kunt aanpassen hoe uw site eruitziet.

2. Stel uw BigCommerce-themapagina's in

Standaard zijn er al enkele pagina's ingesteld wanneer u zich aanmeldt voor BigCommerce. U kunt nieuwe pagina's bekijken en maken Storefront> Webpagina's. De standaardpagina's omvatten Verzenden en Komt terug, Contact pagina en de blog pagina. Als u op een paginanaam klikt, gaat u naar de editor waar u de standaardtekst kunt vervangen door uw eigen tekst of deze kunt aanpassen aan uw winkel.

Het bewerken van bestaande BigCommerce-themapagina's is eenvoudig.

U kunt ook SEO-informatie invoeren voor de pagina onder de gevorderd opties en bepaal hoe de pagina in het navigatiemenu wordt weergegeven. Als je klaar bent met het bewerken van een van de pagina's, klik je gewoon op Opslaan en Uitgang om uw wijzigingen op te slaan.

Extra pagina's maken zoals een Wat betreft pagina vereist dat u op klikt Maak een nieuwe pagina. U kunt vervolgens beslissen of deze pagina een echte pagina is of naar een andere website verwijst, de inhoud invoert, de SEO-opties configureert en bepaalt hoe deze wordt weergegeven in het navigatiemenu.

Ten slotte selecteert u de blog pagina kunt u het standaard blogbericht bewerken en nieuwe blogberichten maken. Zoals u kunt zien aan de hand van de onderstaande schermafbeelding, kunt u in de berichteditor de titel, de auteur en de inhoud van uw blogbericht invoeren. U kunt afbeeldingen uploaden en een miniatuurafbeelding kiezen die wordt weergegeven als de aanbevolen afbeelding voor uw bericht.

Uw opties bij het maken van een nieuw blogbericht in BigCommerce.

Zodra u klaar bent met het bewerken en toevoegen van nieuwe pagina's, is het tijd om uw online winkelontwerp aan te passen.

Hoe u uw BigCommerce-thema snel kunt aanpassen

Het ontwerp van uw winkel aanpassen omvat verschillende stappen: het thema zelf aanpassen, uw logo uploaden, de carrousel van de startpagina bewerken om uw productafbeeldingen toe te voegen en uw links naar sociale media toevoegen.

Ga naar voor toegang tot de aanpassingsopties Storefront> Mijn thema's en klik vervolgens op de Aanpassen knop op uw actieve thema.

Aanpassen van het thema van BigCommerce is vrij eenvoudig. 

In het zijbalkmenu in het aanpassingsscherm kunt u een andere stijl van het thema kiezen, de lettertypen, kleuren, logo-afmetingen, formulieren en meer wijzigen.

De Design Editor is supergemakkelijk in gebruik. 

U kunt zelfs de pictogrammen op uw website wijzigen en uw kleuren instellen, zodat u ze gemakkelijk in andere delen van uw winkel kunt gebruiken.

Uw eigen logo configureren. 

Met de editor kunt u ook bepalen hoeveel producten op uw startpagina worden weergegeven, hoeveel productrecensies op afzonderlijke productpagina's worden weergegeven en meer.

Ten slotte kunt u de themabestanden ook bewerken als u de weg weet door de code en de site echt wilt aanpassen. Nadat u de gewenste wijzigingen hebt aangebracht, klikt u op Wijzigingen opslaan.

Wanneer u klaar bent met het aanpassen van het uiterlijk van uw site, navigeert u naar Storefront> Logo om een ​​logo-afbeelding en een favicon voor uw site te uploaden.

De volgende stap is het aanpassen van de startcarrousel. Om dat te doen, selecteert u de Home Page Carrousel link. Op het volgende scherm kunt u uw eigen afbeeldingen uploaden, deze opnieuw rangschikken en de tekstoverlay beheren die op de afbeeldingen wordt weergegeven.

De startcarrousel instellen in BigCommerce.

Navigeer tenslotte naar Social Media Links en voer de links naar uw sociale media-profielen in. Hiermee kunt u beginnen met het bouwen van uw volgers en uw klanten bereiken op hun voorkeursplatform om hen op de hoogte te houden van de nieuwste producten die aan uw winkel zijn toegevoegd of speciale promoties. U kunt maximaal zes profielen toevoegen en deze rangschikken zoals u maar wilt.

U kunt maximaal 6 koppelingen naar sociale media-profielen toevoegen. 

Hoe u uw eerste product aan uw online winkel kunt toevoegen

Zodra uw BigCommerce-thema is ingesteld, kunt u beginnen met het toevoegen van producten aan uw winkel en het configureren van productopties. 

Navigeer in uw BigCommerce-dashboard naar producten. Wanneer u zich aanmeldt voor BigCommerce, heeft u al een aantal voorbeeldproducten ingesteld. 

Het menu boven de productlijst geeft u de mogelijkheid om alle producten te bekijken of om uw afgebeelde artikelen of producten te zien die gratis verzending hebben. Dit is een handige functie waarmee u snel het gewenste product kunt vinden en later kunt bewerken.

Modelleer uw nieuwe producten na de meegeleverde voorbeeldproducten.

Om een ​​nieuw product toe te voegen, kunt u op een van de voorbeeldproducten klikken en de informatie met uw eigen producten bewerken. Op het bewerkscherm kunt u de productnaam, belastinginformatie, productcategorie en een beschrijving van het product invoeren. 

U kunt ook afbeeldingen en video's uploaden die uw producten presenteren, productopties zoals formaten en kleuren configureren, bulkprijzen instellen en meer.

Hier is uw mening voor het bewerken van producten. 

Wanneer u klaar bent met het bewerken van het product in BigCommerce, kunt u het opslaan. Of u kunt op de pijl naast de knop Opslaan klikken voor extra opties, zoals Opslaan en dupliceren.

Als u liever helemaal opnieuw wilt beginnen, klikt u gewoon op producten en dan Toevoegen om een ​​volledig nieuw product in te voegen. U kunt de voorbeeldproducten vervolgens verwijderen door ze te selecteren en op de knop te klikken Verwijder icoon.

5 ontwerptips om meer uit uw online winkel te halen

Met uw BigCommerce-thema aangepast en uw producten toegevoegd aan uw winkel, is het grootste deel van uw aanpassing voltooid. Er zijn echter belangrijke eCommerce ontwerptechnieken die zullen helpen om uw conversieratio te verhogen. Hier zijn vijf snelle ontwerptips die u kunt toepassen op uw online winkel:  

1. Gebruik afbeeldingen van hoge kwaliteit

Als het gaat om eCommerce, zijn productafbeeldingen het belangrijkste element op uw website. Dit is niet de plek om kleine of wazige afbeeldingen te gebruiken. Zorg er in plaats daarvan voor dat uw afbeeldingen uw producten recht doen. 

Uw afbeeldingen moeten goed verlicht zijn en groot genoeg om uw producten duidelijk weer te geven. Zorg er wel voor dat u uw afbeeldingen optimaliseert voordat u ze naar uw site uploadt om er zeker van te zijn dat de afbeeldingsgrootte uw website niet vertraagt.

Kom alles te weten over productfotografie in onze serie over Envato Tuts +, of ga aan de slag met de zelfstudie hieronder: 

2. Kies Contrastkleuren voor uw knoppen

Zorg ervoor dat uw knoppen opvallen tussen de rest van uw site. Dit geldt ook voor uw koopknoppen en elke andere call-to-action-knop. Door een contrasterende kleur te gebruiken, kunnen uw bezoekers ze meer opmerken, wat de kans vergroot dat ze daadwerkelijk klikken en een aankoop doen.

3. Zorg dat uw thema responsief is

Uit veel online onderzoek blijkt dat meer mensen hun mobiele apparaten niet alleen gebruiken om hun onderzoek te starten, maar ook om verschillende producten te kopen. Het is ook vermeldenswaard dat zoekmachines de voorkeur geven aan mobielvriendelijke sites. 

Wanneer u dat in overweging neemt, is het gemakkelijk te begrijpen waarom uw webwinkel er goed uit moet zien, ongeacht welk apparaat uw bezoekers gebruiken. Als u uit de doos een responsief BigCommerce-thema kiest, bespaart u de moeite en voorkomt u dat uw bezoekers uw site verlaten..

Houd er rekening mee dat BigCommerce u ook toestaat om aan te passen hoe uw winkel eruit ziet op mobiele telefoons, tablets en desktopcomputers, zodat u eenvoudig uw thema kunt testen en kunt zien of alles werkt zoals het zou moeten over verschillende schermafmetingen.

4. Vermijd het rommeligen van uw site

Een van de grootste fouten die u kunt maken, is de pagina's van uw winkel vol te zetten met navigatielinks en te veel producten op één pagina. Met BigCommerce kunt u het aantal producten dat op uw startpagina wordt weergegeven, en het aantal beoordelingen op afzonderlijke productpagina's afstemmen. Vermijd het instellen van dit aantal te hoog omdat het uw bezoekers zal afleiden en ertoe zal leiden dat u uw site verlaat.

U moet er ook voor zorgen dat uw hoofdnavigatie alleen de belangrijkste pagina's en categorieën op het hoogste niveau weergeeft, zodat uw klanten gemakkelijker door uw site kunnen navigeren. Gebruik een thema met een mega-menufunctie om subcategorieën toe te voegen en deze weer te geven als vervolgkeuzemenu zonder uw site te overbelasten.

Zorg ervoor dat u alleen de beste producten op uw site gebruikt: 

5. Maak gebruik van de Quick View-functie

Veel BigCommerce-thema's worden geleverd met een ingebouwde quick view-functie. Hierdoor kunnen uw klanten op elk product klikken en meteen alle productdetails bekijken. Ze kunnen het artikel ook rechtstreeks aan hun winkelwagentje toevoegen en vervolgens doorgaan met afrekenen of doorgaan met winkelen. 

Door deze functie te gebruiken hoeven ze niet door te klikken naar de productpagina, wat de winkelervaring vereenvoudigt en de kans vergroot dat ze de aankoop doen. Koppel dat met een afhandeling van één pagina om het winkelen nog eenvoudiger te maken en de conversieratio voor uw online winkel te verhogen.

Conclusie: snel een geweldige online winkel maken met BigCommerce

Door uw winkel op de juiste manier te starten, vergroot u uw kans op succes en wordt het gemakkelijker uw producten op een aantrekkelijke manier weer te geven. Gelukkig is BigCommerce een geweldig platform met veel functies om je te helpen bij het opzetten van je winkel en direct online te gaan verkopen. 

Gebruik de bovenstaande tips om het juiste eCommerce-thema voor uw winkel te kiezen en aan te passen aan uw merk.

Als je nog steeds in de onderzoeksfase zit om te overwegen welk type online winkel je wilt lanceren, lees dan deze uitgebreide tutorial van de hoofdredacteur van BigCommerce Tracey Wallace. Leer alles over de belangrijkste beslissingen die u moet nemen als u aan de slag gaat: 

Welke belangrijke functies gaan naar uw online winkelontwerp? Heb je een tijdlijn ingesteld om te starten en ben je op het doel om erop te slaan? Veel succes met het starten van uw online winkel.