Sitebouwer

Bouw je zakelijke website met een drag-and-drop-editor. Maak meerdere pagina's, stel ze samen met secties en blokken, pas kleuren en lettertypes aan, en publiceer wanneer je klaar bent.

Overzicht

De sitebouwer vervangt het oude bedrijfsprofiel van één pagina. Je krijgt een volwaardige website-editor met:

• Meerdere pagina's: Maak zoveel pagina's als je nodig hebt, elk met een eigen pad en secties.
• Sectieblokken: Voeg hero-, tekst-, galerij-, diensten-, team-, testimonial-, contactformulier- en aangepaste HTML-secties toe aan elke pagina.
• Ontwerptokens: Stel merkkleuren, lettertypes, witruimte, hoekradius, bewegingsstijl, aangepaste CSS en een site-favicon in. Wijzigingen gelden voor de hele site.
• Navigatie-editor: Sleep en zet headerlinks op volgorde, met dropdown-groepen en externe links.
• Publicatiesnapshots: Werk in concept, bekijk je wijzigingen en publiceer daarna. Ongepubliceerde wijzigingen zie je in de bovenbalk.
• Responsieve preview: Schakel tussen desktop-, tablet- en mobiele weergave tijdens het bewerken.

De sitebouwer vind je onder Bedrijf > Je website (/website).

Tabs

De sitebouwer heeft vijf tabs:

• Editor: Stel pagina's samen door secties toe te voegen en te rangschikken. Klik op een sectie om de inhoud, layout, stijl of animatie te bewerken. Sleep secties om ze te verplaatsen, dupliceren of verwijderen.
• Pagina's: Beheer je pagina's: maak nieuwe aan vanuit sjablonen, stel paden en zichtbaarheid in, en bekijk welke pagina's live, concept of ingepland zijn. Klik op een pagina om deze in de editor te openen. De vergrendelde homepage kan niet worden verwijderd.
• Stijl: Pas je sitebrede ontwerptokens aan: kleuren (merk, accent, papier, inkt), lettertypes (kop, body, mono uit de lettertypebibliotheek), schaal (radius, dichtheid, maximale breedte, sectie-afstand), beweging, knopstijlen en aangepaste CSS. Je kunt ook head-snippets toevoegen voor analytics (Plausible, Umami, Matomo) of lettertype-preconnects.
• Domein & SEO: Configureer je eigen domein en SEO-instellingen. Zie Domeinen, website en inbox voor het volledige domeinbeheer.
• Koppelingen: Verbind diensten van derden met je website.

Pagina's aanmaken

1. Ga naar de Pagina's-tab.
2. Klik op Nieuwe pagina.
3. Geef een titel en een pad op (bijv. /over-ons).
4. Kies een sjabloon of begin leeg.
5. De pagina opent in de editor, waar je secties kunt toevoegen en uitbouwen.

Elke pagina krijgt een uniek pad. De homepage (/) wordt standaard aangemaakt en kan niet worden verwijderd.

Pagina's bouwen met secties

In de Editor-tab:

• Klik op Sectie toevoegen om de beschikbare bloktypes te zien (hero, tekst, galerij, diensten, team, testimonials, contactformulier, tarieven, product, aangepaste HTML, en meer).
• Kies een bloktype om het op de pagina te plaatsen.
• Klik op een sectie om het inspectiepaneel te openen, waar je inhoud, layout, stijl en animatie kunt bewerken.
• Sleep secties omhoog of omlaag om ze te verplaatsen. Gebruik de dupliceer- en verwijderacties op elke sectie.

Sommige secties hebben alleen-systeemvarianten die beschikbaar zijn op de vergrendelde homepage maar niet op aangepaste pagina's.

Tarieven met koopknoppen

Bij de tarievensectie kun je pakketten of abonnementen laten zien. Elke tier kan optioneel een koopknop krijgen:

• Zet een tier op purchasable en geef het bedrag in centen op (bijv. 4999 voor EUR 49,99).
• Een Koop nu-knop vervangt de statische CTA-link. Bezoekers die erop klikken gaan via de MyCompanyDesk-checkout naar Mollie of Stripe Connect om te betalen.
• Het koopknop-label is standaard "Koop nu" maar kan per tier worden aangepast met het buyLabel-veld.
• Tarieven zonder koopknop houden het bestaande CTA-linkgedrag.

Productblok

Een losstaande eenmalige koopkaart, voor als een volledige tarieventabel meer is dan je nodig hebt:

• Een productnaam, beschrijving, optionele afbeelding, prijs en een koopknop.
• Dezelfde checkout-koppeling als de tarief-koopknoppen, je bezoeker betaalt via Mollie of Stripe Connect.
• Een optionele notitieregel onder de knop voor verzendinformatie, disclaimers of opmerkingen.

Zie Verkopen voor het bijhouden van betalingen en bestellingen.

Je site vormgeven

In de Stijl-tab bepaal je de look-and-feel van je hele site:

• Kleuren: Kies merk-, accent-, papier-, inkt-, oppervlakte- en gedempte kleuren. Het palet wordt toegepast via CSS custom properties.
• Typografie: Kies kop-, body- en mono-lettertypes uit de ingebouwde lettertypebibliotheek (Geist, Inter, DM Sans, DM Serif Display, Fraunces, Instrument Serif, Geist Mono).
• Schaal: Stel hoekradius, dichtheid (compact, ruim, royaal), maximale inhoudsbreedte en verticale sectie-afstand in.
• Beweging: Schakel verminderde beweging in of kies een bewegingsstijl (geen, subtiel, speels).
• Knoppen: Pas knopradius, padding en hover-effecten aan.
• Aangepaste CSS: Schrijf je eigen CSS die in de site wordt geïnjecteerd. Handig voor fijnafstemming of het overschrijven van standaardwaarden.
• Favicon: Upload een favicon voor je site. Deze verschijnt in browsertabs en bladwijzers. Als je geen favicon instelt, gebruikt de site je lichte logo, en daarna je bedrijfsprofielfoto.
• Head-snippets: Voeg analytics-scripts toe (Plausible, Umami, Matomo) of lettertype-preconnects via de snippetkiezer.

Wijzigingen in de Stijl-tab worden automatisch opgeslagen bij bewerken en gelden voor alle pagina's.

Publiceren

De bovenbalk toont hoeveel ongepubliceerde wijzigingen er zijn. Wanneer je klaar bent:

1. Klik op Publiceer in de bovenbalk.
2. Je site wordt gepubliceerd naar de openbare URL (je eigen domein, werkruimte-subdomein of de terugvalportalroute).

Ongepubliceerde wijzigingen worden per pagina en per token bijgehouden. De publiceerknop is uitgeschakeld als er niets te publiceren is.

Navigatie

De navigatie-editor laat je de headerlinks van je site indelen:

• Sleep pagina's om de navigatie op volgorde te zetten.
• Maak dropdown-groepen om pagina's onder een bovenliggend label te nesten.
• Voeg externe links toe die buiten je site verwijzen.
• Het logo in de header is klikbaar en linkt altijd terug naar de homepage.
• De homepage staat altijd vooraan en is vergrendeld.

Openbare URL

Je website wordt getoond op de best beschikbare URL:

1. Je eigen domein (bijv. https://acme.nl) wanneer geverifieerd en ingeschakeld
2. Je werkruimte-subdomein (bijv. https://acme.mycompanydesk.com)
3. De terugvalportalroute (/portal/{slug})

Zie Domeinen, website en inbox voor domeininstelling en -verificatie.

Offerteaanvraagformulier

Bezoekers kunnen nog steeds offerteaanvragen indienen via het contactformuliersectie:

1. Ze vullen hun naam, e-mail en bericht in.
2. De aanvraag wordt ingediend.
3. Je ontvangt een melding.
4. De aanvraag verschijnt in Offertes > Aanvragen.

Offerteaanvragen zijn beperkt tot 1 per 15 minuten per IP-adres.

Aanvragen beheren

Zie Offertes - Offerteaanvragen voor details over het beheren van binnenkomende aanvragen.

Gerelateerd

• Domeinen, website en inbox: Eigen domein instellen, verificatie, SSL en e-mailinbox.
• Bedrijfsinstellingen: Waar je bedrijfsgegevens, huisstijl en adres staan.
• Offertes: Beheren van offerteaanvragen die via je website binnenkomen.