Informatie op de productpagina en de meer info-pagina

Transcriptie

1 Informatie op de productpagina en de meer info-pagina

2 Wat leer je in dit hoofdstuk: - Hoe je de productpagina instelt o De juiste informatie o De bestelknop - Hoe je het meerinfo-scherm instelt - Aanpassen database - Van/voor prijs instellen Inleiding Met je webshop wil je natuurlijk zoveel mogelijk producten verkopen. De informatie die je laat zien, is daarom erg belangrijk. Op de productpagina laat je zoveel mogelijk verschillende producten zien. Dus er is geen plaats voor heel veel informatie. De informatie die je laat zien moet de belangrijkste zaken tonen, zoals merk en prijs. Als een klant geïnteresseerd is en klikt op het product wordt het meerinfo-scherm zichtbaar. Op het meerinfo-scherm laat je alle informatie zien over dat product. Behalve als daar vertrouwelijke gegevens in staan zoals je leverancier of de inkoopprijs. In deze cursus ga je ontdekken hoe je kunt instellen dat de juiste informatie zichtbaar is op je productpagina en het meerinfo-scherm. Als je kijkt naar de productpagina HEREN zie je afbeeldingen van sokken met een korte omschrijving en de prijs. Wellicht zou je willen dat mensen direct de sokken kunnen bestellen, zonder dat ze eerst op de sok moeten klikken. Je gaat in de volgende oefening een bestelknop bij de afbeeldingen op de productpagina toevoegen.

3 1 Een bestelknop en meerinfo-knop toevoegen 1. Klik op Productlijst selecteren en selecteer de productlijst 2. Klik op Presentatie en daarna op Productoverzicht Het onderstaande scherm komt tevoorschijn 3. Zet de twee schuiven Bestelknop weergeven en Meerinfo link weergeven op JA 4. Bekijk het resultaat.

4 2 Instellingen op het meerinfo-scherm Je gaat nu de meerinfo-pagina bekijken 1. Klik op de meerinfo-link Je ziet nu nevenstaand scherm. Er staat al veel informatie. Wil je meer informatie uit je database laten zien of een wijziging aanbrengen dan kan dat. 2. Klik op de Meerinfo product Hier kun je instellen welke velden je wilt laten zien, welke info je waar wilt hebben en hoe groot je de afbeelding wilt hebben. Op het eerste tabblad kun je lay-out instellingen aangeven Op het tweede tabblad geef je aan welke velden je wilt tonen Let op: velden die in tabblad 1 zijn aangeven toon je niet nog een keer op het tweede tabblad (bijvoorbeeld omschrijving en een foto) Let op bij het aanpassen van het formaat van een afbeelding! Als je de Breedte en de hoogte van de sokken aanpast, kan de sok vervormen. Als je dat wilt herstellen zet je de Breedte op (bijvoorbeeld) 500 en laat je de Hoogte leeg. Het systeem past dan automatisch de verhouding goed aan. Klik vervolgens op de vinkjes.

5 Van/voor prijs instellen Ook een webshop heeft aanbiedingen, maar in de productlijst is daar geen rekening mee gehouden. Je gaat de productlijst aanpassen zodat je wel een Van/Voor prijs kan laten zien aan de klant Daarvoor moet je een aantal stappen zetten: - Productlijst downloaden - Database aanpassen - Database uploaden (omdat je een kolom toevoegd kom je terecht in de wizard) - Productpagina en meerinfo-scherm aanpassen 3 Van-voor prijs instellen 1. Download de productlijst 2. Voeg een kolom Van toe: - Selecteer de rij Prijs - Klik op de lijstpijl van de knop Invoegen (of kies de rechtermuisknop) - Kies voor Bladkolommen invoegen 3. Vul de kolommen zoals je hieronder kunt zien Happy Socks: Van 7,95 Prijs 5,50 Bij de JBS sokken laat je de kolom Van leeg (deze sokken zijn niet in de aanbieding) 4. Sla de productlijst op

6 Je wilt een productlijst uploaden omdat je deze hebt aangepast. Dan maken we onderscheid in 2 soorten wijzigingen: - Je wijzigt de inhoud van één of meerdere cellen - Je voegt één of meerdere kolommen toe Als je alleen de inhoud van één of meerdere cellen wijzigt, kun je de productlijst uploaden zonder extra moeite. Elke keer als je nieuwe kolommen in de productlijst zet, herkent het systeem dat er iets is aangepast. Je moet dan instellen hoe het systeem deze extra kolom kan gebruiken. Je wordt gelukkig automatisch geholpen, je komt in de wizard terecht. Deze wizard zal alle noodzakelijke vragen stellen zodat de nieuwe informatie op de juiste manier gebruikt kan worden in je webshop. 5. Upload de productlijst: Klik op Productlijst en daarna op Productlijst selecteren 6. Selecteer de productlijst 7. Klik vervolgens op Handmatig importeren 8. Selecteer de opgeslagen productlijst en klik op het groene pijltje

7 Omdat je een nieuwe kolom hebt geplaatst in de productlijst krijg je een melding: 9. Klik op Productlijst wizard en daarna op het groene pijltje 10. Selecteer opnieuw de productlijst en geef aan dat je de bestaande productlijst wil verversen

8 11. Klik een aantal keer op de groene pijl totdat je bij stap 6 bent gekomen 12. Vink bij stap 6 (Productlijst) het vakje Van aan Hiermee zorg je ervoor dat Van prijs ook zichtbaar wordt 13. Klik door tot aan stap 10. De productlijst wordt opnieuw opgebouwd. 14. Bekijk het resultaat Als je nu het resultaat op de site bekijkt zie je dat er boven de vetgedrukte prijs nu een andere prijs staat: de Van prijs. Je ziet dat de prijs alleen zichtbaar is bij de Happy Socks. Bij JBS hebben we de velden in de database leeg gelaten. Toch wil je de klant laten zien dat het hier om een aanbieding gaat. (een van-prijs) Dat ga je nu instellen.

9 15. Ga naar de productlijst (Productlijst Productlijst selecteren Klikken op productlijst) Je Je gaat nu 3 dingen doen: - Het veld Van uitzetten op het meerinfo-scherm - Op het meerinfo-scherm het label Prijs vervangen met het woord Nú - Bij het productscherm voor de oude prijs het woord Van zetten 16. Klik op Presentatie en daarna op Meerinfo Product De Labels van het meerinfo-scherm worden weergegeven 17. Vink vervolgens het label van het veld Van uit 18. Klik op Veld labels en verander de veldnaam Prijs in Nú 19. Bekijk het resultaat

10 Als laatste wil je de klant laten zien dat het een aanbieding gaat 20. Klik op Productoverzicht 21. Ga naar het tabblad Productlijstvelden 22. Zorg dat alleen de velden Van en Prijs zijn aangevinkt 23. Ga naar Productoverzicht en klik in het eerste tabblad op labels weergeven

11 24. Bekijk het eindresultaat Einde cursus