STAPPENPLAN WEBSITE VIA WIX - PenNed

STAPPENPLAN WEBSITE VIA WIX DOEL: Handleiding voor hoe je in Wix een PE-website maakt en daarbij een instructie om webshoppagina’s te maken met buy buttons die (wel) aan het PE-portaal gekoppeld kunnen worden. Via Wix kun je heel makkelijk je eigen website maken met een webshop. 1. Open www.wix.com in Google Chrome of Firefox (Internet Explorer werkt niet voor deze bouwsite). 2. Klik vervolgens rechtsboven op Inloggen. 3. Registreer een account, bijv. via je Google account. EEN WEBSITE KIEZEN Wix beschikt ook over een aantal sjablonen. Om je de meest relevante ontwerpen te tonen, worden er eerst een aantal vragen gesteld. 1. Beantwoord de vragen. 2. Klik vervolgens rechts op Kies een template. 3. Maak een keuze uit één van de templates. JE WEBSITE PERSONALISEREN Als je een ontwerp gekozen heb dat aansluit bij je eigen idee, kan je dit nog steeds personaliseren. Als je in de ontwerpmodus staat zie je dat je scherm ingedeeld wordt. Deze delen worden van elkaar gescheiden met een stippellijn. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 1 van 17

Links zie je een balk met iconen van onderdelen die je kan toevoegen aan je pagina, rechts zie je opties die makten hebben met de lay-out van de geselecteerde onderdelen. Je kan hier alvast beginnen met experimenteren met het aanpassen van kleuren en afbeeldingen. HET MENU Wanneer je aan de links bovenaan op het icoon Menu’s en pagina’s klikt, zie je welke menu-onderdelen standaard in je sjabloon aanwezig zijn. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 2 van 17

Deze menu-onderdelen kan je verschuiven om de volgorde te bepalen, maar ook veranderen van naam, dupliceren, verbergen etc. Je kan hier ook nog een extra menu-onderdeel toevoegen, zoals een webshop. Let op: de ingebouwde webshop is niet bedacht op het gebruik van PenNed. Daarom kun je de webshop van Wix niet gebruiken en moet je zelf een pagina inrichten als webshop. Dit is redelijk eenvoudig te doen via het stappenplan wat begint op de volgende pagina. WEBSITE PUBLICEREN Tijdens het ontwerpen wordt je website geregeld automatisch bewaard. Als dat gelukt is zie je rechts bovenaan de melding ‘Opgeslagen’. Tussendoor kan je ook eens kijken hoe de bezoeker jouw website zal te zien krijgen. Hiervoor klik je op Voorbeeld. Als je denkt dat je website af is, kan je hem eindelijk op het wereldwijde web plaatsen! Dit doe je door op Publiceren te klikken. Kies welke naam je aan je site wilt geven. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 3 van 17

WEBSHOP TOEVOEGEN 1. Klik op Toevoegen. 2. Er komt dan bovenaan ‘Nieuwe pagina’ te staan. Noem deze Webshop. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 4 van 17

3. Klik vervolgens op de pagina die je net gemaakt hebt. Je komt dan op een totaal lege pagina terecht. 4. Klik nu links bovenaan op het icoon Toevoegen en kies Afbeelding en daarna Mijn afbeeldingen. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 5 van 17

5. Selecteer de afbeelding die je wilt toevoegen en klik op Toevoegen aan pagina. 6. De afbeelding verschijnt nu in beeld. Je kunt de afbeelding verplaatsen en kleiner of groter maken. Plaats de afbeelding waar je hem hebben wilt. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 6 van 17

7. Ga nu opnieuw naar Toevoegen en kies Tekst. Kies vervolgens voor paragraaf en sleep dit naar je pagina. 8. Sleep je tekstvakje onder je foto en verander de tekst in de Artikel omschrijving. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 7 van 17

9. Voeg nu nog een tekstvakje toe en zet je prijs erbij. 10. Ga nu naar Toevoegen en klik op Knop. Kies de knop die je wilt toevoegen en klik erop. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 8 van 17

11. De Knop verschijnt nu op je pagina. Sleep deze onder je artikel. 12. Nu ga je naar de website van PenNed (https://www.penned.nl/). 13. Ga nu rechtsboven naar het PE Portaal, log in en klik op Buy buttons manager. 14. Ga in het linker menu naar Buy buttons en klik vervolgens op Toevoegen. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 9 van 17

15. Vul de invulvelden in en klik op Bewaren. De URL van het artikel hoeft niet perse te worden ingevuld. 16. Je komt nu op de overzichtspagina van de door jou ingestelde Buy Button. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 10 van 17

17. Ga naar optie 2, en selecteer het adres dat in het veld staat. Kopieer dit adres. 18. Ga nu terug naar je website, en klik op de knop onder je artikel. 19. Klik nu op Tekst wijzigen. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 11 van 17

20. Wijzig de knoptekst in ‘Bestel’. 21. Klik vervolgens op Voeg een koppeling toe. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 12 van 17

22. Kies links voor Webadres en plak vervolgens de link van Buy Buttons in de rechterbalk. Klik daarna op Gereed. 23. Je artikel heeft nu een Buy buttons link en kan worden betaald. Wanneer iemand op de knop Bestel klikt, wordt de Buy Button van PenNed geopend. De klant kan dan via zijn PenNed account betalen. 24. Zo kun je op een pagina meerdere foto’s, tekstjes, en knoppen toevoegen. Ook de Buy Buttons kun je toevoegen bij Penned, waardoor je per artikel een unieke betaalcode krijgt die je aan de knop kunt toevoegen. Let op: jouw webshop is dus NIET dezelfde als de webshop die WIX automatisch toevoegt op hun pagina. Als je de webshop van WIX hebt ingericht, zorg dan dat je die pagina volledig verwijderd van je site. JOUW WEBSHOP MOET NOG OP JOUW HOMEPAGINA WORDEN GEKOPPELD, VOLG DAARVOOR DE VOLGENDE ONDERSTAANDE STAPPEN . @ Stichting Praktijkleren Stappenplan website via Wix Pagina 13 van 17

KNOP NAAR WEBSHOP Om je eigen ontworpen webshop zichtbaar te maken op je website moet je een knop op je homepage maken met daarin de link naar je webshop. Dat gaat als volgt: 25. Ga linksboven naar Menu’s en pagina’s. 26. Ga naar je webshop pagina, en klik op de drie puntjes erachter. Klik vervolgens op Instellingen. 27. Ga naar SEO & Social. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 14 van 17

28. Scrol nu naar beneden tot je uitkomt bij URL openen. Klik hierop. 29. Je webshop opent zicht nu. Selecteer bovenaan het webadres (de URL), en kopieer deze. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 15 van 17

30. Ga nu terug naar de pagina waarop je de website aan het bewerken bent. 31. Ga weer naar Menu’s en pagina’s en klik op Home 32. Ga naar Toevoegen en kies een Knop. Klik op de knop die je wilt gebruiken. Deze verschijnt nu op je home pagina. 33. Klik op tekst wijzigen en verander de tekst in ‘Naar de webshop’, of ‘Shop nu’, enz. Ben creatief ;) @ Stichting Praktijkleren Stappenplan website via Wix Pagina 16 van 17

34. Klik nu op Voeg een koppeling toe en kies links Webadres. 35. Plak daar de URL van je webshop, die je gekopieerd hebt bij stap 30. 36. Kies voor In het huidige venster en klik vervolgens op Gereed. 37. Plaats de knop op je homepagina waar je hem hebben wilt. 38. Klik op publiceren. Er kan nu worden besteld in de door jou gecreëerde webshop. Wanneer iemand op Naar de webshop klikt, komt hij bij jouw zelf gemaakte webshop. Wanneer iemand onder jouw producten op de knop bestel klikt, wordt de Buy Button van PenNed geopend. De klant kan dan via zijn PenNed account betalen. @ Stichting Praktijkleren Stappenplan website via Wix Pagina 17 van 17

Praktijkleren Stappenplan website via Wix Pagina 1 van 17. STAPPENPLAN WEBSITE VIA WIX . DOEL: Handleiding voor hoe je in Wix een PE -website maakt en daarbij een instructie om webshoppagina's te maken met buy buttons die (wel) aan het PE-portaal gekoppeld kunnen worden. Via Wix kun je heel makkelijk je eigen website maken met een webshop. 1.