QUICKSTART WEBSITE SYSTEEM GARDEN CONNECT Deze Quickstart biedt u als gebruiker van het website systeem van Garden Connect een handreiking bij de twaalf meest gebruikelijke werkzaamheden aan uw website. Voordat u aan de slag gaat is het belangrijk om een paar dingen te onthouden: Het is vrijwel onmogelijk om met één muisklik de volledige website kapot te maken of te verwijderen. Angst is dus onnodig! Door goed te lezen wat er op uw scherm staat, kunt u vaak zelf direct uw probleem oplossen. Als u uw cursor stil houdt op een button of icoon verschijnt er vaak een geel balkje met een tip of omschrijving erin. Online cursussen Garden Connect geeft regelmatig online cursussen. Deze kunt u volgen vanuit uw eigen tuincentrum en duren maximaal 1 uur. Voor een overzicht van de eerstvolgende cursussen, ga naar www.gardenconnect.com/nl-be/over-ons/agenda/. In deze Quickstart worden de volgende onderdelen behandeld: 1. Voorpagina bewerken 2. Foto s plaatsen in bovenzijde website (header) 3. Openingstijden / koopzondagen aanpassen 4. Menu items aanmaken 5. Aanbieding plaatsen 6. Nieuwsbericht plaatsen 7. Fotoboek aanmaken 8. Assortiment bewerken 9. Vacature plaatsen 10. Link invoegen 11. Teksten plakken 12. PDF op de website plaatsen De belangrijkste informatie staat op één pagina per onderdeel waardoor u snel aan de slag kunt. Voor meer details en vragen over het systeem kunt u contact opnemen met Garden Connect. In het beheersysteem zult u op vele plaatsen een kader tegen komen als dit: Dit wordt ook wel de Editor genoemd. Hiervoor is een aparte handleiding beschikbaar via http://www.gardenconnect.com/nl-be/support/. Wij wensen u veel plezier met het onderhouden van uw website!
1. VOORPAGINA BEWERKEN Log in op www.gardenconnect.com met uw eigen inloggegevens en klik op Voorpagina. De voorpagina in het CMS bestaat uit twee delen: Beschikbare blokken en Voorpagina kolommen. Beschikbare blokken zijn niet zichtbaar op de voorpagina en Voorpagina kolommen zijn wél zichtbaar op de voorpagina. U kunt de blokken verslepen om ze een andere positie te geven. U heeft ook een vaste kolom op uw website waar meestal de openingstijden in staan en bijvoorbeeld social media links. Deze vaste kolom is op iedere pagina zichtbaar en kunt u niet zelf aanpassen. Mocht u hier iets in willen wijzigen, neem dan contact op met Garden Connect. Nieuw blok aanmaken Onderaan de Beschikbare blokken ziet u de optie Content toevoegen. Klik daarop en er verschijnt een nieuw HTML blok. Sleep het HTML blok naar de gewenste positie door met de linkermuisknop ingedrukt het blok te verplaatsen. Zodra er stippellijntjes verschijnen die de nieuwe positie weergeven, kan de linkermuisknop worden losgelaten en zal de nieuwe positie direct worden opgeslagen. Klik op Bewerk en voeg een titel, tekst en eventueel een afbeelding toe. Afbeelding invoegen Een afbeelding kunt u invoegen door met uw muis op de gewenste positie in de editor te staan. Klik op het icoontje Afbeelding dat lijkt op een klein schilderijtje. Klik op Bladeren op server en klik op Uploaden. Selecteer een bestand van uw computer en de afbeelding verschijnt bij de andere afbeeldingen op de server. Door er met de linkermuisknop dubbel op te klikken wordt de afbeelding geselecteerd. U kunt de breedte aanpassen naar het gewenste formaat. Voor de exacte breedte van de kolom kunt u contact opnemen met Garden Connect. Naast de breedte staat een slotje. Zorg dat deze altijd dicht is om de juiste verhoudingen te behouden. Met uitlijning kunt u ervoor zorgen dat de afbeelding links of rechts van de tekst komt en met Hspace kunt u een witruimte creëren tussen de afbeelding en de tekst.
2. FOTO S PLAATSEN IN BOVENZIJDE WEBSITE (HEADER) Veel websites hebben in de bovenkant een zogeheten header die terugkomt op iedere pagina. Dit kan een afbeelding zijn die achter, naast of onder het logo staat. Een header is vaak heel bepalend voor de uitstraling van de website en kan grote invloed hebben op de eerste indruk van een bezoeker als de website wordt geopend. Tips Gebruik verschillende headers per seizoen om te laten zien dat het om een actuele website gaat. Gebruik eigen foto s om het persoonlijk te maken en de bezoekers een goede indruk te geven van de winkel. Header toevoegen Log in op www.gardenconnect.com en ga naar Admin menu. Klik op Vormgeving en klik op Header afbeeldingen. U bent nu in het overzicht van de verschillende headers. U kunt hier een header toevoegen, verwijderen of bewerken. Toevoegen kan middels de button Toevoegen. Geef de header een titel zodat u weet om welke header het gaat in het overzicht. Klik op Bestand kiezen om een afbeelding up te loaden van uw computer. In het zinnetje eronder staat welk formaat de header moet hebben. Verwijderen kan door te klikken op het icoontje Prullenbak. Bewerken kan door het tweede icoontje Bewerken te gebruiken. Dit is handig om headers bijvoorbeeld op niet-actief te zetten. Mogelijkheden weergave Er zijn drie mogelijkheden voor de weergave van een header: 1. Een vaste afbeelding. 2. Verschillende afbeeldingen die willekeurig wisselen per klik. 3. Verschillende afbeeldingen die elkaar iedere 3 seconde afwisselen. Om deze instelling voor uw website aan te passen, kunt u contact opnemen met Garden Connect.
3. OPENINGSTIJDEN / KOOPZONDAGEN AANPASSEN De openingstijden blijven één van de meest belangrijke onderdelen op uw website. Bezoekers komen vaak naar de website met het doel om te weten te komen of het tuincentrum vandaag geopend is en tot hoe laat. Zorg ervoor dat uw openingstijden op iedere pagina zichtbaar zijn. Openingstijden De reguliere openingstijden kunt u aanpassen door in te loggen op www.gardenconnect.com en klik op Vestigingen. Klik vervolgens op het icoontje van een klok en voer de openingstijden in. Het vinkje achter de openingstijden dient u aan te vinken als u een dag gesloten bent. Extra openingstijden Feestdagen, koopzondagen en afwijkende openingstijden vallen onder de extra openingstijden. Klik op Datum toevoegen, voer een titel in, bijvoorbeeld Zondag open, 2e Paasdag open, en voer de datum in. Vergeet niet de dagen toe te voegen waarbij afwijkende openingstijden gelden of wanneer het tuincentrum gesloten is. Bijvoorbeeld: 1e Kerstdag gesloten / Ladiesnight van 19:00 tot 22:00 uur enzovoorts. U kunt ervoor kiezen om uw openingstijden ook op de contactpagina weer te geven. Dit kunt u instellen bij Admin menu / Instellingen / blok Vestigingen. Ook kunt u zelf aangeven of u de extra openingstijden wilt weergeven van de komende drie maanden, de eerstvolgende drie of misschien wel allemaal. Uw wensen daarin kunt u doorgeven aan Garden Connect. Zin toevoegen Heeft u in januari en februari geen koopavond of bent u tussen de middag gesloten dan kunt u gebruik maken van de Extra tekstregel rechts van de openingstijden. De zin die u hier invoert wordt zichtbaar onder de openingstijden op de website.
4. MENU-ITEMS AANMAKEN Een menu-item aanmaken over bijvoorbeeld uw tuincafé, de geschiedenis van het tuincentrum of de hoveniersafdeling kan onder het item Pagina s. Pagina toevoegen Log in op www.gardenconnect.com en ga naar Pagina s. Klik op Toevoegen en voer een titel in, de gewenste tekst en een afbeelding. Klik op Opslaan en de pagina is toegevoegd aan uw menu. Volgorde pagina s aanpassen Ga naar Admin menu en klik op Navigatie. Met de pijltjes kunt een pagina naar boven of naar beneden slepen om de volgorde te wijzigen. Dit wordt direct opgeslagen. Verborgen pagina toevoegen Een verborgen pagina is een pagina die u aanmaakt en waar u naar wilt linken maar die niet zichtbaar is in het menu. Ga naar Pagina s en klik op Toevoegen. Selecteer bovenaan: - Niet weergeven in het menu - en klik op Opslaan. De nieuwe pagina verschijnt in de lijst met pagina s. In het overzicht ziet u een grijs verbindings icoontje. Als u daarop klikt opent de URL van de verborgen pagina. Menu-item aanmaken die doorlinkt naar een andere pagina Met deze optie wordt een menu-item bedoeld dat bijvoorbeeld doorlinkt naar een externe pagina als een webshop: klik op Webshop en ga direct naar de webshop. Of u wilt een menu-item Tuinmeubelen dat in één keer doorlinkt naar de assortimentspagina over tuinmeubelen. Ga naar Pagina s en klik op Toevoegen. Geef alleen een titel op, bijvoorbeeld Webshop of Tuinmeubelen. Klik op Opslaan. Ga naar Admin menu, Navigatie en zet met de pijltjes de nieuwe pagina op de gewenste plek. Klik op het tweede icoontje Bewerken. Bij Soort kiest u voor URL in plaats van Module. Daar kunt u de URL (de link) invoegen waar het menu-item naar moet verwijzen. Dit kan dus zijn naar http://www.tuincentrumwebshop.nl of naar http://www.uwtuincentrum.nl/assortiment/tuinmeubelen bijvoorbeeld.
5. AANBIEDING PLAATSEN Log in op www.gardenconnect.com en klik links op het menu onderdeel Aanbiedingen. Er verschijnt in het overzicht een lijst van aanbiedingen welke eerder zijn geplaatst. Maakt u gebruik van de centrale aanbiedingen van GRS dan staan hier mogelijk ook toekomstige aanbiedingen vermeld. Klik bovenaan op Toevoegen om een aanbieding toe te voegen. Het volgende venster verschijnt: Hier dient u de velden zo volledig mogelijk in te voeren. Enkele tips: U kunt middels Datum van en Datum tot aangeven wanneer de aanbieding op de website geplaatst wordt en wanneer deze weer verwijdert dient te worden. U kunt dus toekomstige aanbiedingen agenderen. Er zijn vele mogelijkheden om een aanbiedingsprijs weer te geven. Een van/voor prijs is mogelijk, maar ook 3 halen, 2 betalen. Voor deze laatste kiest u Tekst. Zet u de aanbieding al in de omschrijving, dan kunt u kiezen voor Prijs niet weergeven. U kunt vrijwel iedere afbeelding plaatsen bij de aanbieding. Klik op Bestand kiezen om een JPG bestand van uw computer naar de website toe te verzenden. Vergeet niet om rechtsonder op Opslaan te klikken om de aanbieding op te slaan. Wilt u een oude aanbieding nogmaals plaatsen? Ga naar het overzichtscherm en open deze aanbieding. U kunt de datum wijzigen zodat de aanbieding op het juiste moment weer getoond wordt. Is uw aanbieding niet zichtbaar terwijl de datum wel goed staat? Dan bent u mogelijk vergeten om onderaan de pagina het kader Actief aan te vinken. Ook van de algehele opruiming kunt u een aanbieding maken zodat er altijd aanbiedingen op uw website vermeld staan.
6. PLAATSEN NIEUWSBERICHT Log in op het beheersysteem en klik links op het menu onderdeel Nieuws. Er verschijnt in het overzicht een lijst van nieuwsberichten welke eerder zijn geplaatst. Maakt u gebruik van de centrale nieuwsberichten dan staan deze hier ook vermeld. Klik bovenaan op Toevoegen om een nieuwsbericht toe te voegen. Het volgende venster verschijnt: Hier kunt u het volledige nieuwsbericht plaatsen dat u op de website wilt hebben. Vul de volgende velden in: Titel, hou dit kort en bondig! In het tekstkader kunt u het volledige nieuwsbericht plaatsen, voorzien van afbeeldingen, links en eventueel een Youtube video. De datum bij Publiceren op is de datum waarop het bericht op de website zal verschijnen. U kunt vrijwel iedere afbeelding plaatsen bij het nieuwsbericht. Klik op Bestand kiezen om een JPG bestand van uw computer naar de website toe te verzenden. Neemt u een bericht over van een andere website? Vul dan ook de Bron in. Vergeet niet om rechtsonder op Opslaan te klikken om het nieuwsbericht op te slaan.
7. FOTOBOEK AANMAKEN Een fotoboek aanmaken kan met de module Fotoalbums die in het hoofdmenu te vinden is. Een fotoboek kan gebruikt worden om een sfeerimpressie te geven van het tuincentrum, maar ook om projecten te tonen van het hoveniersbedrijf, foto s van een ladies night, foto s van bijzondere producten die u verkoopt en meer. Log in op het beheersysteem en ga naar Fotoalbums. Klik op Toevoegen en voer een titel in van het fotoboek. Daaronder kan een omschrijving gegeven worden van het fotoboek welke boven het fotoboek getoond zal worden. Voer een datum in van wanneer tot wanneer het fotoboek zichtbaar moet zijn en klik op Opslaan. Klik op het plusje voor het fotoboek om het fotoboek te openen. Met Toevoegen kan er één foto toegevoegd worden, met Multi-upload meerdere foto s tegelijk. Voor meerdere foto s tegelijk gebruikt u de button Voeg bestanden toe. Selecteer de foto s van uw computer en klik op Start upload. Als alle foto s op 100% staan zijn ze toegevoegd aan het album. Als de foto s toegevoegd zijn kan de volgorde aangepast worden door de foto s te verslepen naar de gewenste positie. Klik op afbeelding bewerken, het tweede icoontje van links, om eventueel een omschrijving per foto toe te voegen.
8. ASSORTIMENT BEWERKEN / PRODUCTEN TOEVOEGEN Het assortiment is één van de belangrijkste modules van het hele websitesysteem. Juist omdat men steeds meer oriënteert op het internet is het belangrijk om via deze module te voldoen aan de wensen van uw klant. Tips: Zorg dat alle productgroepen die u verkoopt terugkomen op deze pagina. Loop alle teksten na en maak ze meer eigen door onder andere de merken toe te voegen die uw tuincentrum verkoopt. Zorg dat de indeling qua productgroepen op dezelfde manier is ingedeeld als in het tuincentrum. De volgorde van het assortiment kan gelijk zijn aan de volgorde in het tuincentrum of zorg dat de meer actuele productgroepen bovenaan staan. In november en december dus Kerst bovenaan, in maart de tuinmeubelen, etc. Log in op het beheersysteem en ga naar Assortiment, klik op Toevoegen om een assortimentsgroep toe te voegen, klik op het plusje om de subpagina s weer te geven of om een subgroep toe te voegen. Met de pijltjes kan de volgorde worden bepaald door met de linkermuisknop ingehouden de groep te slepen naar de juiste positie. Afbeeldingen en producten toevoegen In het overzicht van de groepen staat achter iedere groep hoeveel afbeeldingen er zijn toegevoegd en hoeveel producten er horen bij deze categorie. Klik op Afbeeldingen om één of meer afbeeldingen toe te voegen bij een productgroep. Klik op Producten om één of meerdere producten toe te voegen. Per product kan er een titel, korte omschrijving, een afbeelding en eventueel de prijs ingevoerd worden. Het assortiment biedt ontzettend veel mogelijkheden. Heeft u speciale wensen of wilt u meer tips over het assortiment, neem dan contact op met Garden Connect.
9. VACATURE AANMAKEN Log in op het beheersysteem en ga naar Vacatures. Klik op Toevoegen om een vacature aan te maken. Geef een titel en voer een omschrijving in. Selecteer een datum vanaf wanneer de vacature zichtbaar moet zijn op de website. Het is mogelijk om een einddatum in te voeren, maar laat u deze leeg dan zal de vacature zichtbaar blijven totdat u de vacature verwijderd of op inactief zet. Vink Contactformulier weergeven aan als u de mensen online wilt laten solliciteren. Geef het e-mailadres op waar u de sollicitaties op wilt ontvangen. Let op! Vink de vestiging aan. Alleen als er een vestiging is aangevinkt zal deze verschijnen op de website. Klik op Opslaan. Vacatures die vaker voorkomen kunt u heel gemakkelijk met het vinkje onderaan op inactief zetten. Zo hoeft u een terugkomende vacature niet iedere keer opnieuw aan te maken. Test altijd op de website hoe de vacature er uit ziet. Zorg dat het netjes oogt, want dat verwacht u ook van uw sollicitanten.
10. LINK INVOEGEN Het maken van links is één van de belangrijkste zaken die op het internet gebeurt. Immers: zonder links kan er onmogelijk van pagina tot pagina geklikt worden! De twee meest voorkomende links zullen hieronder toegelicht worden: Interne of externe pagina openen (vb. Klik hier om u aan te melden) Gekoppeld document openen (vb. Klik hier voor de algemene voorwaarden) Een interne of externe pagina openen Ga naar de pagina waar de link naar toe moet wijzen. In dit geval gaan we een link maken van de homepage naar de activiteiten pagina. U gaat op de website naar de activiteitenpagina. Bovenin staat een URL die u moet kopieren, deze zal er ongeveer als volgt uit zien: http://www.uwtuincentrum.nl/activiteiten/2/workshop. Kopieer deze link en ga naar het beheersysteem. Er moet altijd een tekst geselecteerd worden welke als link functioneert. Selecteer deze tekst in de pagina waar de link moet komen. Klik vervolgens op het icoon Invoegen/wijzigen link in de werkbalk: Nu moet de exacte pagina locatie geplakt worden in het veld URL. Plak in dit veld de zojuist gekopieerde link. Ga naar het tabblad Doel. Gaat het om een interne link, een link binnen uw eigen website, dan kunt u kiezen voor openen in zelfde venster. Wilt u verwijzen naar een externe link, kies dan voor Openen in nieuw venster. Zo voorkomt u dat mensen uw website verlaten. Een gekoppeld document toevoegen en openen Via de optie Invoegen/Wijzigen Link kan er tevens een link gelegd worden met documenten. Bijvoorbeeld PDF bestanden die als aparte bijlage gedownload moeten kunnen worden. Ga op precies dezelfde wijze te werk als bovenstaand uitgelegd: Selecteer een tekst waar de link moet komen, klik op het icoontje Link invoegen, klik op Bladeren op server, selecteer bovenaan de map Files en voeg het bestand toe aan de server. Dubbelklik op het bestand en deze zal geselecteerd worden. Kies bij het tabblad Doel dit keer voor Openen in Pop-up venster. Selecteer de vakjes aan de linkerkant en klik op OK. In dit voorbeeld zullen de algemene voorwaarden in een pop-up venster geopend worden.
11. TEKSTEN PLAKKEN Teksten plakken vanuit bijvoorbeeld Word, vanuit een PDF of vanuit een andere website dat kan op meerdere manieren, maar er is maar één juiste manier. Goed: Selecteer een tekst en kopieer deze. Ga in het tekstvak staan waar u de tekst wilt plakken en kies voor het icoontje Plakken als platte tekst : Plak de tekst in het ervoor aangegeven vak en klik op OK. Dit is de enige juiste manier om hetzelfde lettertype te krijgen als de rest van de website. Nadat u heeft geplakt als platte tekst kan de tekst bewerkt worden door bepaalde gedeeltes bijvoorbeeld vet te drukken, een link toe te voegen, enzovoorts. Fout: Plakken door in het tekstvak te staan en daar CTRL + V aanklikken. Hierdoor wordt het verkeerde lettertype overgenomen en veel foute code die de website aan de achterkant vervuilen. Hierdoor wordt de opmaak verandert, iets wat u alleen maar kunt oplossen door alle informatie van de pagina te verwijderen en opnieuw te beginnen. Daarnaast oogt het onprofessioneel als u allerlei verschillende kleuren en stijlen door elkaar gebruikt op uw website.
12. PDF OP DE WEBSITE PLAATSEN Een PDF op een website toevoegen biedt vaak verwarring. Dit heeft te maken met dat reclamebureaus veel advertenties en dergelijke als PDF aanleveren. Een PDF wordt op internet gezien als een bestand en niet als een afbeelding. Heeft u een PDF met tekst over bijvoorbeeld uw voorwaarden, privacy policy en dergelijke dan kan de PDF ingevoerd worden als link op de website. Een uitleg hierover staat in hoofdstuk 10: Link invoegen. Heeft u een PDF als advertentie / afbeelding dan is het alleen mogelijk om ook hiervan een link te maken. Vaak wilt u de afbeelding zelf op de website hebben en dan dient u de PDF om te zetten in een JPG afbeelding. Krijgt u regelmatig advertenties van uw reclamebureau, vraag dan of het bestand ook als JPG bestand aangeleverd kan worden. Een JPG bestand wordt op internet als afbeelding gezien en kan daarom heel gemakkelijk ingevoerd worden als afbeelding. Dit kan onder andere onder aanbiedingen, activiteiten of onder een algemene pagina. Heeft u de PDF omgezet naar JPG dan kunt deze als afbeelding invoegen via de uitleg in hoofdstuk 1: Afbeelding invoegen. PDF = bestand / file JPG = afbeelding / image