Starten met Voluit Suite: Lanceer een website vanaf nul

Je eigen website vanaf nul lanceren kan overweldigend voelen, maar laat een lege pagina je niet tegenhouden. Met deze instructies ga je in recordtijd van idee naar publicatie.

INHOUDSOPGAVE

Preparation & Planning
Create Blank Website
Build the Home Page
Add More Pages
Add Navigation
Previewing, Settings & Publishing

Voorbereiding en planning

Voordat je inlogt bij Voluit Suite of je eerste element sleept, bespaar je veel tijd en moeite door eerst je website te plannen. Het resultaat is een veel effectievere website.

Bepaal het doel van je website:
1. Wat is het primaire doel van deze website? Is het leads genereren, producten verkopen, informatie bieden, merkbekendheid opbouwen of afspraken boeken? Als je dit weet, kun je al je ontwerp- en contentkeuzes hierop afstemmen.
2. Wie is je doelgroep? Als je hun behoeften, voorkeuren en pijnpunten begrijpt, kun je de content en het ontwerp van je website zo afstemmen dat deze bij hen aansluit.
  
  Breng je content en structuur in kaart:
3. Welke pagina's heb je nodig? De meeste bedrijfswebsites beginnen met een Home-, Over ons-, Diensten/Producten- en Contactpagina. Afhankelijk van je doelen heb je mogelijk meer of minder pagina's nodig.
4. Welke belangrijke informatie of call-to-action moet op elke pagina staan? Bedenk wat je wilt dat bezoekers op elke pagina doen of leren.
5. Verzamel je middelen: heb je je logo, merkkleuren, afbeeldingen, video's en geschreven content (of in ieder geval een idee daarvan) klaar?
Een eenvoudig plan: met een tabel kun je dit in kaart brengen. Je plan kan er bijvoorbeeld als volgt uitzien:

Page/Element	Purpose	Sections & Contents
Home	Introduceer het bedrijf, benadruk de belangrijkste aanbiedingen en de belangrijkste call-to-action	Hoofdkop (bijv.: Welkom bij Bedrijf) Subkop (bijv.: We helpen je met Thing) Call-to-action (bijv.: Plan een gesprek) Introductiemedia (bijv.: hero-afbeelding of video sales letter) Overzicht van elk product of elke dienst
Over ons	Bouw vertrouwen op, vertel je verhaal en introduceer het team	Geschiedenis/missie van het bedrijf Foto's en biografieën van teamleden Waarden/wat ons anders maakt
Contact	Geef bezoekers de mogelijkheid om contact op te nemen en vermeld een locatie	Contactformulier Telefoonnummer, e-mail Adres Kaart
Diensten/Producten	Details over wat je aanbiedt	Lijst en beschrijving van producten/diensten Prijsinformatie Voordelen Case studies
Navigatiemenu	Eenvoudige navigatie op de hele website	Logo, links naar pagina's
Footer	Belangrijke links, copyright, contactgegevens	Copyrightmelding Privacybeleid Servicevoorwaarden Contactgegevens Pictogrammen van sociale media

Lege website maken

Navigeer naar Sites > Websites > New Website > From Blank en klik op Create.
Klik op Add New Page en geef de pagina een naam (bijv.: Home). Klik daarna op Create New Page.

De Home Page opbouwen

Klik op Create From Blank
Open de Website Builder.
De editor begrijpen:
1. Control Panel: bepaal wat er in het Left Panel (4) wordt weergegeven, zoals elementen, pagina's en metadata.
2. Device Switcher: wissel tussen desktop- en mobiele weergaven om de responsiviteit te testen.
3. Meta Controls: geschiedenis, ongedaan maken, voorbeeldweergave, opslaan, publiceren, enzovoort.
4. Left Panel: elementen en instellingen voor de pagina.
5. Center Panel: live, bewerkbare voorbeeldweergave van je pagina.
6. Right Panel: instellingen en stylingopties voor de geselecteerde Section, Row of Element.
7. Breadcrumb Bar: toont onderaan de builder de hiërarchie van het geselecteerde element. Beweeg over een bovenliggend element om het op het canvas te markeren, of klik erop om het te selecteren en te bewerken.
Een Section toevoegen: klik in het midden (als dit leeg is) of klik op het + (Add Element/Section)-pictogram in de linkerzijbalk. Kies Sections en selecteer daarna een sectiebreedte (bijv. Full Width).
Een Row toevoegen: sleep in de nieuwe sectie met groene rand om een Row toe te voegen en selecteer 1 Column.
Headline en Sub-Headline toevoegen: klik in de 1 Column Row op Add Element.
1. Headline: sleep een element “Headline” naar de rij. Klik op de tekst om deze te bewerken (bijv. “Welkom”). Gebruik het rechterpaneel om het lettertype, de grootte, de kleur enzovoort te wijzigen.
2. Sub-Headline: klik opnieuw op + Add Element en sleep een “Sub-Headline” onder de hoofdkop. Bewerk de tekst en stijl (bijv.: We helpen je groeien).
Een Button toevoegen: voeg onder de subkop een button toe. Bewerk daarna de tekst van de button naar “Bel ons nu”,
Een Action toevoegen: scroll in de instellingen van de button (Right Panel) omlaag naar Button Actions, selecteer Call en voer daarna je telefoonnummer in.
Herhalen: blijf sections, rows en elements toevoegen om je homepage op te bouwen.
Opslaan: klik op het opslagpictogram.

Meer pagina's toevoegen

Navigeer naar Sites > Websites > Site Details (klik op de terugknop als je nog in de pagina-editor zit).
Een nieuwe pagina toevoegen: klik op de knop Add New Page. Geef de pagina een naam (bijv.: About Us) en klik op Create New Page.
Create From Blank: klik in dit geval op de knop Create From Blank.
Pagina opbouwen: voeg op dezelfde manier elementen en content aan de pagina toe. Je kunt een text-element en een image-element toevoegen. Klik op Save en daarna op Back.

Navigeer naar Sites > Websites > Site Details (klik op de terugknop als je nog in de pagina-editor zit).
De Home Page bewerken: klik onder de paginakaart met de titel “home” op Edit.
Een nieuwe full-widthsectie bovenaan toevoegen: voeg helemaal bovenaan de pagina, boven alle andere secties, een nieuwe full-widthsectie toe.
Een rij met 1 kolom en Navigation Menu toevoegen: voeg in de nieuwe bovenste sectie een rij met 1 kolom toe en voeg daarna het element Navigation Menu toe.
Instellingen van Navigation Menu bewerken: klik om het navigatiemenu te selecteren. Controleer daarna in de rechter instellingenbalk of elke link naar de juiste pagina verwijst, voeg een logo toe enzovoort.
Een nieuwe full-widthsectie onderaan toevoegen: voeg onderaan de pagina, onder alle andere secties, een nieuwe full-widthsectie toe.
Een vooraf gebouwde footer toevoegen: open Elements > Prebuilt Elements > Footer en sleep een footer naar de onderste sectie.
Navigation Menu en Footer bewerken: selecteer elk element en verwijder het of bewerk de instellingen ervan in het Right Panel. Klik op Save en daarna op Back als je klaar bent.

Voorbeeldweergave, instellingen en publiceren

Navigeer naar Sites > Websites > Site Details en klik op de preview page button (vak met pijlpictogram). OF klik in de page builder op de preview button (oogpictogram).
Mobiele weergave bekijken: klik in de page builder op het pictogram van de mobiele telefoon om tussen desktop- en mobiele weergaven te wisselen. Of klik in de voorbeeldweergave met de rechtermuisknop en selecteer inspecteren. Klik daarna in het inspector panel op het desktop-/mobiele pictogram.
Aanpassen voor responsiviteit: pas in de pagina-editor de elementen en instellingen aan totdat alles er op desktop en mobiel goed uitziet. Als je één element niet goed krijgt, kun je het dupliceren en in de advanced settings het ene element visible on desktop maken en het andere visible on mobile.
Opslaan en publiceren: sla regelmatig op en publiceer eventueel tussentijds. Sla alles nog één keer op en publiceer de pagina wanneer je klaar bent.
SEO Meta Data: klik in de page builder op het SEO-pictogram om het SEO Meta Data-paneel te openen. Bewerk de SEO- en metadata (titel, beschrijving enzovoort).
Een domein koppelen: dit is optioneel, maar als je een aangepast domein hebt, kun je dit aan je website koppelen. Verlaat de page builder en ga naar het tabblad Settings om een domein te koppelen. Hier kun je een domein selecteren, een favicon toevoegen, trackingcode toevoegen, een chatwidget toevoegen en meer.

Problemen met het lanceren van je website oplossen

Als je website na het publiceren niet werkt of eruitziet zoals verwacht, voer je de onderstaande controles uit.

De live website toont nog oude content

Het opslaan van een pagina maakt niet altijd de nieuwste versie live.

Open de betreffende pagina in de Website Builder.
Klik op Save.
Klik op Publish.
Open de live URL in een incognito- of privévenster van je browser en controleer de pagina opnieuw.

Controleer of elke pagina die live moet staan, is gepubliceerd.

Het domein staat op in behandeling of wordt niet gekoppeld

Als het domein nog niet volledig is gekoppeld:

Controleer of de DNS-records overeenkomen met de waarden die HighLevel heeft opgegeven.
Controleer het recordtype, de host/naam en de waarde op typefouten.
Verwijder conflicterende DNS-records wanneer dat van toepassing is.
Geef recente DNS-wijzigingen de tijd om zich te verspreiden.

Als automatische domeinkoppeling niet beschikbaar is, gebruik je de handmatige DNS-configuratieoptie die tijdens de installatie wordt aangeboden.

De website opent een 404-pagina

Controleer het volgende:

Het domein is aan de juiste website toegewezen.
De gewenste pagina is gepubliceerd.
Het URL-pad van de pagina is correct geconfigureerd.
De juiste pagina is ingesteld als de standaard- of homepage van de website.

De website toont een SSL- of privacywaarschuwing

Controleer op onjuiste of conflicterende DNS-records.

Als je Cloudflare gebruikt, controleer dan of records waarvoor directe DNS-resolutie nodig is, zijn ingesteld als DNS only wanneer HighLevel dit aangeeft.

Geef het SSL-certificaat na het corrigeren van de DNS-records de tijd om te worden uitgegeven.

Navigatielinks openen de verkeerde pagina

Open het element Navigation Menu en controleer of elk menu-item naar de juiste pagina of URL verwijst.

Als er pagina's zijn toegevoegd, hernoemd of verplaatst, controleer dan de navigatielinks opnieuw voordat je publiceert.

De website ziet er verkeerd uit op mobiel

Open de pagina in de Website Builder en schakel over naar de mobiele weergave.