CMS AD-X
Overzicht standaard AD-X-functies Algemene CMS-instellingen
1-2
Pagina’s toevoegen
3-7
Informatiepagina’s toevoegen en invullen
7-27
Foto’s opladen en invoegen in een pagina
10-14
Foto opties
13-14
Fotobiblioteek in mappen opdelen
14-15
Tekst invoegen in een pagina
15-19
De belangrijkste icoontjes in de tekstverwerker
16-19
Hyperlinks leggen
17
Tabellen invoegen en bewerken
18-19
Een document opladen en linken in de tekst
19-20
Het embed-blokje
20-21
RSS feed via Embed
21-22
Youtubefilmpjes, Googlemaps, … via Embed
22
Combinatie infopagina/formulier of infopagina/fotoalbum
23-24
Contentblokken zichtbaar/onzichtbaar zetten
24
Contentblokken van plaats wijzigen
24-25
Contentblokken verwijderen
25
De FAQ-functie voor mailings en infopagina’s
25-27
Een subpagina invoegen
28
Een pagina zichtbaar/onzichtbaar zetten
28
Een pagina verwijderen
29
Een pagina van plaats wijzigen
29-30
Een hoofdpagina als subpagina instellen
29-30
Een subpagina van hoofdpagina verwisselen
30
Een subpagina als hoofdpagina instellen
30
Infopagina’s kopiëren
31-32
Menu van volgorde wijzigen
32
Een formulier aanmaken
32-40
Inputveld
33
Invoerveld
34
Radiobuttons
35
Aanvinkvakjes
36
Lijst
36
Tekstveld
36-37
Formuliervelden van plaats wijzigen
37
Formuliervelden wijzigen
38
Formuliervelden verwijderen
38
Formulier opties
39
Fotoalbum toevoegen
40-41
E-link pagina’s toevoegen
41-42
Pagina opties
43-44
Subnavigatie inschakelen (niveau 3)
44-44
Accounts
44-48
Gebruikers aanmaken
44-46
Profielen aanmaken
46-48
AD-X-opties Meerdere website beheren met 1 AD-X
49
Extra talen
49
Headers
50-53
Nieuws
53-55
Mailings
55-60
Statistiekenmodule voor mailings
61
Algemene CMS-instellingen Standaard paginatitel, Meta description en Meta keywords instellen Klik op het logo AD-X 3.0.
Klik daarna op Wijzigen.
Vervolgens kan u een standaardtitel en omschrijving gaan invullen die op elke pagina van uw website te zien zal zijn, behalve op de pagina’s waar u via Pagina opties deze titel manueel gaat overschrijven.
Titel site pagina: dit is de titel die in sommige browsers vlak onder of boven de adresbalk te zien is. Maar dit is tevens de titel die zoekmachines zullen tonen bij de zoekresultaten.
1
Een voorbeeld:
Meta Keywords: hier kan u een aantal trefwoorden ingeven die van toepassing zijn op uw website. Meta description: dit is een algemene omschrijving van uw website, deze zal enkel zichtbaar zijn in de zoekmachines, bij de zoekresultaten.
2
Pagina’s toevoegen Ga naar Pagina’s -> Bestaande pagina’s.
Klik onderaan rechts op de knop Nieuwe pagina.
Kies het type pagina dat u wenst toe te voegen.
3
Verduidelijking: 1. Informatie: een standaard informatiepagina met tekst en foto’s.
Voorbeeld:
4
2. Formulier: formulier voor bijvoorbeeld het aanvragen van informatie, online enquêtes, …
Voorbeeld:
5
3. Fotoalbum:
Voorbeeld:
6
4. E-links: een knop in de menu die rechtstreeks door linkt naar een externe website, een document of een pagina binnen uw website.
Een informatiepagina toevoegen en invullen Ga naar Pagina’s -> Bestaande pagina’s -> Nieuwe pagina -> kies voor Informatie. Voeg vervolgens bij Naam pagina een titel in. Deze titel wordt effectief gebruikt als knopnaam op uw website, dus zorg ervoor dat deze kort en bondig is. Klik daarna op Verstuur.
Wenst u meerdere informatiepagina’s in één keer aan te maken, vul dan alle titels achter elkaar in, telkens gescheiden door een puntkomma. Bijvoorbeeld: Titel pagina 1; Titel pagina 2; Titel pagina 3; Titel pagina 4
7
Vervolgens komt u in het menu van de bestaande pagina’s terecht (ook bereikbaar via Pagina’s -> Bestaande pagina’s). Klik op de titel van de nieuw aangemaakte pagina om deze in te vullen of te bewerken.
Hier krijgt u allerlei mogelijkheden om de pagina in te vullen: een vol tekstblok, een foto, twee tekstblokken naast elkaar, twee foto’s naast elkaar, tekstblok links/foto rechts, foto links/tekstblok rechts en een Embed-blok.
Selecteer de gewenste invoeroptie en klik daarna op Wijzigen om foto’s of tekst in te voegen of het Embed gedeelte te bewerken. In onderstaand voorbeeld hebben we gekozen om een tekst in te voegen. Bent u klaar, klik dan op de diskette (=bewaar) bovenaan links.
8
Is de pagina ingevuld, klik dan onderaan op Terug, waarna u in het overzicht van de bestaande pagina’s (Pagina’s -> Bestaande pagina’s) terechtkomt. Wenst u de ingevulde pagina online te plaatsen, kijk dan na of het icoontje voor de pagina op groen staat. Zo niet (zoals in het voorbeeld onderaan) klik dan op Status wijzigen om de pagina zichtbaar te maken online.
Een groen icoontje betekent dat de pagina actief is en dus zichtbaar is op uw website online.
Staat uw website reeds online, dan raden we aan om eerst de pagina in te vullen in uw admin en pas als u klaar bent, de pagina live te zetten om dit na te kijken.
9
Foto’s opladen en invoegen in een pagina Heeft u bij het kiezen van de opmaak van uw pagina een icoon geselecteerd met een foto, dan kan u via de knop Wijzigen onder dit blok de foto gaan invoegen. Klik vervolgens op Foto opladen om een foto van op uw pc op te laden.
Opgelet! Gebruik NOOIT foto’s met speciale tekens (vb: à, %, / @ >)! Deze tekens kunnen door een internetbrowser niet gelezen worden en zullen bijgevolg een foutmelding geven. Hernoem eerst de foto’s op uw pc naar fotonamen die enkel en alleen uit cijfers en letters bestaan. Dit doet u door met uw rechtermuisknop op de foto te klikken en Naam Wijzigen te selecteren. Geef vervolgens een nieuwe naam in (vb home-foto1). Ook spaties in de fotonamen zijn te vermijden, koppeltekens mogen wel. Pas op met het opladen van te zware foto’s (vb rechtstreeks van een fototoestel). Te veel foto’s van zeer zware kwaliteit zullen uw hosting belasten, waardoor u sneller boven uw discspace-limiet zal komen (meerkost!). Verklein zware foto’s vanaf 3MB eerst alvorens deze op te laden. Hiervoor zijn diverse gratis programma’s online beschikbaar (vb Image Resizer). Enkel foto’s zijn toegestaan: .jpg. PDF’s, gif of andere types kunnen wel opgeladen worden in het systeem, maar zijn niet bruikbaar om als foto in een pagina te voegen.
10
Bij het opladen, kan u meerdere foto’s tegelijk gaan opladen. Hiervoor heeft u JAVA nodig, wat u kan downloaden via www.java.com. Als dit programma correct geïnstalleerd is op uw pc, krijgt u het volgende scherm:
In de linkerkolom ziet u de mappen op uw pc. Klik op de map waarin de foto die u wenst te gebruiken zich bevindt, deze map opent dan in het rechtse venster. In het voorbeeld hieronder willen we de foto logo.jpg opladen, die zich in de map Afbeeldingen op onze pc bevindt.
11
Versleep vervolgens de gewenste foto(‘s) van boven naar onder en klik daarna op de groene pijl onderaan om het opladen te starten.
Is het opladen voltooid, klik dan onderaan links op Terug. Hier komt u terecht in de algemene fotobibliotheek waar alle foto’s die u hebt opgeladen in een lijst worden weergegeven. Nu gaan we de foto die we net hebben opgeladen invoegen in de pagina. Dit doet u door achter de betreffende foto op de knop Invoegen te klikken.
12
Na het klikken op invoegen, krijgt u een popup met invoerveld waar u een breedte (in pixels) moet ingeven. Omdat Internet Explorer popups blokkeert (en u dus telkens op een melding bovenaan uw scherm zal moeten klikken om de popup toe te laten), raden we voor een optimale en handige werking van de AD-X aan om met de browser Firefox (downloaden op www.firefox.com) of Google Chrome (www.google.com/chrome) te werken.
Uw AD-X is reeds ingesteld om hier de maximumbreedte weer te geven (afhankelijk van de breedte van het contentveld van de layout). Kleinere breedtes zijn uiteraard steeds mogelijk. Vul een nieuwe breedte in en/of klik op Ok om de foto in te voegen.
Foto opties We hebben inmiddels onze foto opgeladen en ingevoegd in onze pagina via de knop Wijzigen. Hieronder staat echter nog een knop: Foto opties. Als u hier op klikt, krijgt u een aantal mogelijkheden:
Commentaar onder foto: hiermee kan u onder een foto een lijntje tekst zetten, bijvoorbeeld een verduidelijking van wat op de foto te zien is.
13
Voorbeeld:
Url van de foto: als u hier een url ingeeft, wordt de bezoeker van uw website bij het klikken op de foto rechtstreeks naar deze link geleid. Opgelet: niet cumuleerbaar met de functie Afbeelding koppelen aan origineel formaat en openen in viewer! Openen in : hiermee bepaalt u of de url die u ingegeven hebt, moet openen in een nieuw venster (aangeraden voor externe websites) of in hetzelfde venster (aangeraden voor links binnen uw eigen website). Alternatieve tekst: als u online met de muis over de foto beweegt, zal u in sommige browsers (niet allemaal!) een tekstboodschap te voorschijn zien komen. Hier kan u deze tekst ingeven. Afbeelding koppelen aan origineel formaat en openen in viewer: als u dit aanvinkt, zal de foto online in een groter formaat openen als op de foto geklikt wordt. Opgelet: niet cumuleerbaar met de functie url van de foto!
Fotobibliotheek in mappen opdelen Voor zeer uitgebreide websites raden we aan om bij het opladen van foto’s te zorgen voor een duidelijk overzicht. U kan er uiteraard voor kiezen om alle foto’s van de ganse website in 1 grote lijst te zetten, maar op termijn zal dit vrij onoverzichtelijk worden. Bovendien kan u achteraf geen foto’s verhuizen naar een andere map. Denk dus eerst goed na over de structuur van de fotobibliotheek zodat u later nog perfect weet welke foto’s zich waar bevinden in uw admin. Handig daarbij is de functie om in de fotobibliotheek mappen aan te maken. Dit kan u zowel doen via Archief -> Afbeeldingen als via Wijzigen van een fotoblok op een pagina. Klik op Map aanmaken.
14
Vul de naam in van de map (ook hier géén speciale tekens gebruiken!) en klik op Verstuur. Daarna komt u opnieuw in de fotobibliotheek terecht, klik op Openen achter de map waarin de foto opgeladen moet worden, waarna u foto’s kan gaan opladen.
Tekst invoegen in een pagina Maak een tekstblok aan en klik op Wijzigen. U komt dan terecht in een scherm waarin de tekstverwerker zich bevindt. Deze tekstverwerker is ingesteld met de kleuren van uw website, dus in principe kan u in het witte vlak onderaan gewoon uw tekst beginnen te typen.
15
Wenst u een tekst te kopiëren vanuit een Wordbestand, een website of ander bestandstype, weet dan dat in elke tekst die u kopieert verborgen code zit van het programma van waaruit u de tekst kopieert. Plak dus NOOIT zomaar gekopieerde tekst in uw tekstverwerker, de onzichtbare code wordt wel degelijk opgepikt door browsers waardoor uw website er vreemd uit zal zien (vervorming tekst, layout, …). Veiliger is om de gekopieerde tekst eerst in kladblok op uw pc (Startmenu -> Alle programma’s -> Bureau-accessoires -> Kladblok) te plaatsen, opnieuw te kopiëren en dan pas te plakken in de tekstverwerker. Of gebruik het T-icoontje (4e knop, 2e rij):
De belangrijkste icoontjes in uw tekstverwerker: Bewaar. We raden aan om bij het intypen van lange teksten regelmatig te bewaren. Zo voorkomt u dat uw zorgvuldig uitgetypte tekst kwijt bent door vb een tijdelijke internetonderbreking of ander probleem. Alles wissen.
16
Hier vindt u de specifieke tekstkleuren voor uw website. Dit zijn meestal de kleuren die al elders in de layout gebruikt worden, zo houdt u het geheel uniform en wordt het geen kleurboek. Format: wat hier belangrijk is, zijn de Heading 1, Heading 2 en Heading 3 in deze lijst. Dit zijn titels die u op uw pagina kan gebruiken. Selecteert u een tekst en kiest u dan bij Format voor Heading 1, zal de titel automatisch in de ingestelde lettergrootte en kleur zichtbaar zijn online. Net zoals bij Styles is dit een hulpmiddeltje om de tekstkleuren en –stijlen uniform te houden.
Hyperlink of document koppelen. Selecteer eerst de tekst waarop de link moet komen (of waaraan u een document wenst te koppelen). Klik daarna op dit icoon. Waarna u op het volgende scherm de instellingen kan doen:
Link url: hier voegt u de volledige url in (incl. http://), vb: http://www.new-media.be Link list: als u een woord of zin wenst te koppelen aan een document (Word-document, Pdf, Excel, …), dan kan u hier het document selecteren. Target: hiermee kiest u of het document of de url moet openen in een nieuw venster (aangeraden voor documenten of externe websites) of in hetzelfde venster (aangeraden voor webpagina’s binnen uw eigen website). Title: hiermee kan u een kort tekstje ingeven dat meer verduidelijking geeft. Dit krijgt u in sommige browsers te zien als u met uw muis over de link beweegt.
17
Symbolen en speciale tekens invoegen. U krijgt vervolgens een lijst met de mogelijkheden:
Klik op een symbool om dit in te voegen.
Tabellen invoegen en bewerken. Kies de tabelinstellingen in het volgende venster:
Cols: het aantal kolommen (verplicht in te geven) Rows: het aantal rijen (verplicht in te geven) Cellpadding: de ruimte tussen de rand van de tabel en de inhoud (in pixels) Cellspacing: de ruimte tussen de verschillende cellen van de tabel onderling (in pixels) Alignment: de uitlijning van de tabel op uw pagina 18
Border: de rand rondom uw tabel (in pixels) Width: breedte van de tabel. Let hierbij op dat de breedte nog binnen de layout past. De maximumbreedte van het contentveld binnen uw layout vindt u ook terug bij de maximumfotobreedte. Hoogte: hoogte van de tabel (in principe overbodig om in te vullen, aangezien dit aangepast wordt aan de hoogte van uw inhoud) Bij Advanced opties kan u nog een aantal andere instellingen gaan doen, de belangrijkste hierbij is dat u een kleur kan kiezen van de eventuele border die u heeft ingesteld (Border color) en/of een achtergrondkleur voor de tabel zelf (Background color).
Een document opladen en linken Soms kan het handig zijn dat u vanuit uw tekst rechtstreeks kan koppelen naar een document bv een brochure, een kortingsbon, een voorraadlijst in Excel, … die de bezoeker op handige wijze kan downloaden. Hiervoor gaat u naar de knop Archief -> Documenten.
Hier gaat u op dezelfde manier te werk als bij het opladen van foto’s. Ofwel maakt u eerst mappen aan en laadt u de documenten hier in op, of laadt u de documenten rechtstreeks op. Maar opgelet, documenten achteraf van plaats of map wijzigen is NIET mogelijk. Bepaal dus eerst of een mappenstructuur noodzakelijk is (aangeraden bij veel documenten) of niet. Ook voor het opladen van documenten heeft u JAVA nodig. Download dit via www.java.com als dit programma nog niet op uw pc staat. Is het document opgeladen, ga dan naar de pagina waar u de link naar het document wenst te leggen. Klik op Wijzigen in het betreffende tekstblok en selecteer de tekst die u wenst te linken. Klik op het hyperlink icoon en selecteer vervolgens bij Link List het document.
19
Klik daarna op Insert en Bewaar.
Embed Het Embed-blokje kan u gebruiken om vrij eenvoudig een aantal speciale functies in te voegen (Googlemaps, Youtubefilmpjes, RSS-feeds of het combineren van Infopagina’s met fotoalbums of formulieren).
20
Klik op het Embed-blokje om dit in te voegen. Klik daarna op Wijzigen, waarna u terecht komt op het volgende scherm:
Eerst bepaalt u de soort inhoud: RSS feed, embed code of inhoud uit andere CMS pagina. RSS feed Hiermee kan u automatisch RSS feeds gaan inlezen van vb externe nieuwswebsites. Een voorbeeld: http://www.hetportaal.be/rss/newsfeed.xml. Kies bovenaan voor RSS feed, geeft deze url in bij Url RSS feed en kies bij Max. aantal items hoeveel nieuwsberichten u telkens wenst weer te geven op uw website. Kies hier vb voor 2 en klik op Verstuur.
21
Online op uw website krijgt u vervolgens een opsomming van de nieuwste nieuwsberichten van (in dit geval) www.hetportaal.be te zien:
Youtubefilmpjes, Googlemaps, …: Embed Om online toepassingen zoals Youtubefilmpjes, Googlemaps, enz… in te voegen in websites, wordt gebruik gemaakt van een Embedded code. Meestal bevindt deze zich bij Youtube onder Delen -> Insluiten of bij Googlemaps onder het hyperlinkicoontje -> HTML in website plakken. Kopieer deze code, kies voor Embed code, plak de code in het veld Embedded code en klik op verstuur. Voorbeeld: Googlemaps
Online krijgt u dan dit:
22
Combinatie infopagina/formulier of infopagina/fotoalbum Infopagina’s, formulieren en fotoalbums zijn in de AD-X aparte types van pagina’s, maar kunnen onderling wel gecombineerd worden. Hiervoor maakt u eerst apart uw formulier of fotoalbum aan en vult u dit in. Vervolgens maakt u een infopagina aan, want het is van hieruit dat de combinatie gemaakt zal worden. In het voorbeeld hieronder hebben we eerst een formulier en fotoalbum aangemaakt en ingevuld in de admin. Maak vervolgens de infopagina aan waarop de combinatie moet komen en start eerst met het invullen van de teksten en foto’s van deze infopagina. Maak een Embed-blok aan op de plaatsen waar de inhoud van vb een formulier of fotoalbum moet komen. In het voorbeeld van het resultaat (zie verder) zijn we bovenaan gestart met een vol tekstblok waarin we ook de titel ‘Portfolio’ hebben getypt. Daaronder werd een Embed-blokje voorzien voor een fotoalbum, daaronder staat opnieuw een Embed-blokje voor het formulier. Het resultaat online ziet er zo uit:
Invoegen van de combinatie Klik op Wijzigen onder het Embed-blokje. Kies voor Inhoud uit andere CMS pagina en vul helemaal onderaan bij Selecteer uw pagina de naam in van de pagina die u wenst weer te geven. Klik op verstuur. De inhoud, of dat nu foto’s in een fotoalbum of formuliervelden van een formulier zijn, wordt nu online weergegeven op uw infopagina. 23
Contentblokken zichtbaar/onzichtbaar zetten Achter elk blok dat u aanmaakt op een pagina vindt u in de zijkant een aantal knoppen. Eén daarvan is een groen of rood vierkantje.
Net zoals bij pagina’s kan u ook tekst- en/of fotoblokken (tijdelijk) onzichtbaar zetten. Dit doet u gewoon door op het vierkantje te klikken, waardoor dit van kleur wijzigt. Ook hier geldt: rood = onzichtbaar online, groen = zichtbaar online.
Contentblokken van plaats wijzigen Een andere functie zijn de pijltjes die u naast de contentblokken vindt. Met deze pijltjes kan u bepalen of het tekstblok hoger of lager moet komen, zo kan u de gewenste volgorde instellen.
24
Contentblokken verwijderen Een contentblok kan definitief verwijderd worden met de X-knop.
De FAQ-functie Achter elk contentblok vindt u ook een E-icoon. Met dit icoon kan u ankers gaan leggen binnen een pagina.
25
Concreet wil dit zeggen dat op uw pagina online titels verschijnen die, als men hierop klikt, onmiddellijk naar het juiste tekstblok scrollen op dezelfde pagina. Deze functie is tevens interessant voor nieuwsbrieven. Voor elk tekstblok waarvoor u bovenaan op uw pagina een titel wenst te tonen, klikt u op de E achter het tekstblok. Vervolgens kan u een titel gaan invullen bij Blok titel. Als de titel online onmiddellijk zichtbaar mag zijn, vinkt u ja aan. Zo niet, kies dan Nee en klik op Verstuur.
Online voorbeeld:
Klikt u hier op de titel Hoe kies je de juiste gevelsteen, dan scrolt de pagina automatisch door naar het juiste tekstblok. Uiteraard is deze functie vooral interessant als er veel contentblokken zijn en er dus ook meer titeltjes bovenaan zichtbaar zijn. Is de titel online niet zichtbaar? Dan moet u deze functie nog activeren in uw admin. Dit kan via pagina opties op de pagina zelf of via Pagina’s -> Bestaande pagina’s -> Pagina opties.
26
Onderaan vindt u een aantal opties (afhankelijk van uw modulekeuzes) waar ook de FAQ-optie tussen staat. Is het FAQ-systeem nog niet actief, kies dan voor AAN en klik op Verstuur.
27
Een subpagina invoegen Niet elke pagina op een website is een hoofdknop, bij uitgebreide websites is dat nu eenmaal niet mogelijk. Daarom is het wenselijk om pagina’s te gaan groeperen, waarbij u over eenzelfde thema 1 hoofdknop hebt met daaronder subpagina’s. Wenst u onder een hoofdpagina een subpagina in te voegen onder een bepaalde knop? Klik dan achter die knopnaam bij Pagina’s -> Bestaande pagina’s op het + icoontje.
Vervolgens moet u bepalen welk type pagina u gaat aanmaken, net zoals bij het aanmaken van een hoofdpagina.
Een pagina zichtbaar/onzichtbaar zetten Om een pagina van status te wijzigen (zichtbaar online = groen / onzichtbaar online = rood), klikt u achter de paginanaam op Status wijzigen. U zult merken dat de kleur van het blokje voor de paginanaam wijzigt van zodra u hierop klikt.
Rood blokje: de pagina is onzichtbaar op de website Groen blokje: de pagina is zichtbaar op de website
28
Een pagina verwijderen Een hoofdpagina zonder subpagina’s kan u verwijderen door op de knop Verwijder achter de paginanaam te klikken.
Heeft de pagina die u wenst te verwijderen subpagina’s, dan zal u merken dat hier geen knop Verwijder staat. Deze wordt immers automatisch weggehaald van zodra u subpagina’s onder een pagina aanmaakt. Wenst u deze pagina toch te verwijderen, dan moet u eerst alle subpagina’s verwijderen, pas daarna wordt de verwijderknop ook hier zichtbaar.
Een pagina van plaats wijzigen Hoofdpagina als subpagina instellen Heeft u net een hoofdpagina aangemaakt en ingevuld, maar komt u tot de conclusie dat die toch beter elders had gestaan (vb als subpagina onder een andere hoofdpagina), dan kan u dit ook achteraf nog wijzigen. In onderstaand voorbeeld is het de bedoeling dat Contactformulier (aangemaakt als hoofdpagina) als subpagina onder Home komt te staan. Klik hiervoor op Knippen vlak achter de titel van de pagina die u wenst te verplaatsen (in dit voorbeeld dus achter Contactformulier).
29
Omdat in dit voorbeeld er nog geen subpagina’s onder Home zitten, moet u eerst een andere subpagina aanmaken om in de achterliggende menustructuur te geraken. Zitten er onder uw hoofdpagina al andere subpagina’s, dan mag u deze stap overslaan. Klik op de + achter de hoofdpagina waaronder de subpagina moet komen.
Kies een soort pagina (vb Informatie), geef een titel in en klik op ‘Verstuur’. Het aanmaken van een subpagina is in dit geval louter om de functie van subpagina’s te activeren. Deze pagina kan u later weer verwijderen als de geknipte subpagina op de correcte plaats staat. Klik vervolgens op de knop Plakken in het overzicht van de subpagina’s.
Subpagina van hoofdpagina verwisselen Heeft u een subpagina aangemaakt, maar wenst u die achteraf bekeken toch onder een andere hoofdpagina te zetten, dan kan dit in principe op dezelfde wijze. Maak eerst onder de nieuwe hoofdpagina een subpagina aan om de functie van subpagina’s te activeren. Kies een paginasoort (vb informatie) en geef een titel in. Ga naar de subpagina die u wenst te verhuizen, klik op Knippen achter de paginatitel en ga terug naar de hoofdpagina waar u deze subpagina wenst onder te plaatsen. Klik op het groene pijltje en klik daarna op Plakken. Subpagina als hoofdpagina instellen Een bestaande subpagina kan ook als hoofdpagina ingesteld worden. Ga hiervoor naar de betreffende subpagina (groene pijl achter de hoofdpagina), klik op Knippen achter de paginatitel, keer terug naar het paginaoverzicht (Pagina’s -> Bestaande pagina’s) en klik vervolgens onderaan links op Plakken. 30
Infopagina’s kopiëren Heeft u een pagina aangemaakt die nog op andere plaatsen in de website gebruikt moet worden of heeft uw website meerdere talen en wenst u de pagina’s op eenvoudige wijze van de reeds aangemaakte taal te kopiëren naar de andere talen zodat u enkel nog de vertalingen moet invoegen en niet de hele paginastructuur (teksten, foto’s, embed) opnieuw moet ingeven, dan kan dat met de knop Kopie.
Klik op de knop Kopie achter de pagina die u wenst te kopiëren. Ga vervolgens naar de plaats waar de kopie moet komen (onder een hoofdpagina, als hoofdpagina of in een andere taalkeuze). En klik dan op Plakken.
31
De gekopieerde pagina wordt vervolgens zichtbaar zodat u deze kan aanpassen. Let wel: foto’s blijven gekoppeld aan de originele pagina, verwijdert u deze dan verdwijnen ook de foto’s op de kopie.
Menu van volgorde wijzigen U heeft net een aantal pagina’s toegevoegd, maar de menuknoppen staan niet in de volgorde die u zou willen? Dan kan u deze wijzigen via de knop Pagina’s -> Menu volgorde.
Versleep vervolgens de blokken (=knoppen) in de juiste volgorde. Dit is ook de volgorde die zichtbaar is online. Dit kan u per hoofdknop ook voor de onderliggende pagina’s gaan doen, hiervoor klikt u op Onderliggende pagina’s achter de hoofdknop.
Een formulier aanmaken Maak een nieuwe pagina aan door bij Pagina’s – Bestaande pagina’s onderaan rechts op Nieuwe pagina te klikken. Selecteer Formulier en vul daarna een bondige knopnaam in (bijvoorbeeld Contactformulier). Klik dan op Verstuur.
Vervolgens komt u terug in het overzicht terecht van de bestaande pagina’s. Klik op de paginanaam om het formulier op te stellen. 32
Invoeging van het formulier Inputveld Het eerste icoontje omvat een invoerveld van 1 regel. Dit wordt gebruikt als u bijvoorbeeld de naam, het adres, het emailadres en het telefoonnummer van de bezoeker wenst te vragen.
Mogelijkheden van dit veld:
Naam: hier geeft u in wat u wenst te vragen, dit komt online voor het invoerveldje te staan. Voorbeelden van wat u hier kan invullen zijn: Email, Naam, Voornaam, Straat en nr, BTW nr, … Standaard waarde: hier kan u een verduidelijking of voorgedefinieerd antwoord ingeven. Voorbeeld: hier gaven we bij Naam: Voornaam en naam in en bij Standaard waarde: Vul hier uw naam in. Dat ziet er online zo uit:
Type veld: dit veld is enkel van belang als u vraagt naar het emailadres van de bezoeker. Is dit een veld waarin u bij Naam vraagt naar het emailadres, dan selecteert u hier Email.
33
Verplicht: hiermee bepaalt u of de bezoeker verplicht is om dit veld in te vullen of niet. Koppelen aan deze mailinglijst: dit veld is enkel zichtbaar als u over een mailingmodule beschikt. Hier kan u dan voor velden waarin u vraagt naar het emailadres van uw bezoeker gaan bepalen in welke mailinglijst het mailadres komt. MAAR: een emailadres wordt nooit automatisch ingeschreven bij het invullen van uw formulier, hiervoor zal de bezoeker wel eerst zijn goedkeuring moeten geven. Geeft hij of zij toestemming, dan pas zal het emailadres ook effectief ingeschreven zijn in de gewenste mailinglijst. Een voorbeeld van een formulier, opgemaakt met enkel invoervelden:
Invoerveld voor tekst Het tweede icoontje omvat een tekstveldje, hier kan de bezoeker bijvoorbeeld een vraag of opmerking typen.
Mogelijkheden van dit veld:
Naam: hier geeft u in wat de bedoeling is van het veld. Een voorbeeld: Uw vraag. Standaard waarde: hier kan u een verduidelijking of voorgedefinieerd antwoord ingeven. 34
Verplicht: hiermee bepaalt u of de bezoeker verplicht is om dit veld in te vullen of niet. Aantal rijen: hiermee kan u bepalen hoe groot het invoerveld online is. Een bezoeker is daarbij niet beperkt tot die lengte om zijn opmerkingen in te typen. Voorbeeld: in dit voorbeeld gaven we bij Naam: uw vraag in en bij Standaard waarde: Typ hier uw vraag.
Radiobuttons Het derde icoontje omvat een keuzemogelijkheid voor de bezoeker. De bezoeker heeft met dit systeem slechts één mogelijkheid tot aanvinken.
Mogelijkheden:
Naam: hier geeft u in wat de bedoeling is van het veld. Een voorbeeld: Wat vindt u van deze website? Opties: dit zijn de mogelijkheden die de bezoeker kan aanduiden. Met de knop Toevoegen kan u zoveel mogelijkheden toevoegen als u zelf wenst, geef bij elk veld een tekst in. Een voorbeeld:
35
Aanvinkvakjes Het vierde icoontje omvat ook een keuzemogelijkheid, maar de bezoeker heeft met dit systeem wel de mogelijkheid om meerdere opties aan te duiden.
Bij het invullen gaat u net zoals bij de radiobuttons te werk. Een voorbeeld:
Lijst Het vijfde icoontje omvat een dropdownlijst, hiermee kan de bezoeker met zijn muis het gewenste antwoord (net zoals bij radiobuttons, slechts 1 antwoord mogelijk) aanduiden. Ook hier gaat u net zoals bij de vorige 2 voorbeelden te werk.
Een voorbeeld:
Tekstveld Het laatste icoon omvat een tekstveld, hiermee kan u een korte intro of eindtekst schrijven bij het formulier of u kan verschillende delen van het formulier gaan onderverdelen met tussentitels.
36
De tekst kan u net zoals bij het invoegen en bewerken van pagina’s ingeven.
Formuliervelden van plaats wijzigen Om formuliervelden van plaats te wijzigen, klikt u op de pijltjes naast het formulierveld tot alles in de gewenste volgorde staat.
37
Formuliervelden wijzigen Formuliervelden kunt u wijzigen door op de E achter het gewenste veld te klikken.
Formuliervelden verwijderen Formuliervelden kunnen verwijderd worden met behulp van de X – knop.
38
Formulier opties De formulier opties (helemaal onderaan het formulier) vult u in van zodra het formulier volledig aangemaakt is. Deze zijn nooit zichtbaar op de website, enkel degene die de ingevulde formulieren toe krijgt per mail, krijgt onderstaande gegevens te zien.
Naam: de naam van de afzender. Vul hier bijvoorbeeld de naam van uw firma in. Onderwerp mail: dit is de naam van de email die u krijgt als iemand het formulier ingevuld heeft. Vul hier bijvoorbeeld Contact via de website in of iets dergelijks. Ontvanger mail: vul hier het emailadres in waarop de ingevulde formulieren moeten toekomen. Afzender mail: vraagt u in het formulier ergens in een invoerveld naar het emailadres van de ontvanger en selecteerde u bij Type veld Email, dan wordt het emailadres van de bezoeker als afzender mail ingesteld. Dit wil zeggen dat als de mail in uw emailprogramma toekomt en u de bezoeker onmiddellijk wenst terug te mailen, u niet eerst het emailadres uit het formulier moet kopiëren om dit dan als geadresseerde in te geven. U hoeft dan nog enkel op Beantwoorden te klikken in uw mailprogramma, waarna het emailadres van de bezoeker onmiddellijk als geadresseerde ingevuld staat. Url na versturen van formulier: hiermee kan u instellen dat als een bezoeker een formulier invult en verstuurt, men automatisch naar een andere pagina doorverwezen wordt. Dit kan handig zijn als u bijvoorbeeld een actie doet waarbij de bezoeker eerst zijn gegevens moet invullen, waarna men na het invullen van het formulier automatisch naar een kortingsbon of actie-pdf doorgelinkt wordt die nergens anders op uw website zichtbaar staat. Deze functie is niet cumuleerbaar met Boodschap! Boodschap: hier kan u een boodschap ingeven die op het scherm verschijnt na het invullen van een formulier (vb: Bedankt voor uw reactie). Deze functie is niet cumuleerbaar met Url na versturen van formulier! Captcha: om spamproblemen via formulieren tegen te gaan, kan u de captcha inschakelen. Dit is een code die de bezoeker moet overnemen na het invullen van het formulier.
39
Voorbeeld van een captcha:
Opgelet! Heeft u bij formulier opties wijzigingen doorgevoerd, klik dan altijd op Verstuur om de wijzigingen door te voeren en te bewaren.
Bekijk berichten: alle ingevulde formulieren worden per mail verstuur naar het mailadres dat u bij Ontvanger mail ingaf, maar om veiligheidsredenen worden deze ook bewaard in de admin. Via Bekijk berichten kan u sowieso alle berichten apart gaan bekijken. Export berichten: als u hierop klikt, wordt er een excel samengesteld van alle ingevulde formulieren. Dit is handig voor als u wedstrijden of acties doet via de website. Let wel: de excel geeft enkel de huidige status van het formulier weer, wijzigt u de velden van het formulier, dan wijzigt dit ook in de excel!
Fotoalbum toevoegen Maak een pagina aan door bij Pagina’s -> Bestaande pagina’s onderaan rechts op Nieuwe pagina te klikken. Selecteer Fotoalbum en vul een korte knopnaam in (bijvoorbeeld Foto’s). Klik op Verstuur.
40
Vervolgens komt u terug in het overzicht terecht van de bestaande pagina’s. Klik op de paginanaam en klik daarna op Foto’s opladen.
Vervolgens gaat u te werk zoals u ook foto’s oplaadt om in te voegen op een pagina. Om de foto’s op te laden, heeft u JAVA nodig om de module te starten. Is uw pc nog niet uitgerust met dit programma, dan kan u dit hier downloaden: www.java.com.
Een E-link pagina toevoegen Om een E-link pagina toe te voegen, selecteert u bij Pagina’s -> Bestaande pagina’s -> Nieuwe pagina de knop E-links. Voeg vervolgens bij Naam pagina de titel in van de pagina, dit wordt tevens de knopnaam op de website, dus zorg ervoor dat de benaming bondig is. Klik daarna op Verstuur.
Vervolgens komt u terecht in het overzicht van de bestaande pagina’s. Klik op de naam van de pagina om de E-links pagina in te vullen.
41
Daarna kan u een bestemming aan de E-links pagina ingeven.
Titel van de link: hier kan u een titel ingeven voor de link. U mag deze eveneens leeglaten aangezien deze titel niet zichtbaar is op de website. Url: hier geeft u het websiteadres in waarnaar u de link wenst te leggen. Opgelet, hier dient u http:// voor te plaatsen, bijvoorbeeld: http://www.new-media.be. Target: hier bepaalt u of de link in een nieuw venster (aan te raden bij externe websites of documenten) of in hetzelfde venster mag openen. Indien u de link in hetzelfde venster laat openen, verdwijnt uw website van het scherm en opent de gelinkte website in de plaats. De bezoeker kan dus niet meer eenvoudig terugkeren naar uw website. Linken naar brochures of folders in uw website via de E-links pagina Wenst u een knop in de websitemenu aan te maken die rechtstreeks naar uw brochure of folder koppelt? Dan kan u hiervoor ook de E-link pagina gebruiken. Laad eerst het document op waarnaar u vanuit de menu een koppeling wenst te leggen. Dit kan via Archief -> Documenten. Vervolgens maakt u een pagina aan in uw admin. Deze pagina blijft achteraf onzichtbaar op de website, dus maakt het in principe niet veel uit hoe u deze pagina noemt. Typ in de tekstverwerker een woord in, selecteer dit woord en leg een hyperlink naar het document dat u zonet heeft opgeladen (via Link list). Maak de pagina vervolgens eventjes zichtbaar op de website door de status op groen te zetten. Ga daarna naar uw online website en ga naar deze pas aangemaakte pagina. Klik op de tekst waarop de link ligt en kopieer vervolgens de url bovenaan in uw browser en maak de pagina weer onzichtbaar in de admin. Maak vervolgens een E-links pagina aan en plak de gekopieerde url in het veldje Url.
42
Pagina opties Achter elke aangemaakte pagina vindt u een knop Pagina opties.
Hier kan u per pagina een aantal instellingen gaan doen.
43
Naam van de pagina: dit is de knopnaam online. Hou deze kort en bondig, want de breedte van de layout is beperkt. Hoe meer lange namen u ingeeft, hoe minder plaats er is voor hoofdknoppen. Alternatieve tekst: hier kan u een tekstje ingeven dat in sommige browsers verschijnt als u op uw website met uw muis over de knopnaam beweegt. Titel site pagina, Meta keywords en Meta description: hiermee kan u de standaardinstellingen per pagina gaan overschrijven. Zie ook pagina 1 van deze handleiding. Plaatsing F.A.Q. systeem in de website of mailbericht: hiermee kan u de FAQ-functie in- of uitschakelen.
Subnavigatie inschakelen De meeste websites hebben een hoofdnavigatie met daaronder een aantal subknoppen, maar voor zeer uitgebreide websites kan het gebeuren dat op sommige delen van de website nog een derde niveau van knoppen vereist is. Deze functie schakelt u in door de knop Subnavigatie inschakelen aan te vinken.
Kies vervolgens waar de subnavigatie online moet verschijnen (boven of onder de inhoud van de pagina), wat de benaming is (vb Lees meer over …) en in hoeveel kolommen de namen van de subknoppen getoond moeten worden (voor lange knopnamen, kies hier 1).
Accounts Bij Accounts kan u gebruikers en profielen gaan aanmaken. Bent u de enige die met deze AD-X werkt, dan is deze functie in principe niet van belang. Heeft u echter meerdere medewerkers die toegang tot de AD-X moeten krijgen, dan kan u hier bepalen welke rechten deze gebruikers krijgen. Wil u bijvoorbeeld niet dat een medewerker toegang heeft tot bepaalde delen in uw AD-X, dan kan u dit hier instellen.
Gebruikers aanmaken
Klik op Accounts -> Gebruikers.
44
Hier kan u vervolgens diverse gebruikers gaan aanmaken via de knop Nieuwe gebruiker.
U komt vervolgens terecht op een pagina waar u de gegevens voor deze gebruiker kan instellen.
Vul de naam en voornaam van de gebruiker in en ken deze persoon een login naam en wachtwoord toe. Met deze gegevens zal deze gebruiker toegang krijgen tot de admin. Mag deze gebruiker toegang krijgen tot alle AD-X functies en pagina’s, dan hoeft u verder niets te doen dan op de knop Gegevens opslaan te klikken. Wenst u de gebruiker bepaalde rechten tot de AD-X pagina’s of functies te ontzeggen, dan maakt u eerst een profiel aan (zie verder), waarna u het profiel bij deze gebruiker kan wijzigen. Logingegevens gebruikers wijzigen Is een gebruiker zijn logingegevens kwijt, dan kan u hem of haar een nieuw wachtwoord of login naam toekennen. Klik hiervoor op Editeer achter de naam van de betreffende gebruiker.
Vervolgens kan u een login naam en een wachtwoord naar keuze ingeven. Gebruiker verwijderen Om een gebruiker te verwijderen, klikt u op Verwijder achter de gebruikersnaam. 45
Profielen aanmaken Wil u een bepaalde gebruiker slechts gedeeltelijke toegang geven tot de AD-X functionaliteiten of pagina’s, dan kan dat eenvoudig door een profiel aan te maken.
Klik hiervoor op Nieuw profiel.
Geef een naam op voor dit profiel. Welke benaming u hieraan geeft, speelt voor het systeem zelf geen enkele rol, dit is een naam die u zelf kiest en vanwaar u gemakkelijk kan onthouden welke rechten dit profiel verkrijgt. Desnoods vernoemt u het profiel naar de persoon die hiermee zal werken.
Om het profiel in te stellen, klikt u vervolgens op Editeer achter de profielnaam die u wenst in te stellen. 46
Vervolgens krijgt u alle pagina’s van de website te zien. Deze staan standaard op rood, dwz dat het aangemaakt profiel nog geen rechten tot een pagina toegekend kreeg.
Mag dit profiel enkel toegang krijgen tot bijvoorbeeld de pagina Home, dan klikt u achter Home op Toevoegen. Dit wil concreet zeggen dat als een persoon met dit profiel inlogt in de admin, hij of zij enkel de pagina Home te zien zal krijgen en dus enkel deze pagina kan aanpassen.
De pagina’s waartoe u het profiel toegang verleent, krijgen een groen icoontje voor de knopnaam, alsook wijzigt de knop Toevoegen in Verwijderen. Via Verwijderen kan u het profiel de toegang tot deze pagina terug ontzeggen.
47
Klik alle pagina’s aan waartoe het profiel toegang moet krijgen, vergeet daarbij ook de subpagina’s niet (groene pijltjes achter de hoofdpagina’s). Ga vervolgens terug naar Accounts – Gebruikers en stel bij de gewenste personen het juiste profiel in.
48
AD-X opties (niet standaard inbegrepen) Meerdere websites koppelen aan de AD-X Met uw AD-X kan u op eenvoudige wijze meerdere websites gaan besturen. Deze websites, in de admin Templates genaamd, kunnen een geheel andere layout hebben dan de originele website die uw AD-X al bestuurt. Ze hebben tevens een aparte domeinnaam. Bij de aankoop van deze module krijgt u een extra knop Templates in uw admin.
Van zodra de Templates module geactiveerd wordt, is het belangrijk dat u hier alvorens een handeling uit te voeren eerst de juiste template gaat selecteren. Daarna kan u de template gaan opvullen door het aanmaken van pagina’s en dergelijke.
Uw website in meerdere talen Met uw AD-X is het mogelijk om uw website in meerdere talen aan te bieden. Op uw website krijgt de bezoeker via een manier naar keuze (op een startpagina, via een taalkeuzeknop op uw website,…) de mogelijkheid om de taal te selecteren. In uw admin wordt de knop Talen weergegeven van zodra u deze module aankoopt.
Belangrijk is dat u voor het uitvoeren van een handeling (pagina’s aanmaken of bewerken,…) eerst de gewenste taal selecteert.
49
Headers Sommige websites hebben een layout waarbij een bovenaan een grote headerfoto de blikvanger is. Voorbeeld:
Interessanter wordt het als u per pagina een andere foto (of meerdere, die elkaar afwisselen) kan gaan instellen als header, zodat uw website een gevarieerder uitzicht krijgt. Hiervoor kan u de module Headers laten activeren. Deze functie zal zich in uw AD-X onder de knop Modules bevinden.
Als u hierop klikt, krijgt u het volgende te zien:
Zoals u kan zien, staat er reeds een standaardheader ingesteld, die u IN GEEN GEVAL mag verwijderen. Dit is de standaardheader, wat wil zeggen dat deze overal op de website getoond worden TENZIJ u bij pagina opties manueel een andere header gekozen hebt.
50
Eerst standaardheader instellen De standaardheader moet bij het eerste gebruik nog ingesteld worden. Dit doet u door te klikken op Foto lijst achter de naam van de header. Hier komt u in de lijst van de standaardheader. Hier staat reeds één standaardfoto, maar per header kan u tot maximum 3 foto’s gebruiken. Is de header die wij hier reeds plaatsten niet ok en wenst u hiervoor een nieuwe foto op te laden, klik dan op Foto wijzigen achter de naam van de header.
Hier ziet u het volgende:
Url op foto: als er op de header een link gelegd moet worden zodat men bij het klikken op de foto op uw website onmiddellijk naar een andere webpagina of document geleid wordt, geeft u hier de url (met http://) in. Bijvoorbeeld: http://www.new-media.be. Is een link niet nodig, dan laat u dit veld leeg. Alt tekst op foto: geeft u hier een tekstje in (bijvoorbeeld ter verduidelijking van de foto), dan tonen sommige browsers dit als u met de muis over de foto beweegt. Beschrijving: sommige headerfuncties zijn uitgerust met een module waarmee u onder de foto een korte beschrijving kan plaatsen, maar let hier wel op met de lengte van de tekst.
51
Voorbeeld:
Foto: hier kan u een nieuwe foto opladen van op uw pc. Ook hier is het belangrijk om gebruik te maken van een .jpg (foto), geen speciale tekens of spaties in de fotonaam te gebruiken en geen te zware foto’s (onder 5 MB blijven) op te laden. U zal merken dat onderaan de afmetingen van de foto staan. Belangrijk is om uw foto exact op deze afmetingen te maken. Vink voor het wijzigen van een foto het vakje Aanvinken indien je de foto wilt verwijderen of wijzigen aan. En klik dan op Verstuur.
Als u afwisselende foto’s wenst voor deze standaardheader, dan kan u nog 2 extra foto’s opladen via de knop Nieuwe foto’s toevoegen. Hier gaat u hetzelfde te werk.
Extra headers maken Wil u op specifieke pagina’s andere headers gaan gebruiken, bijvoorbeeld een andere header per dienst of product, dan kan u via Modules -> Headers -> Nieuwe header toevoegen deze headers gaan aanmaken en opladen.
52
Hier geeft u eerst een titel in voor deze header (zodat u makkelijk kan onthouden welke foto’s bij welke header horen) en vervolgens laadt u de foto’s op en geeft u eventueel per foto een url, alt tekst en beschrijving in. Header per pagina selecteren Heeft u zonet een aantal nieuwe headers aangemaakt en wenst u nu per pagina een aparte header in te stellen, ga dan naar Pagina’s -> Bestaande pagina’s en klik op Pagina opties achter de pagina waarop u de headerfoto wil wijzigen. Bij Selecteer header kan u vervolgens de gewenste header gaan koppelen aan deze pagina.
Nieuws Heeft u regelmatig nieuws, acties of nieuwigheden te melden? Dan kan de module Nieuws interessant zijn. Deze vindt u na aankoop terug onder de knop Modules -> Nieuws.
53
Daarna komt u terecht in een overzicht van alle nieuwsberichten. Om een nieuw bericht toe te voegen, klik op Toevoegen.
Titel: hier geeft u een titel in, probeer zo bondig mogelijk te zijn. Van … tem..: geef hier de datum in van … tot … wanneer dit bericht online zichtbaar mag staan. Voor specifieke acties of opendeurdagen is het namelijk wenselijk dat deze na het verloop hiervan van de website verdwijnen. Het systeem zorgt dankzij een interne kalender vervolgens zelf voor het on- en offline zetten van deze berichten. Is dit niet van toepassing, dan moet u ook een datum invullen, maar neem dan als einddatum vb 31-12-2016. Extra pagina: een bericht van een paar zinnetjes hoeft meestal geen Lees meer knop waarmee men op de uitgebreide versie van een bericht terecht komt, dus in dat geval vinkt u hier uitschakelen aan. Is uw bericht vrij lang, klik dan op inschakelen. Online voorbeeld van Inschakelen:
Op het algemeen overzicht van de nieuwsberichten (waar alle nieuwsberichten onder elkaar worden weergegeven, geeft het systeem een korte titel weer, een inleiding en Lees meer knop. Via deze Lees meer knop, komt u dan op de uitgebreide versie van het bericht terecht. Knop naam: geef hier de naam in van de knop. In bovenstaand voorbeeld is dit Lees meer, maar dat mag uiteraard ook iets anders zijn. Url: moet de lees meer knop niet doorverwijzen naar een uitgebreide versie van een nieuwsbericht, maar vb rechtstreeks naar een bepaald webpagina binnen uw website of een externe website, dan 54
vult u hier de url (met http://) in. Hiervoor moet u bovenaan ook altijd de extra pagina inschakelen en een knop naam ingeven. Openen in: gaf u een url in, dan kan u hier bepalen of de link in een nieuw venster moet openen (aangeraden voor documenten of externe websites) of hetzelfde venster. Foto: u kan hier een foto opladen die in het nieuwsoverzicht naast het bericht komt te staan, zie ook het voorbeeld hierboven. Ook hier is het belangrijk om geen te zware foto’s op te laden (onder 5 MB blijven) en geen speciale tekens of spaties in de fotonaam te gebruiken. Enkel .jpg is toegestaan. Tekstveld: hier geeft u de inleiding in die ook tevoorschijn komt op het nieuwsoverzicht. In het voorgaande voorbeeld is dit het korte tekstje onder de titel. Bent u klaar, bewaar dan via de diskette in de tekstverwerker of klik op Verstuur onderaan. Nieuwsbericht on/offline zetten Na het ingeven van een nieuwsbericht, komt u terug in het overzicht van de nieuwsberichten terecht. Voor de titel van het nieuwsbericht ziet u een groen of rood icoontje. Om een bericht online te zetten, klikt u een rood icoon op groen. Rood = offline & Groen = online.
Mailings De AD-X kan uitgebreid worden met een nieuwsbrievensysteem waarmee u mailings naar uw klanten of bezoekers kan zenden. Bij de aankoop van deze module wordt de knop Mailings geactiveerd in uw admin.
55
Hier heeft u de volgende keuze:
Ingeschreven personen Bij de knop Ingeschreven personen krijgt u een overzicht van de emailadressen die zich in het systeem bevinden. Dit zijn personen die zichzelf via uw website toevoegden of personen die u zelf aan de mailinglijst heeft toegevoegd.
Bij het klikken op de knop Ingeschreven personen krijgt u allereerst een overzichtje van de bestaande mailinglijsten. Dit kunnen er namelijk ook meerdere zijn, als u bijvoorbeeld naar verschillende klantengroepen of bezoekerscategorieën verschillende mails wenst te versturen. Om de ingeschreven mailadressen te bekijken, mailadressen toe te voegen of te verwijderen, dient u eerst de gewenste mailinglijst te selecteren. Selecteer uw lijst en klik op Bekijken.
56
Hier krijgt u vervolgens een overzicht van de mailadressen. U kunt hier mailadressen verwijderen via de knop Verwijder achter het betreffende mailadres.
Wenst u een nieuw mailadres toe te voegen, dan kan dit via de knop E-mailadres toevoegen.
Hier kan u de gegevens van de persoon en het mailadres invoegen.
U kan hier de voornaam en naam van de persoon ingeven, hoewel dit in principe enkel nodig is als u mailings wenst te personaliseren. Wat uiteraard wel heel belangrijk is, is het emailadres. Bij Medium kan u eventueel extra informatie toevoegen (bijvoorbeeld een aanspreking – ook weer belangrijk voor als u mailings wenst te personaliseren) hoewel u dit eveneens gewoon leeg kan laten. Kies vervolgens of u terug in het overzicht wenst uit te komen of verder emailadressen wilt toevoegen. Nieuwe mailinglijsten aanmaken U kan verschillende mailinglijsten aanmaken, zodat u specifieke mailings naar bepaalde doelgroepen kan sturen. Dit doet u door op de knop Extra mailinglijst toevoegen te klikken.
57
Vul hier de naam van de Mailinglijst in en kies u terug naar het overzicht wenst te keren of nog een nieuwe mailinglijst wil toevoegen:
Bestand met mailadressen opladen Heeft u een bestand liggen met emailadressen, dan is het uiteraard niet de bedoeling dat u deze één voor één moet gaan ingeven. Ga hiervoor eerst naar de juiste mailinglijst (de lijst waarin de adressen moeten komen) en klik helemaal onderaan op Importeer lijst.
Kies voor Bestand opladen.
Hier kan u met JAVA (downloaden op www.java.com) het bestand gaan opladen, net zoals u bijvoorbeeld foto’s of documenten oplaadt. Maar let wel op de volgende aandachtspunten voor uw bestand: Het op te laden bestand moet een Excelbestand zijn, dat wordt opgeslagen als .csv bestand. 58
In kolom A zet u alle mailadressen, vermijd speciale tekens zoals ; / Is het bestand opgeladen dan komt u op het overzicht van de bestanden terecht. Hier ziet u bovenaan het bestand dat u net heeft opgeladen, gevolgd door een groene + of rode X. Klik op + om de emailadressen bij te voegen bij de bestaande mailinglijst. Klik op X om de adressen die in de mailinglijst stonden te verwijderen en de mailadressen van het opgeladen bestand in de plaats daarvan te voegen. Nieuwe mailing aanmaken Om een nieuwe mailing aan te maken, klikt u op de knop Nieuwe mailing aanmaken.
Vervolgens geeft u een titel in voor deze mailing, bijvoorbeeld ‘Nieuwsbrief april’. Klik daarna op Verstuur.
U komt vervolgens in het overzicht van de mailings terecht. Klik eerst op de titel van de mailing om een online voorbeeld van de nieuwsbrief te krijgen, zodat u het resultaat onmiddellijk kan bekijken. Klik dan op de knop Wijzigen achter de aangemaakte nieuwsbrief om deze te gaan invullen.
Daarna kan u via de tekstverwerker teksten en foto’s gaan inpassen in deze nieuwsbrief. De werking is dezelfde als bij het inpassen van foto’s en teksten op pagina’s. Bent u klaar, klik dan op Terug. 59
U komt terug op het overzicht van de nieuwsbrieven. Klik op Verzenden om de nieuwsbrief te versturen.
Kies eerst de mailinglijst waarnaar u wenst te verzenden. Ook al heeft u slechts 1 mailinglijst in het systeem, moet u deze aanduiden.
Geef een titel in en klik op Verstuur. Uitschrijffunctie Elke ingeschrevene in uw mailinglijst heeft ten allen tijde het recht om zich uit te schrijven. Dit is ook wettelijk verplicht. Onderaan elke mailing komt standaard een link naar een unsubscribe/no-reply mailadres dat gekoppeld werd aan uw nieuwsbrievensysteem. Het systeem registreert deze uitschrijvingen en zet de status van het emailadres in uw mailinglijst op non-actief en verwijderd vervolgens het adres uit de lijst. Wachttijden mailings Heeft u slechts een 100-tal emailadressen, dan zal uw mailing vrij snel verwerkt zijn door de server. Anders wordt het als uw mailinglijst veel meer adressen bevat. Omwille van spamratings bij diverse providers (vb emailadressen van @hotmail.com, @skynet.be, @telenet.be, enz…) kunnen slechts een 60-tal adressen per minuut aangeschreven worden. Dit staat standaard ingesteld op onze server. Zouden we meer mailadressen per minuut aanschrijven, dan kan het gebeuren dat de gehele server op een blacklist belandt, waardoor uw mailing automatisch geblokkeerd wordt. 60
Statistieken van mailings De nieuwsbrievenmodule kan uitgebreid worden met een rapportmodule waarin u kan bekijken hoeveel personen de mailing aankregen, hoeveel % van de mailings effectief geopend werd enz… Om dit te bekijken gaat u naar Modules -> Mailings -> Historiek mailing -> knop Stats achter de naam van de mailing -> Stats.
61
WEBSHOP AD-X
Categorieën aanmaken
1-2
Categorieën van plaats wisselen
2
Categorieën on-/offline zetten
2-3
Extra informatie bij hoofdcategorieën
3-4
Subcategorieën aanmaken
4-5
Subcategorieën van plaats wisselen
5
Subcategorie on-/offline zetten
5
Prijzen van subcategorieën aanpassen
5-6
Extra informatie bij subcategorieën
6
Artikelen toevoegen
6-8
Artikelen wijzigen
8
Artikelen verwijderen
8-9
Artikelen on-/offline zetten
9
Extra informatie bij artikelen
9-10
Nevenartikelen toevoegen
10-11
Starten: categorieën en subcategorieën aanmaken Categorieën aanmaken Alvorens u artikelen in uw webshop kan invoegen, moet u eerst bepalen met welke hoofd- en subcategorieën u gaat werken. Best is hiervoor een logische indeling te maken, denk hier dus goed over na. Categorieën toevoegen doet u bij Webshop -> Categorieën.
Hier komt u op een overzicht terecht waar u hoofdcategorieën kan toevoegen.
Voeg vervolgens de naam in van de categorie. Hou deze zo kort mogelijk aangezien de ruimte voor benamingen online beperkt is. Voeg ook zeker een foto toe.
1
Voor webshops met seo werd voor alle artikelen, hoofd- en subcategorieën een standaardtitel, description en keywords ingesteld. Maar u kan deze altijd manueel gaan overschrijven met de onderste 3 velden bij het toevoegen of bewerken van hoofdcategorieën. Vink hiervoor Aanvinken indien je de standaard settings wilt overschrijven aan en typ uw nieuwe titel, meta description en meta keywords in, in de daarvoor voorziene velden. Bent u klaar, klik dan op Verstuur. Dan komt opnieuw terecht in het overzicht van de categorieën. Herhaal dit voor elke hoofdcategorie die u wenst aan te maken.
Categorieën van plaats wisselen Heeft u alle benodigde categorieën aangemaakt, maar staan ze niet in de volgorde die u zou willen? Dan kan u in het overzicht van de categorieën (Webshop -> Categorieën) deze van plaats wisselen met de knop Sorteren, onderaan links.
Hier versleept u de blokken (knoppen) in de juiste volgorde, tot alles naar wens staat.
Categorieën on-/offline zetten Wenst u om eender welke reden (vb inventaris, tijdelijke onbeschikbaarheid van het product, …) een hoofdcategorie offline te zetten, inclusief alle subcategorieën en artikelen die zich daaronder bevinden, dan kan u dit heel eenvoudig doen door het groene icoontje voor de naam van de categorie aan te klikken.
2
Het icoontje kleurt dan rood. Groen betekent online, rood= offline. Een hoofdcategorie waar nog geen subcategorieën en/of artikelen onder zitten, zal sowieso niet zichtbaar zijn online. Pas als het icoon groen is EN er effectief artikelen in één van de subcategorieën zitten, zal uw hoofdcategorie online zichtbaar zijn.
Extra informatie Informatie in de vorm van foto’s en teksten is niet alleen belangrijk voor uw bezoeker, maar ook voor zoekmachines. Daarom is het belangrijk zoveel mogelijk informatie te gaan verschaffen over de artikelen in uw webshop. En om dit waar te kunnen maken, voorzien we in uw webshop de mogelijkheid om per categorie boven- of onderaan het overzicht van de artikelen een infopagina te kunnen invullen. Een voorbeeld met bovenaan informatie (rode pijl) en onderaan het overzicht van de subcategorieën van deze webshop (groene pijl):
Klik hiervoor op de knop Extra informatie in het overzicht van de categorieën (Webshop -> Categorieën).
3
Er opent zich vervolgens een CMS-infopagina, die u net zoals de infopagina’s van uw AD-X kan gaan invullen (zie handleiding AD-X 3.0).
Subcategorieën aanmaken Als alle hoofdcategorieën aangemaakt zijn, kan u vervolgens subcategorieën toevoegen. Klik op Subcategorieën in het overzicht van de categorieën (Webshop -> Categorieën).
Klik op Toevoegen om een nieuwe subcategorie aan te maken.
4
Voeg vervolgens een naam in en voeg een passende foto toe en klik op Verstuur.
Herhaal deze stappen voor elke subcategorie die u wenst aan te maken.
Subcategorieën van plaats wisselen Net als hoofdcategorieën kunnen ook subcategorieën van plaats gewisseld worden. Klik hiervoor op Volgorde in het overzicht van de subcategorieën (Webshop -> Categorieën -> Subcategorieën).
Versleep vervolgens de blokken in de gewenste volgorde.
Een subcategorie on-/offline zetten Net zoals bij hoofdcategorieën kan u ook een subcategorie offline zetten. Klik hiervoor op het groene icoontje voor de naam van de subcategorie. Rood=offline, groen=online. Maar ook hier geldt dat als een subcategorie geen artikelen bevat, deze sowieso niet zichtbaar zal zijn online.
Alle prijzen van een subcategorie aanpassen Achter elke subcategorie vindt u een knop Prijzen. Met deze knop kan u alle prijzen binnen de subcategorie in 1 keer gaan aanpassen, zodat u niet elk artikel afzonderlijk moet wijzigen als uw leverancier bijvoorbeeld een prijsstijging of –daling doorvoert.
5
Hier kan u vervolgens in % gaan ingeven of de prijs verhoogt of verlaagt moet worden. In onderstaand voorbeeld wensen we de prijs van onze subcategorie Bloezen in één keer met 10% te verhogen.
Als u daarna op Verstuur klikt, dan past het systeem alle prijzen van deze subcategorie aan. In dit geval wordt de prijs van elk artikel onder Bloezen met 10% verhoogd.
Extra informatie Net zoals bij hoofdcategorieën kan u bij subcategorieën boven- of onderaan (afhankelijk van uw layout) extra informatie gaan geven. Klik hiervoor op Extra informatie in het overzicht van uw subcategorieën (Webshop -> Categorieën -> Subcategorieën).
Artikelen toevoegen Heeft u uw hoofd- en subcategorieën ingegeven, dan kan u van start gaan met het invoegen van alle artikelen. Ga hiervoor naar Webshop -> Artikelen. 6
Hier komt u in de overzichtslijst van de artikelen. U ziet hier een opsomming van de hoofdcategorieën (Dameskleding in dit voorbeeld) met daaronder de subrubrieken (Bloezen). Klik op Lijst artikelen achter de subrubriek waaraan u artikelen wenst toe te voegen.
Klik op Nieuw artikel om een artikel toe te voegen.
Het volgende scherm bevat een aantal details die u moet ingeven voor het artikel. Dit is verschillend per webshop en wordt voor de ontwikkelingsfase besproken met de klant. De belangrijkste zaken die u hier zal moeten ingeven zijn: Titel: dit is de titel die ook online zichtbaar is, hou deze zo kort mogelijk. Verplicht in te geven. Artikelcode fabrikant: hoeft u in principe niet in te vullen, maar kan handig zijn als u bijvoorbeeld van uw leverancier specifieke bestel-of artikelcodes heeft. Dit veld wordt nooit vermeld op de website, dit is louter ter uwer informatie.
7
Beschrijving: hier kan u, indien gewenst, wat meer informatie gaan geven over het artikel in kwestie. Prijs: enkel belangrijk voor webshops met bestelmodule (heeft u geen bestemodule, dan mag u dit negeren): vult u hier geen prijs in, dan staat de prijs op € 0. Let daar dus mee op! Promoprijs: enkel belangrijk voor webshops met bestelmodule: hiermee kan u een promoprijs ingeven, waardoor online de prijs er opvallender zal uitzien. Zo weten uw bezoekers meteen dat er een speciale actie op het artikel geldt. Foto’s: niets verkoopt beter dan een foto, pak dus uit met de mooiste foto’s in uw webshop. Belangrijk: enkel .jpg, géén speciale tekens gebruiken en géén foto’s boven 5 MB! Titel, description en keywords: ook bij de artikelen kan u de standaardtitel, description en keywords manueel gaan overschrijven. Hiervoor vinkt u Aanvinken indien je de standaard settings wilt overschrijven aan en vult u de hiervoor voorziene velden in. Vervolgens komt u in het overzicht van de artikelen terecht. Om nieuwe artikelen toe te voegen, klikt u opnieuw op Nieuw artikel.
Een artikel wijzigen Een artikel kan altijd gewijzigd worden met het derde knopje bij het artikel (Webshop -> Artikelen -> Lijst artikelen).
U komt vervolgens op de detailfiche van uw artikel terecht waar u de wijzigingen kan doorvoeren. Klik op Verstuur om alles te bewaren.
Een artikel verwijderen Wenst u een artikel definitief te verwijderen? Klik dan op de X-knop, het vierde knopje onder uw artikel.
8
Een artikel on-/offline zetten Net zoals u hoofd- en subcategorieën on- of offline kan zetten, kan dat ook per artikel afzonderlijk. U zal merken in het overzicht van uw artikelen dat elk artikel standaard groen omlijnd is. Klikt u het artikel aan, dan wijzigt de kleur van de kader in rood. Een rode omkadering betekent dat het artikel offline staat, groen betekent online.
Extra informatie Het eerste icoontje onder een artikel is de mogelijkheid om, net zoals bij hoofd- en subcategorieën extra informatie toe te voegen.
9
U komt vervolgens terecht op een pagina waarbij u, net zoals een CMS-infopagina teksten en foto’s kan toevoegen (zie handleiding AD-X 3.0). Deze informatie komt online onder uw artikel te staan.
Nevenartikelen toevoegen Voor zeer uitgebreide webhops is het toevoegen van nevenartikelen interessant om het aantal artikelen onder een subcategorie gaan in te perken. Het heeft namelijk niet veel zin om 5 keer hetzelfde artikel toe te voegen, als het enige verschil tussen die 5 artikelen bijvoorbeeld de kleur of de maat is. Voor kleinere webshops met slechts een beperkt aantal artikelen per subcategorie raden we dit niet aan, omdat de bezoeker sneller een aankoop zal doen als uw aanbod zeer groot lijkt. Heeft u per subcategorie meer dan 20 artikelen, dan is deze optie te overwegen. Klik hiervoor op het tweede icoontje onder uw artikel (Webshop -> Artikelen -> Lijst artikelen)
Hier komt u op het overzicht van de subartikelen onder dit artikel terecht. Klik op Nevenartikel toevoegen.
10
U krijgt vervolgens een scherm te zien waarin de gegevens van uw hoofdartikel ingevuld staan, wijzig deze gegevens als deze anders zijn voor het nevenartikel en klik daarna op Verstuur. Het nevenartikel is nu toegevoegd. Als u nu opnieuw op het tweede icoontje klikt, ziet u dat hier het nevenartikel werd toegevoegd aan de lijst. U vindt hier ook de knopjes Extra informatie, Wijzig en Verwijder terug voor dit betreffende nevenartikel.
11