Aan de slag met Website Builder

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 - Voorbeeld bekijken
  • Stap 9 - Publiceren

Stap 1 - Open Website Builder in het configuratiescherm

Je opent de Website Builder via de tegel in het one.com configuratiescherm.

  1. Log in op het configuratiescherm van hrefhttps://login.one.com/cphrefone.com.
  2. Klik op het pijltje bij de tegel ‘Websitebouwer’.

Tip: Gebruik je de proefversie van Website Builder? Log dan via deze link in: Log om toegang te krijgen tot de proefversie van Website Builder.

Screenshot van het Configuratiescherm. Een rode pijl wijst naar de tegel Websitebouwer.

Je ziet het volgende scherm als je nog niet aan een Website Builder-site bent begonnen. Klik op Aan de slag om te beginnen.

Screenshot van de welkomstpagina van de Websitebouwer. Een rode pijl wijst naar de knop 'Aan de slag'.


Stap 2 - Voeg basisinformatie over je bedrijf of project toe

Een categorie toevoegen

  1. Kies een categorie voor je bedrijf of project. 
  2. Omdat ons installatieproces AI-gestuurd is, moet je het vakje aanvinken dat je de algemene voorwaarden van OpenAI hebt gelezen en begrepen.
  3. Klik op Verder

Opmerking: In deze handleiding laten we het proces zien zoals het zich ontvouwt wanneer je kiest voor de AI-gestuurde flow. Je kunt ook gewoon een template kiezen en deze naar wens aanpassen door op de link te klikken: 'gebruik in plaats daarvan templates'. We raden aan om de door AI-gestuurde installatie te kiezen, omdat je hiermee sneller een website op maat krijgt.

Screenshot van het venster 'Kies een websitecategorie'.

Aanvullende informatie toevoegen

  1. Afhankelijk van het thema dat je voor je website hebt gekozen, 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 Doorgaan.

Opmerking: In deze handleiding proberen we als voorbeeld een website voor een landschapsfotograaf op te zetten. Afhankelijk van het thema wordt je mogelijk in de eerste stap gevraagd om andere informatie te verstrekken dan hier wordt weergegeven. Als je site bijvoorbeeld voor een restaurant is, moet je opgeven of je zowel 'hier eten', 'bezorgen' en/of 'afhalen' aanbiedt. Of als het voor een speelgoedwinkel is, dan zul je moeten aangeven of je zowel een fysieke winkel als een webshop hebt.

Screenshot van het venster 'Wat is de naam van je bedrijf?'.

Voeg een paar trefwoorden toe

  1. 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.
  2. Klik op Doorgaan om door te gaan of selecteer Overslaan om de informatie later toe te voegen.

Screenshot van het venster 'Vertel ons over je bedrijf'.

Vul je contactgegevens in

  1. Voeg je contactgegevens toe. Deze worden op je website weergegeven.
  2. Klik op Volgende om door te gaan, of op Ik voeg dit later toe om deze stap nu over te slaan.

Screenshot van het venster 'Voeg je contactgegevens toe'.

Geef aan hoe je wilt worden gepresenteerd

  1. Je wordt mogelijk gevraagd om aan te geven of de websiteteksten vanuit een enkelvoudig of meervoudig perspectief moet worden geschreven. Kies je voorkeursoptie en klik op Doorgaan.

Screenshot van het venster 'Hoe wil je je bedrijf presenteren?'.


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. 

  1. 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.
  2. 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.
  3. 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 een deel van de door jou 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.

 

Screenshot met een voorgesteld sjabloon. Links zie je in een paneel rijen met voorgestelde kleurstalen voor het kleurenthema. Een rode pijl wijst naar de knop 'Toepassen' onderaan.


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 je aan de volgende handleiding te lezen om meer te leren 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.

wsbstart8.png

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.

wsbstart9.png

Een component verwijderen

Om een component te verwijderen selecteer je het en klik je "Delete" op je toetsenbord. Je kunt ook op het pictogram met de drie stippen in een cirkel klikken en Verwijderen selecteren in het menu dat verschijnt.

wsb_gettingstarted4.png


Stap 5 - Bewerk tekst en afbeeldingen

De meeste inhoud van je site 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?

wsbstart14.png

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.

  1. Klik op een afbeelding om deze te selecteren.
  2. Klik op de knop Afbeelding vervangen die boven of onder de component verschijnt.
  3. Selecteer de afbeelding die je wilt gebruiken of klik op Uploaden, rechts bovenin, om afbeeldingen vanaf je computer of een andere locatie te uploaden.
  4. Klik op ‘Toevoegen aan pagina’.

Hoe voeg ik een afbeelding toe aan mijn Website Builder-site?

wsbstart11.png


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.

Hoe voeg ik een nieuwe pagina toe in Website Builder?

Je kunt ook de naam wijzigen van een bestaande pagina:

  1. Kies de pagina in het paginamenu in de bovenste balk.
  2. Klik op het cirkelpictogram met de drie stippen om de paginaopties te openen.
  3. Kies Instellingen.
  4. Hier kun je onder andere de paginanaam bewerken die zichtbaar is in het menu en browsertabblad.
  5. Klik op Opslaan om de wijzigingen op te slaan.

wsbstart12.png

Secties toevoegen of hernoemen

Je kunt meer secties aan een bestaande pagina toevoegen.

  1. Ga naar de plaats waar je een nieuwe sectie wilt plaatsen.
  2. Ga met je muisaanwijzer op het plus-teken op de oranje lijn staan. Klik op Sectie toevoegen dat nu zichtbaar wordt.
  3. Kies een rubriek in het linkerpaneel.

Je kunt een sectie ook een andere naam geven:

  1. Selecteer het gedeelte en klik bovenaan of onderaan op het tabblad ‘Gedeelte bewerken’.
  2. Kies in het zwevende menu dat verschijnt de optie 'Sectietitel'.
  3. 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.

wsbstart10.png


Stap 7 - Opslaan

Vergeet niet om de site vaak op te slaan! Zo verlies je niet al je 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 dat 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.

wsbstart15.png


Stap 8 - Voorbeeld bekijken

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.

  1. Klik op de knop ‘Voorbeeld’ in de bovenste balk.
  2. Navigeer door het menu om alle pagina's van je site te bekijken. Controleer ook de mobiele versie van je site.
  3. Klik op Terug naar de editor om terug te keren en eventuele wijzigingen door te voeren.

wsbstart17.png


Stap 9 - Publiceren

Wanneer je klaar bent om je site met de wereld te delen, is het tijd om te publiceren.

  1. Klik op de knop Publiceren in de bovenste balk.
  2. 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 .

wsbstart18.png


Gerelateerde artikelen:

Was dit artikel nuttig?

Kun je het antwoord niet vinden?

Start een chat

De snelste manier om contact op te nemen — op werkdagen van 09:00 tot 18:00.

Bellen kan ook!

Beschikbaar op werkdagen van 09:00 tot 16:00.