myShop

De homepage van Jewelry Kidz aanpassen – deel 1

Wat leer je in dit hoofdstuk: - Waaruit het Pagina dashboard bestaat - Hoe je de onderdelen van de header aanpast

Inleiding De homepage is de meest belangrijke pagina van de webshop. Klanten zullen deze pagina vaak als eerste bekijken om te bepalen of ze op het juiste adres zijn. Je kan de homepage vergelijken met de etalage van een stenen winkel. Bezoekers bepalen in ongeveer zeven seconden of de webwinkel er vertrouwd uitziet en de look en feel bij hen past. Zo niet…dan komt de klant waarschijnlijk nooit meer terug.

Verander regelmatig Een webshop zal zijn homepagina regelmatig veranderen: nieuwe content, andere aanbiedingen, nieuwe banners. Een site waar regelmatig iets nieuws is te vinden zal klanten aansporen terug te keren. Ook Google vindt dat belangrijk. Pas op dat je niet de structuur verandert! Laat je menu’s en zoekbalken met rust. Als een klant de weg niet meer weet zal deze kunnen afhaken.

Je gaat nu de bestaande homepagina van de bouwshopper aanpassen.

B

myShop

Onderdelen Pagina dashboard

1. Open links het “Webshop dashboard” en klik op “Pagina’s”

2. Klik in het midden op “Home pagina” Het Pagina dashboard bestaat uit een aantal onderdelen:

1. In de linkerbalk kan je de verschillende onderdelen van de pagina aanroepen. De belangrijkste voor ons zijn: - Header - Pagina editor - Footer

2. Boven in het middenblok zie je de inhoud die je kan toevoegen aan een pagina

3. Onder in het middenblok zie je de inhoud die is toegevoegd aan de homepage

4. In de rechterbalk bevindt zich een help-functie

1

1 2

3

4

myShop Header Je gaat nu een aantal onderdelen van de header aanpassen. In de header kan je de volgende onderdelen aanpassen:

1. Het logo kan aanpassen 2. Tekst in de header (demoshop van myShop.com) 3. Links naar pagina’s of informatie 4. Tabbladen in het menu

Aanpassen Header

1. Klik in het “Webshop dashboard” op “Header”

Het logo heb je in een eerdere cursus aangepast. Dat ga je niet nogmaals doen. Je gaat nu de tekst in de header aanpassen. 2. Klik nu op “Tekst”

3. Vervang de tekst door de onderstaande opsomming. Let op: je moet er wel

een opsomming van maken! • Geen verzendkosten • Vandaag besteld, morgen geleverd • Veilig en gemakkelijk betalen

2

1

3 4

2

myShop

Als je nog een leuk teken voor de tekst zou willen, bijvoorbeeld een ✔ (check-teken) , dan moet je de code aanpassen.

4. Klik op “Broncode”

5. Typ de volgende code voor de teksten: “ ✔ ”

6. Klik op het vinkje om op te slaan

Rechtsboven (direct onder de tekst) vind je de links: - Home - Aanbiedingen - Contact

Je gaat een headerlink toevoegen

7. Klik in het “Webshop dashboard” op Header” en daarna op “Header links”

8. Typ in het vak “Nieuw tabblad toevoegen” het woord “Voorwaarden”

9. Klik op “” om te bevestigen

myShop Het dialoogvenster hiernaast opent zich nu automatisch. Je gaat nu de headerlink instellen. 10. Geef aan bij de optie “Wanneer er

geklikt wordt op het tabblad” dat je naar de pagina “Voorwaarden” moet linken. Maak hierbij gebruik van het lijstpijltje.

11. Klik op “Opslaan” en bekijk het resultaat Het laatste onderdeel dat je kan instellen in de header zijn de hoofdmenu-tabbladen. Je ziet er nu acht:

• KETTINGEN • ARMBANDEN • OORBELLEN

• RINGEN • HORLOGES • JONGENS

• SIERADENDOZEN • KADOBONNEN

Een webshop werkt het best als hij eenvoudig en duidelijk is opgebouwd. Klanten moeten binnen een paar clicks zijn bij de informatie die ze nodig hebben.

Tabbladen

- Het maximaal aantal tabbladen dat wordt geadviseerd is zeven (minder mag).

- Zorg er ook voor dat een tabblad nooit uit meer dan twee woorden bestaat

- Link alleen naar de echt belangrijke pagina’s. Je gaat er nu voor zorgen dat het menu je webshop:

- Minder tabbladen heeft - Een dropdown-menu krijgt

Onder het onderdeel JONGENS gaan de onderdelen HORLOGES en ARMBANDEN gaan.

12. Klik op “Header” en daarna op “Tabbladen”

LET OP: Je ziet nu ook het tabblad HOME staan. Daar moet je verder vanaf blijven. Home staat verplicht in deze lijst. Deze is met een trucje op de webshop onzichtbaar gemaakt

myShop

13. Sleep de tabbladen “HORLOGES” en “ARMBANDEN” onder “JONGENS” Laat beide tabbladen inspringen

14. Sleep “JONGENS” vervolgens bovenaan de lijst

15. Bekijk het resultaat

myShop Je kan een pagina of een link simpel aanpassen. Je gaat dit nu niet doen, maar we laten wel zien hoe het moet. Je klikt op het potloodje achter de pagina die je wilt hernoemen of een pagina aan wilt koppelen

16. Klik in het “Webshop dashboard” op “Header” en daarna op “Tabbladen ”

17. Sleep de tabbladen “IJzerwaren”en “Verf” onder het tabblad “Bouw”. Laat beide tabbladen inspringen.

Je gaat nu het tabblad “SIERADENDOZEN” verwijderen

16. Klik achter het tabblad “SIERADENDOZEN” op de prullenbak

myShop

17. Verwijder het dropdown-menu en zet alle tabbladen weer terug in de oorspronkelijke volgorde. Het verwijderde tabblad maak je niet opnieuw aan. (Let op: van het tabblad “Home” moet je nog steeds afblijven)

18. Als het goed is ziet je header er nu uit zoals het eindresultaat Eindresultaat

Einde Deel 1