De homepage van Jewelry Kidz aanpassen deel 1

Maat: px

Weergave met pagina beginnen:

Download "De homepage van Jewelry Kidz aanpassen deel 1"

Christina Bogaerts
6 jaren geleden
Aantal bezoeken:

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

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.

1 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

1 Onderdelen Pagina dashboard 1. Open links het Webshop dashboard en klik op Pagina s 2. Klik in het midden op Home pagina 1 2 4 3 Het Pagina dashboard bestaat uit een aantal onderdelen: 1.

2 1 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

3 2 1 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

Als je nog een leuk teken voor de tekst zou

je de code aanpassen. 4. Klik op Broncode 5.

Klik op het vinkje om op te slaan Rechtsboven

- Aanbiedingen - Contact Je gaat een headerlink

Klik in het Webshop dashboard op Header en daarna

4 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

5 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

6 13. Sleep de tabbladen HORLOGES en ARMBANDEN onder JONGENS Laat beide tabbladen inspringen 14. Sleep JONGENS vervolgens bovenaan de lijst 15. Bekijk het resultaat

Klik in het Webshop dashboard op Header en daarna op Tabbladen 17.

7 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

17. Verwijder het dropdown-menu en zet alle tabbladen weer terug in de oorspronkelijke volgorde. Het verwijderde tabblad maak je niet opnieuw aan.

8 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

Vergelijkbare documenten

myshop De homepage van Bouwshopper aanpassen deel 1

myshop De homepage van Bouwshopper aanpassen deel 1 De homepage van Bouwshopper 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