In deze handleiding helpen we je snel op weg met onze Website Builder. Met onze AI-onboarding en Schrijfassistent heb je in een mum van tijd een website naar wens online.
- Stap 1 - Open Website Builder in het Configuratiescherm
- Stap 2 - Voeg basisinformatie over je bedrijf of project toe
- Stap 3 - Kies een kleurenthema en template
- Stap 4 - Componenten toevoegen, bewerken en verwijderen
- Stap 5 - Bewerk tekst en afbeeldingen
- Stap 6 - Pagina's of secties toevoegen of hernoemen
- Stap 7 - Opslaan
- Stap 8 - Bekijk voorbeeld
- Stap 9 - Publiceren
Stap 1 - Open Website Builder in het Configuratiescherm
Je opent de Website Builder via de gelijknamige tegel in het one.com Configuratiescherm.
- Log in op het one.com Configuratiescherm.
- Klik op de pijl op de tegel Website Builder.
Tip: Gebruik je de proefversie van Website Builder? Log dan in via deze link: Log in voor de proefversie van Website Builder.
Als je nog niet aan een Website Builder-site bent begonnen, zie je het onderstaande scherm. Klik op Aan de slag om te beginnen.
Stap 2 - Voeg basisinformatie over je bedrijf of project toe
Een categorie toevoegen
- Kies een categorie voor je bedrijf of project.
- Omdat ons installatieproces AI-gestuurd is, moet je het vakje aanvinken dat je de algemene voorwaarden van OpenAI hebt gelezen en begrepen.
- Klik op Volgende.
Opmerking: In deze handleiding laten we het proces zien wanneer je kiest voor de AI-gestuurde installatie. Je kunt ook een template kiezen en deze naar wens aanpassen door op de link te klikken: 'gebruik in plaats daarvan templates'. We raden aan om de AI-gestuurde installatie te gebruiken, omdat je hiermee sneller een gepersonaliseerde website opzet.
Aanvullende informatie toevoegen
- Afhankelijk van het gekozen thema voor je website, krijg je nu de eerste van maximaal vier stappen te zien waarin je informatie over je bedrijf of project kunt toevoegen. Voeg de gevraagde informatie toe en klik op Volgende.
Opmerking: In deze handleiding maken we als voorbeeld een website voor een landschapsfotograaf. Afhankelijk van jou thema kan het zijn dat je in de eerste stap andere informatie moet invullen dan hier wordt getoond. Heb je bijvoorbeeld een restaurant, dan moet je aangeven of je zowel 'hier eten', 'bezorgen' en/of 'afhalen' aanbiedt. Of als je een speelgoedwinkel hebt, dan moet je aangeven of je zowel een fysieke winkel als een webshop hebt.
Zoekwoorden toevoegen
- Voeg enkele zoekwoorden of zinnen toe die jouw bedrijf of project beschrijven. Noem maximaal 3 dingen. Deze stukjes informatie vormen de basis voor je websiteteksten.
- Klik op Volgende om door te gaan of kies Overslaan om de informatie later toe te voegen.
Contactgegevens toevoegen
- Voeg je contactgegevens toe. Deze worden op je website weergegeven.
- Klik op Volgende om door te gaan, of op Ik voeg dit later toe om deze stap nu over te slaan.
Geef aan hoe je wilt worden gepresenteerd
- Je wordt mogelijk gevraagd om aan te geven of de websiteteksten in de enkelvoud- of meervoudsvorm moeten worden geschreven. Kies je voorkeursoptie en klik op Volgende.
Stap 3 - Kies een kleurenthema en template
Je ziet nu een voorgesteld template op basis van je ingevulde informatie. De template bepaalt het algehele ontwerp van je site, zoals de opmaak en lettertypen. Alle templates zijn volledig aanpasbaar, zodat je later altijd aanpassingen kunt maken.
De template wordt ook geleverd met een voorgesteld kleurenthema om ervoor te zorgen dat kleuren van bijvoorbeeld knoppen en achtergronden bij elkaar passen en dat dezelfde kleuren consistent worden gebruikt op alle pagina's van de website.
- Scroll door het templatevoorbeeld om alle elementen op de pagina te bekijken. Je kunt alle elementen wijzigen als je besluit om deze template te gebruiken.
- Kies een kleurenthema aan de linkerkant. Bovenaan zie je de aanbevolen combinaties en je krijgt een uitgebreide lijst met suggesties door op Andere kleuren te klikken.
- Zodra je een kleurenthema hebt geselecteerd, klik je op Toepassen om de template toe te voegen aan je werkruimte in de editor.
Tip: Als je een andere templatesuggestie wilt, klik je op Terug om terug te gaan in het proces en enkele van de ingevoerde informatie te wijzigen. Je kunt ook op de link aan de linkerkant klikken met de tekst Bekijk alle templates. Je krijgt dan een overzicht van vooraf ontworpen templates waaruit je kunt kiezen.
Stap 4 - Componenten toevoegen, bewerken en verwijderen
Je Website Builder-werkruimte is nu ingesteld met de gekozen template en je kunt beginnen met het maken van je website. Elke pagina in de Website Builder bestaat uit een header, een footer en minimaal één sectie. Content die je in de header en de footer plaatst, wordt op alle pagina's van je website getoond. Je kunt bijvoorbeeld het menu en logo in de header plaatsen en je contactgegevens in de footer.
We raden aan de volgende handleiding te lezen voor meer informatie over header, footer en secties:
Een component toevoegen
Alle content op je site bestaat uit componenten, bijvoorbeeld tekst, afbeeldingen, knoppen, enz. Je vindt alle beschikbare componenten in het menu aan de linkerkant. Je kunt eenvoudig componenten aan de pagina's toevoegen door ze vanuit het menu naar de werkruimte te slepen.
- De dunne rood/oranje stippellijnen geven aan hoe de component is uitgelijnd met andere componenten.
- Een rood gebied geeft aan dat je de component bovenop een ander component plaatst.
- Hoe voeg ik een component toe aan een pagina in Website Builder?
Een component bewerken
Dubbelklik op een component om de instellingen voor die component te openen. In deze instellingen kun je bijvoorbeeld de stijl en grootte van de component wijzigen of deze naar een andere locatie laten linken. Als je buiten de component klikt, verdwijnt het instellingenmenu.
Tip: In plaats van de grootte van de component in de instellingen te veranderen, kun je ook de rood/oranje kaderlijnen op alle hoeken en zijden verslepen.
Een component verwijderen
Om een component te verwijderen, selecteer je deze en klik op "Delete" op je toetsenbord. Je kunt ook op het pictogram met de drie stippen klikken en Verwijderen kiezen in het menu dat verschijnt.
Stap 5 - Bewerk tekst en afbeeldingen
De meeste content op je website bestaat waarschijnlijk uit tekst en afbeeldingen. Laten we daarom wat meer aandacht besteden aan deze componenten.
Tekst bewerken
Je kunt de standaard websiteteksten eenvoudig bewerken of vervangen door je eigen tekst. Dubbelklik op een component om deze te bewerken.
Tip: Je kunt de Website Builder Schrijfassistent gebruiken om je te helpen met het schrijven of herschrijven van je websitetekst. Lees meer over deze functie in onze handleiding: Hoe gebruik je de Schrijfassistent in Website Builder?
Afbeeldingen bewerken
De afbeeldingen in onze templates zijn stockfoto's die je mag houden, maar waarschijnlijk wil je ze vervangen door eigen afbeeldingen om jouw bedrijf of project zo goed mogelijk te presenteren.
- Klik op een afbeelding om deze te selecteren.
- Klik op de knop Afbeelding vervangen die boven of onder de component verschijnt.
- Selecteer de afbeelding die je wilt gebruiken of klik op Uploaden, rechts bovenin, om afbeeldingen vanaf je computer of een andere locatie te uploaden.
- Klik vervolgens op Toevoegen aan pagina.
Stap 6 - Pagina's of secties toevoegen of hernoemen
Pagina's toevoegen of hernoemen
Je kunt altijd meer pagina's toevoegen via het paginamenu, links in de bovenste balk. Dit menu is gemarkeerd met een blauwe achtergrond. Klik op de knop + Nieuwe pagina toevoegen en volg de instructies.
Je kunt ook de naam wijzigen van een bestaande pagina:
- Vind de pagina in het paginamenu in de bovenste balk.
- Klik op het cirkelpictogram met de drie stippen om de paginaopties te openen.
- Kies Instellingen.
- Hier kun je onder andere de paginanaam bewerken die zichtbaar is in het menu en browsertabblad.
- Klik op Opslaan om de wijzigingen op te slaan.
Secties toevoegen of hernoemen
Je kunt meer secties aan een bestaande pagina toevoegen.
- Ga naar de plaats waar je een nieuwe sectie wilt plaatsen.
- Ga met je muisaanwijzer op het plus-teken op de oranje lijn staan. Klik op Sectie toevoegen dat nu zichtbaar wordt.
- Kies een sectie uit het menu aan de linkerkant.
Het is ook mogelijk om een sectie te hernoemen:
- Selecteer de sectie en klik bovenaan of onderaan op Bewerk sectie.
- In het verplaatsbare menu dat verschijnt, klik je op Sectietitel.
- Voer de nieuwe titel in om de sectie te hernoemen.
Tip: Je kunt vanuit het menu ook links naar een specifieke sectie toevoegen. Dit is vooral handig als je een website van één pagina maakt. Je leest meer over sectielinks in onze gespecificeerde handleiding over deze functie.
Stap 7 - Opslaan
Vergeet niet om je website regelmatig op te slaan! Zo verlies je geen wijzigingen als er iets misgaat. Ben je niet tevreden met het resultaat? Gebruik de pijlen in de bovenste balk om wijzigingen ongedaan te maken of opnieuw uit te voeren. Het enige wat je niet ongedaan kunt maken, is het verwijderen van een pagina.
Tip! Als je de Premium versie van Website Builder hebt, heb je toegang tot de ingebouwde Back-up & Herstel-functie. Hiermee kun je eerder opgeslagen versies van je site laden. Elke keer dat je site wordt opgeslagen, wordt er automatisch een back-up gemaakt.
Stap 8 - Bekijk voorbeeld
Het is een goed idee om een voorbeeld van je site te bekijken voordat je deze publiceert om te zien hoe het eruit zal zien voor bezoekers.
- Klik op de knop Voorbeeld in de bovenste balk.
- Navigeer door het menu om alle pagina's van je site te bekijken. Controleer ook de mobiele versie van je site.
- Klik op Terug naar de editor om terug te keren en eventuele wijzigingen door te voeren.
Stap 9 - Publiceren
Wanneer je klaar bent om je site met de wereld te delen, is het tijd om te publiceren.
- Klik op de knop Publiceren in de bovenste balk.
- Bevestig je keuze door nogmaals op Publiceren te klikken.
Klaar! Je hebt nu je website gemaakt en deze wordt gepubliceerd. Afhankelijk van het aantal pagina's en content kan dit enkele minuten duren.
Tip: Klik op je domeinnaam via het menu rechtsboven om je site online te bekijken. Zie je je site niet na publicatie? Controleer dan of je de startpagina correct hebt ingesteld .
Gerelateerde artikelen: