myshop De homepage van Bouwshopper aanpassen deel 1

Maat: px

Weergave met pagina beginnen:

Download "myshop De homepage van Bouwshopper aanpassen deel 1"

Alexander Beckers
6 jaren geleden
Aantal bezoeken:

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

Je kan de homepage vergelijken met de etalage van een stenen winkel. Bezoekers bepalen in ongeveer 7 seconden of de webwinkel er vertrouwd uitziet en de look en feel bij hen past.

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

Tabbladen in het menu 4 3 2 Aanpassen Header 1.

3 Header 2 1 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 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. Wijzig de eerste tekst in: Geen verzendkosten boven 50,-

Rechtsboven (direct onder de tekst) vind je de links: - Aanbiedingen - Winkelwagen - Contact Je gaat een headerlink toevoegen 4. Klik in het Webshop dashboard op Header en daarna op Header links 5.

4 Rechtsboven (direct onder de tekst) vind je de links: - Aanbiedingen - Winkelwagen - Contact Je gaat een headerlink toevoegen 4. Klik in het Webshop dashboard op Header en daarna op Header links 5. Typ in het vak Nieuw tabblad toevoegen het woord Voorwaarden 6. Klik op om te bevestigen Het dialoogvenster hiernaast opent zich nu automatisch. 7. Klik op de bullitpoint voor Pagina bij de optie Wanneer er geklikt wordt op het tabblad dat je naar de pagina Voorwaarden moet linken. Maak hierbij gebruik van het lijstpijltje. 8. Klik op Opslaan om te saven en bekijk het resultaat

5 Het laatste onderdeel dat je kan instellen in de header zijn de hoofd tabbladen. Je ziet er nu zeven: - Home (deze móét je in het systeem laten staan!) - Bouw - Hout - Elektra - Gereedschap - IJzerwaren - Verf 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 nu in je webshop een dropdown-menu maken en een tabblad toevoegen 9. Klik in het Webshop dashboard op Header en daarna op Tabbladen

10. Sleep de tabbladen IJzerwaren en Verf onder het tabblad Bouw. Laat beide tabbladen inspringen. 11. Klik in het vakje Nieuw tabblad toevoegen en typ Isolatie en klik op het vinkje om te bevestigen.

6 10. Sleep de tabbladen IJzerwaren en Verf onder het tabblad Bouw. Laat beide tabbladen inspringen. 11. Klik in het vakje Nieuw tabblad toevoegen en typ Isolatie en klik op het vinkje om te bevestigen. Normaal zou je aan dit tabblad de pagina Isolatie koppelen. Aangezien deze pagina niet bestaat kan dat niet. Het tabblad wordt dus wel aangemaakt, maar de link ga je niet instellen 12. Klik op Opslaan 13. Bekijk het resultaat in je webshop via Toon webshop of het oogje. 14. Verwijder het tabblad Isolatie Einde Deel 1

Vergelijkbare documenten

De homepage van Jewelry Kidz aanpassen deel 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