Gratis versie

Zoals gezegd, bevat de gratis versie eigenlijk al alles wat je nodig hebt om een leuke webshop te bouwen.
Het enige wat ik jammer vindt, is dat je géén extra velden kunt toevoegen. Hiervoor moet je minimaal de Essential versie hebben.

Desondanks laat ik je in deze tutorial zien hoe je een webshop maakt met Hikashop, de gratis versie.

  1. Installeren
  2. Wizard
  3. Dashboard
  4. Configuratie
  5. Categorieën
  6. Producten
  7. Winkelwagen
  8. Badges
  9. Coupons
  10. Installeren

Het installeren van Hikashop doe je door de shop te downloaden en deze in Extensies - Beheren - Installeren te uploaden en te installeren.
Wat je wél even apart zou kunnen downloaden is het taalbestand (als je wilt dat Hikashop in de Nederlandse taal is).

Ik vind het altijd prettig om de Nederlandse taal te gebruiken, zeker bij zulke uitgebreide extensies.

Na het installeren moet je het taalbestand wat je hebt gedownload uploaden naar de map languages/nl-NL. Dit doe je bijvoorbeeld met Filezilla.

Wizard

Waneer je Hikashop hebt geïnstalleerd, krijg je een wizard. Deze wizard vraagt welke configuratie je wilt gebruiken, zoals of je jouw producten als module (bijvoorbeeld links) of direct op de homepage wilt laten zien.

wizard

Tevens vraagt deze wizard de naam van jouw webshop in te vullen, valuta, betaal methode e.d.

Voor deze tutorial heb ik de wizard overgeslagen, dit kun je doen door op Skip te klikken links bovenin.

Dashboard

Wanneer je klaar bent met de wizard kom je op het Dashboard van Hikashop. Hier kun je o.a. de laatste bestellingen zien én de verkopen van deze maand.

Verder heb je onderin allemaal knoppen die rechtstreeks naar de betreffende secties gaan. Bovenin heb je een balk met een menu met meer uitgebreide functionaliteiten.

Configuratie

De configuratie ga ik niet met je doornemen. Dit is namelijk voor iedereen weer anders en afhankelijk wat je wilt.
In ieder geval kun je in de configuratie aangeven hoe de betaling moet verlopen, de algemene gegevens van de webshop (zoals het e-mailadres waar de e-mail naartoe gaat als er een bestelling is geplaatst) e.d.

Ik zou zeggen, lees het gewoon eens door en pas het naar jouw wensen aan.

Euroteken

Standaard binnen Hikashop staat het euroteken ná de prijs i.p.v. ervoor. Dit passen we aan bij Valuta's.

Klik in de Dashboard van Hikashop op Valuta's en klik dan op Euro.

euroteken

Zet het "symbool voorafgaand aan positieve waarde" én "symbool voorafgaand aan negatieve waarde" op Ja en sla het op.

eurogewijzigd

Eigenschappen

In deze tutorial maak ik een webshop met kleding. Wat dan echt een must is, is dat je kunt kiezen voor de maat.
Dit doe je door eigenschappen aan te maken.

Ga hiervoor in het Hikashop menu naar Producten - Eigenschappen.

Maak een nieuwe eigenschap aan. Geef de eigenschap een naam (bijvoorbeeld Maat), en voeg de waardes toe (bijvoorbeeld S, M, L, XL).

Sla de eigenschap op.

Categorieën

Als mensen in jouw webshop komen, wil je ze eigenlijk direct laten filteren naar wat ze zoeken. Bijvoorbeeld ik ben een dame, dus wil ik dameskleding kunnen filteren.
Dus beginnen we met het maken van categorieën.

Klik op de knop Categorieën in het dashboard van Hikashop en maak een nieuwe categorie aan. We maken eerst de hoofdcategorieën aan (bijvoorbeeld Dames, Heren en Kinderen).

categorie

Wat belangrijk is om te weten, is dat je in de gratis versie van Hikashop maar één laag subcategorieën kunt gebruiken. Dus de hoofdcategorie moet in de Root staan. Standaard staat deze op product category, maar die wil je dus niet gebruiken omdat je anders géén subcategorieën kunt gebruiken.

hoofdcategorie

Als je de hoofdcategorieën hebt aangemaakt, klik je op één hoofdcategorie en ga je subcategorieën aanmaken (bijvoorbeeld in de hoofdcategorie Dames, maak ik subcategorieën Jassen, Broeken, Tops en Truien).

subcategorie

Waar je wel even op moet letten is dat alle categorieën ook een alias krijgen. Dit is wat mensen zien in de adresbalk van de browser. Dus bijvoorbeeld de categorie Broeken krijgt automatisch de alias broeken.
Maar als jij in de hoofdcategorie Heren ook een subcategorie Broeken aanmaakt dan zouden er twee categorieën zijn met de alias broeken, en dat kan niet.

Daarom moet je bij de categorie onderin bij Alias handmatig de alias invullen, bijvoorbeeld heren-broeken of herenbroeken.

titelalias

Verder is het belangrijk om bij alle categorieën de metadata in te vullen. Dit is voor Google weer handig als mensen zoeken naar Dames Jassen, dat ze wél jouw dames jas kunnen vinden.

Ook kun je per categorie nog afbeeldingen toevoegen.

Als je de categorieën hebt gemaakt, kunnen we verder met de producten. Maar je kunt natuurlijk later altijd nog categorieën toevoegen of verwijderen.

Producten

Als je op de knop Producten in het dashboard van Hikashop klik zie je links de verkenner met de categorieën die jij hebt aangemaakt.
Wanneer je een product wilt toevoegen moet je eerst naar de juiste categorie gaan door erop te klikken.

categorieen

Klik dan vervolgens op Nieuw om een nieuw product toe te voegen.

Een product toevogen wijst eigenlijk voor zich. Je voegt een titel toe, afbeeldingen, vult de prijs in etc.

Vervolgens ga je onderin naar Specificaties en klik op de plus. Kies daarna bij Eigenschappen voor Maat (die we eerder hebben aangemaakt) en geef een standaard waarde op (bijvoorbeeld S).
Klik daarna op Opslaan om de eigenschap toe te voegen.

Om nu aan te geven welke eigenschappen er beschikbaar zijn voor dit product, ga je bovenin je product naar Varianten. Hier moet je aangeven welke varianten er (in dit geval maten) beschikbaar zijn.

varianten

Klik op Voeg variant toe en selecteer welke maat er beschikbaar is. Vervoglens klik je op opslaan. Zo kies je alle varianten die er beschikbaar zijn.

Sla je product op.

Als we nu aan de voorkant van de websiite kijken zien we al de categorieën die we gevuld hebben met producten (mits jij de wizard hebt doorlopen, anders moet je handmatig de modules publiceren).

module
Ik heb nu alleen bij de Dames een product ingevuld, dus als ik kijk zie ik alleen de categorie Dames. Als ik daarop klik zie ik alleen Jassen er onder en zie ik in het content veld alle categorieën die in de hoofdcategorie Dames staan.

Naar mate we meer gaan vullen zal je ook meer categorieën zien.

Ik maak op de testsite gebruik van de module Categories on 1 level, deze heb ik aan de rechterkant staan. Maar je kunt natuurlijk ook (afhankelijk van jouw template en configuratie) andere modules laten zien, of direct op je homepage.

Winkelwagen

Als je een echte webshop wilt bouwen (sommige mensen willen alleen een catalogus, en daar is Hikashop ook heel geschikt voor), dan wil je ook de winkelwagen gebruiken. Hiervoor moet je in Joomla bij Modules de Hikashop Cart Module publiceren.

winkelwagen

betalen

Badges

Natuurlijk wil je soms ook korting geven op een bepaald product, of aangeven dat het een nieuw product is. Hiervoor gebruikt Hikashop Badges.

Eventueel kun je gratis icons downlaoden die je kunt aanpassen en daar badges van maken.

Oké, ik wil dus een korting geven van 15%, maar alleen in de maand oktober.

Hiervoor moeten we eerst een korting aanmaken. Ga in het Hikashop menu naar Bestellingen - Kortingen. In dit geval maken wij het een percentage en laten we op de code na alles leeg.
De code is de naam van de korting.

Vervolgens gaan we een badge aanmaken. Deze vind je bij Producten - Badges. Maak een nieuwe badge aan, geef hem een naam (bijvoorbeeld oktober aanbieding).
Selecteer een start-en einddatum en geef bij product of categorie aan voor welke producten de korting geldt.
Bij korting vul je de korting in die we net gemaakt hebben.

Voeg de afbeelding (icon) toe die je wilt gebruiken en geef aan op welke positie hij moet komen. (Deze komt dan op de afbeelding te staan van het product.)

Sla de badge op. Je zult zien dat alle producten die jij hebt aangegeven nu de korting badge laten zien.

Coupons

Je kunt ook een coupon aanmaken. Bijvoorbeeld: Je wilt een Facebook actie houden. De eerste 20 mensen die via Facebook een product kopen krijgen 15% korting.

Ga hiervoor naar bestellingen - Coupons. Geef de coupon een naam (bijvoorbeeld Facebook), vul de percentage in. Vul bij Aantal keer gebruikt 20 in (zodat maximaal 20 mensen deze coupon kunnen gebruiken).
Geef eventueel een start-en einddatum op.

Als mensen nu een bestelling doen en in de winkelwagen de coupon code Facebook opgeven, krijgen zij 15% korting op de totale prijs.

coupon
 

Nou volgens mij heb ik zo wel veel van de functies binnen Hikashop met je doorgenomen, maar mocht je er toch niet uitkomen, laat rustig een reactie achter.
Dan help ik je verder op weg.

Welk component gebruiken jullie om een webshop mee te maken?

0
0
0
s2smodern