Startersgids iblox Hulp bij het opzetten van uw website.
Inhoudsopgave Start met uw website Inloggen vanaf BC dashboard Mail account aanmaken 1. Tab ‘Algemeen’ 2. Tab ‘Doorsturen’ 3. Tab ‘E-mailaliassen’ 4. Tab ‘Automatische beantwoording’ 5. Tab ‘Spamfilter’ Nog niet direct online Uw website inrichten Voorbereiding Ik heb een BC compleet pakket Start met vormgeven van uw website Bestanden uploaden Tekst, plaatjes en bloxmodules toevoegen Link invoegen/ wijzigen Website Google vriendelijk inrichten
Startersgids iblox Hulp bij het opzetten van jouw website.
1
Start met uw website Inloggen vanaf BC dashboard Om te beginnen met het opzetten van uw eigen website moet u in loggen in het BC dashboard. Vanuit het BC dashboard kunt u inloggen in het controlepaneel van iblox, met behulp van dit controlepaneel kunt u allerlei online zaken instellen en beheren. Denk bijvoorbeeld aan het instellen van e-mailadressen, emailaliassen en een afwezigheidsassistent. Maar natuurlijk ook het beheren van uw website gebeurt vanuit dit controlepaneel.
Mail account aanmaken Het is verstandig om te beginnen met het aanmaken van een e-mailadres, zodat klanten u kunnen bereiken. Doorloop onderstaande stappen om een e-mailadres aan te maken: ● Zorg dat u bent in gelogd in het controlepaneel van iblox. ● Controleer rechtsboven in het controlepaneel of het juiste abonnement is geselecteerd.
● ●
Selecteer het blauwe tabblad ‘Mail’ vanuit het menu links boven in het controlepaneel. Klik vervolgens op de knop ‘e-mailadres aanmaken.
Startersgids iblox Hulp bij het opzetten van jouw website.
2
1. Tab ‘Algemeen’
In het tab ‘Algemeen’ vult u de basisinformatie van het e-mailadres in. ● Vul de naam van het e-mailaccount in, bijvoorbeeld ‘info’ of uw eigen naam. ● Vul twee keer een wachtwoord in, zorg dat dit een veilig wachtwoord is wat niet makkelijk te raden is door anderen. ● Zorg dat het vinkje ‘Postvak’ is aangevinkt. ● Selecteer de grootte van de mailbox, zorg dat u ruimte overhoudt voor de website.
Startersgids iblox Hulp bij het opzetten van jouw website.
3
2. Tab ‘Doorsturen’
Het tabblad ‘Doorsturen’ is optioneel, hier kunt u aangeven of u al uw mail door wilt sturen naar een ander e-mailadres.
Startersgids iblox Hulp bij het opzetten van jouw website.
4
3. Tab ‘e-mailaliassen’
Een e-mailalias is een e-mailadres wat doorverwijst naar het primaire e-mailadres. Heeft u bijvoorbeeld net het e-mailadres ‘
[email protected]’ aangemaakt, dan kunt u nu bijvoorbeeld een alias ‘
[email protected]’ aanmaken. De mail die naar de alias wordt verzonden, komt dan ook in de mailbox van ‘
[email protected]’ aan.
Startersgids iblox Hulp bij het opzetten van jouw website.
5
4. Tab ‘Automatische beantwoording’
Hier kunt u uw afwezigheidsassistent voor het e-mailadres instellen. ● Om de afwezigheidsassistent te activeren, vinkt u ‘Automatische beantwoording activeren’ aan. ● In het eerste veld kunt u het onderwerp van de e-mail instellen. Als u de standaardwaarde ‘Re: <request_subject>’ gebruikt, wordt het onderwerp gebruikt van het originele bericht (het bericht waarop geantwoord wordt). ● Tenzij u kennis van HTML heeft, wordt aangeraden om ‘Berichtformaat’ en ‘Codering’ op ‘platte tekst’ en ‘UTF-8’ te laten staan, dit om problemen te voorkomen. ● Bij het veld ‘Berichttekst van Automatische Beantwoording’ vult u de tekst in die u als antwoord wilt sturen, bijvoorbeeld ‘Ik ben vandaag niet aanwezig, morgen zal ik uw mail beantwoorden’. ● In het veld ‘Doorsturen naar’ kunt u bijvoorbeeld een privé e-mailadres invullen, dit veld is optioneel. ● U kunt ook instellen of het automatische antwoord maar een beperkt aantal keren naar unieke adressen wordt verzonden. Zo voorkomt u dat een persoon meerdere keren het automatische antwoord krijgt. Startersgids iblox Hulp bij het opzetten van jouw website.
6
●
Als laatste kunt u eventueel ook een bijlage bijvoegen.
5. Tab ‘Spamfilter’
Hier kunt u het spamfilter voor het e-mailadres activeren, het wordt aangeraden om het spamfilter te activeren in combinatie met de 3e optie (Spam naar spammap verplaatsen). Zo heeft u geen last van spammail in uw inbox, maar als er per ongeluk iets in de spammap terecht komt, worden deze berichten niet automatisch verwijderd.
Startersgids iblox Hulp bij het opzetten van jouw website.
7
Nog niet direct online U heeft nu een e-mailadres, dus het is tijd om de website te gaan maken. Maar misschien wilt u tijdens het bouwen van de website niet dat de rest van de wereld al mee kan kijken. In dit geval is het handig om een ‘under construction’ pagina aan te maken. Met een ‘under construction’ pagina kunt u in alle rust uw site opbouwen, en op het moment dat u vindt dat de site klaar is om online te gaan, haalt u de ‘under construction’ pagina weg. Doorloop onderstaande stappen om een ‘under construction’ pagina aan te maken: ● Selecteer het tabblad ‘Websites & domeinen’. ● Klik op het iblox websitebuilder icoon.
●
Klik op de ‘editor’ button, u wordt nu doorgestuurd naar de websitebuilder.
Startersgids iblox Hulp bij het opzetten van jouw website.
8
●
Als dit de eerste keer is dat u de websitebuilder opent, zal er gevraagd worden om een template te kiezen. U kunt het template geheel naar eigen smaak aanpassen, of later zelf een compleet nieuw template kiezen.
●
Eenmaal aangekomen in de websitebuilder, klikt u in de linker zijbalk op ‘+ Pagina’
●
Vervolgens selecteert u een ‘Pagina zonder bovenkant’
Startersgids iblox Hulp bij het opzetten van jouw website.
9
●
Geef de pagina een naam, bijvoorbeeld ‘Under Construction’.
●
Links moet u nu de net aangemaakte pagina verslepen zodat deze boven de ‘Homepage’ pagina komt te staan.
●
Het enige wat u nu nog hoeft te doen is een tekstblok plaatsen met daarin bijvoorbeeld ‘Aan deze website wordt nog hard gewerkt. Kom binnenkort terug om de website te bekijken, voor vragen mail naar
[email protected]’. Uitleg over het plaatsen van een tekstblok is verderop in deze startersgids te vinden.
Startersgids iblox Hulp bij het opzetten van jouw website.
10
Uw website inrichten Voorbereiding Om een goed ingerichte website te maken die past bij de doelgroep die u wilt bereiken is enige voorbereiding nodig. Denk eerst na over wat het doel is van uw website; wilt u graag dat de doelgroep u goed kan bereiken, een offerte aanvraagt, een product in uw webshop bestelt of wilt u ze informeren over uw product? Dit doel geeft u dan prominente plek op uw website. Ga nadat u het doel heeft bepaald nadenken over de structuur van de website. Welke pagina’s wilt u op uw website hebben? Denk aan ongeveer vijf items (pagina’s) in het hoofdmenu, hieronder kunt u dan altijd nog andere (sub)pagina’s plaatsen. Geef de pagina’s die in uw hoofdmenu komen goede namen, denk hierbij aan woorden die uw bedrijf specificeren. Ga vervolgens alle materialen verzamelen die u op de website wilt weergeven. Denk hierbij aan: ● ● ● ●
Logo (bestandstype .png voor een transparante achtergrond) Teksten Afbeeldingen (.jpg) Kleurstelling (achtergrondkleur, tekstkleur etc)
Ik heb een BC compleet pakket Als u een BC compleet pakket heeft aangeschaft, komt u in aanmerking voor een op maat gemaakt basis websiteontwerp door de webdesigners van iblox. Het basisontwerp is een template in uw huisstijl inclusief een aantrekkelijk ingerichte homepage. De iblox webdesigners maken voor u een ontwerp aan de hand van de door u aangeleverde materialen en wensen. Neem contact op met iblox 0900 - 8200800 (€ 0.10 p/min), geef aan dat u een BC compleet pakket heeft en graag uw basisontwerp zou willen ontvangen. We spreken uw wensen door en daarna stuurt u uw logo, tekst en foto’s voor de site naar
[email protected] iblox geeft vervolgens aan wanneer het basisontwerp gereed zal zijn.
Startersgids iblox Hulp bij het opzetten van jouw website.
11
Start met vormgeven van uw website De iblox website builder is een makkelijke omgeving waar u eenvoudig uw website kunt maken en bewerken. U heeft de voorbereidingen getroffen en bent klaar om alles op uw website te zetten. Log in op uw iblox website builder editor en kies een template. Let bij het kiezen van een template met name op de menustructuur. Wilt u een horizontaal of een verticaal menu? Of misschien wel een uitklapmenu? Kies het template wat aansluit op uw wensen. U kunt het template altijd weer wijzigen. De inhoud van de site blijft behouden. Van template wisselen doet u via ‘Dashboard’ > ‘Wijzig template’.
Een navigatiemenu stelt u samen door pagina’s toe te voegen. De paginanaam wordt de naam van de knop in uw menu. Maak nu uw eerste pagina’s aan door op ‘+ Pagina’ te klikken. Kies vervolgens wat voor soort pagina u wilt hebben.
De volgorde van uw pagina’s is uw menu volgorde. Verander de volgorde van pagina’s eenvoudig door deze aan te klikken en te slepen. Hierdoor kunt u ook subpagina’s creëren, deze komen dan ook in het submenu terecht. Wilt u een pagina naam veranderen of hem onzichtbaar in het menu maken dan kunt u dit doen door op het icoontje ‘opties’ voor de betreffende pagina te klikken Startersgids iblox Hulp bij het opzetten van jouw website.
12
Paginanaam
Bestanden uploaden Voordat u inhoud aan de pagina’s gaat toevoegen is het handig om uw afbeeldingen en/of bestanden te uploaden. Ga naar ‘Bestanden’ om uw afbeeldingen of documenten te zien.
Als u veel bestanden gaat uploaden, is het handig om eerst overzichtelijke mappen te maken zodat u later makkelijker bestanden kunt weer vinden. Ga vervolgens in de map staan waar u graag wat wilt uploaden en druk op ‘Bestand(en) uploaden’. Kies in de blauwe balk voor ‘Meerdere’ als u meerdere bestanden tegelijk wilt selecteren om te uploaden.
Startersgids iblox Hulp bij het opzetten van jouw website.
13
Tekst, plaatjes en bloxmodules toevoegen Als u inhoud aan uw pagina’s wilt toevoegen doet u dit door tekst, afbeeldingen en/of blox blokken te maken. Deze kunt u eenvoudig maken door onder aan de pagina te selecteren wat voor type inhoud u wilt plaatsen. Kies voor ‘Tekst’, ‘Afbeelding’ of ‘Bloxs’.
Klik vervolgens ergens op het rasterveld, klik en houd de muis ingedrukt tot u de gewenste grootte hebt getrokken. U kunt de grootte van het blok altijd weer aanpassen door op de uithoeken te gaan staan en deze te verslepen. Elk blok dat u trekt heeft een aantal opties, ga met de muis over een blok heen en er verschijnen een aantal bolletjes rechts bovenin het blok. Klik hier op om het blok te verplaatsen, de rangschikking te wijzigen, instellingen aan te passen of om het te verwijderen.
Startersgids iblox Hulp bij het opzetten van jouw website.
14
Startersgids iblox Hulp bij het opzetten van jouw website.
15
Voor de afbeelding en blox blokken zijn een aantal extra opties. Zo kunt u bij een afbeeldingsblok een afbeelding toevoegen/wijzigen door op het map icoontje te klikken en uit uw bestandenmap de gewenste afbeelding te selecteren. Bij blox kunt u verschillende modules selecteren zoals, Google Maps, een Youtube fimpje, social media, een slideshow en formulieren.
Link invoegen/ wijzigen Om een stukje tekst of een afbeelding de linken naar een andere pagina op uw website of een externe website, maakt u een hyperlink. U kunt een hyperlink in de tekst aanmaken door het gewenste stukje tekst te selecteren en te klikken in de teksteditor op het icoontje voor link invoegen/wijzigen.
In het volgende venster geeft u met ‘/paginanaam’ aan waarheen u wilt linken binnen uw site of plakt u het adres waarnaar u buiten uw website wilt linken. Klik vervolgens op OK en de link is gecreëerd. Wilt u de link weer wijzigen? Dan dubbelklikt u op de link en dan opent het venster met opties weer.
Startersgids iblox Hulp bij het opzetten van jouw website.
16
Website Google vriendelijk inrichten Er zijn een aantal elementen waarmee u de website Google vriendelijk kunt inrichten. Als eerste kunt u elke pagina een pagina titel en omschrijving meegeven. Deze worden dan getoond in de Google zoekresultaten. U kunt dit doen door op het schrijficoontje voor de pagina te klikken. Nu kunt u de paginatitel en -omschrijving invullen onder de paginanaam. Hierbij staan gelijk al een aantal tips aangegeven.
Naast uw pagina een titel en omschrijving mee te geven, is het ook belangrijk dat de tekststructuur van de betreffende pagina klopt. Dit betekent dat u bij teksten gebruik moet maken van koppen, want hierop scant Google uw website. Zet op iedere pagina één hoofdkop en markeer deze met stijlelement ‘Kop 1’. Kleinere koppen in de tekst markeert u als ‘Kop 2’. U geeft een kop een stijl door de gewenste tekst te selecteren en te kiezen voor de stijl die u wilt gebruiken in de teksteditor.
Startersgids iblox Hulp bij het opzetten van jouw website.
17
Als u afbeeldingen heeft op uw pagina is het verstandig om deze ook een goede naam te geven en een ‘alt tag’ mee te geven. Zo kunt u ook op afbeeldingen gevonden worden in Google. Zo geeft u de afbeelding een alt tag: Ga met uw muis over het afbeeldings blok en klik op het ‘Opties’ bolletje. Vul vervolgens bij alt tag tekst in die de afbeelding omschrijft. De alt tag verschijnt op uw website zodra u met de muis op een afbeelding blijft staan. De alt tag is naast de naam van een afbeelding ook een waarde die word meegenomen bij het zoeken in Google.
Om te kijken wat het bezoekgedrag is van uw doelgroep kunt u uw website koppelen aan Google analytics. Maak eerst een account aan op www.google.com/analytics/ vul vervolgens de Google Analytics tracker en webmaster codes in bij ‘Dashboard’ > ‘Instellingen’.
Startersgids iblox Hulp bij het opzetten van jouw website.
18