Kennisbank

Categorie

Websites & Webflow

Beheer, aanpassingen en werking van je Webflow-website: van teksten wijzigen tot formulieren en CMS.

Kennisbank

In deze categorie

Handleidingen en antwoorden

Websites & Webflow

Je huisstijl consequent doorvoeren op je website

Vertaal je huisstijl naar vaste websitestijlen: een beperkt kleurenpalet met toepassingen (tekst, knoppen, achtergronden), twee lettertypes met vaste groottes per kopniveau, standaardafstanden en herbruikbare componenten zoals knoppen en kaarten. Leg dit vast als variabelen of globale stijlen in je CMS en in een korte stijlgids, zodat iedereen die de website beheert dezelfde bouwstenen gebruikt.

Websites & Webflow

Verbeterideeën prioriteren met het ICE-model

Met het ICE-model geef je elk verbeteridee een score van 1 tot 10 voor Impact (hoeveel effect verwacht je), Confidence (hoe zeker ben je, op basis van bewijs) en Ease (hoe makkelijk is het uit te voeren). Het gemiddelde of product is de ICE-score. Begin met de hoogste scores. Het model is eenvoudig en subjectief, dus spreek vooraf af wat de scores betekenen en scoor samen.

Websites & Webflow

Onderscheidende USP's formuleren

Een sterke USP (unique selling point) is concreet, relevant voor je klant en geloofwaardig, en liefst iets wat concurrenten niet zo kunnen zeggen. Vind ze door klanten te vragen waarom ze voor je kozen, reviews te lezen en concurrenten te vergelijken. Formuleer ze als voordeel voor de klant ('Binnen 24 uur een monteur bij je') in plaats van algemene termen als 'kwaliteit' of 'service', en onderbouw ze.

Websites & Webflow

Pop-ups verstandig inzetten

Een pop-up werkt alleen als het aanbod waardevol is, het moment logisch is en de pop-up makkelijk te sluiten is. Toon hem niet direct bij binnenkomst, zeker niet op mobiel, maar na interactie (scrollen, tijd, vertrekintentie). Kies liever een kleine banner of een inline blok dan een schermvullende overlay. Google raadt opdringerige pop-ups die inhoud afdekken af, omdat die de gebruikerservaring en vindbaarheid kunnen schaden.

Websites & Webflow

Acceptatietest bij de oplevering van je website

Een acceptatietest is het moment waarop jij controleert of de opgeleverde website doet wat in de briefing en offerte is afgesproken. Loop inhoud, functies, formulieren, mobiele weergave, snelheid, SEO-basis, meting en toegang systematisch na, noteer bevindingen met pagina en schermafbeelding, en accepteer pas als de afgesproken punten in orde zijn.

Websites & Webflow

Een favicon instellen in Webflow, WordPress en Shopify

Een favicon is het kleine icoon van je website in browsertabbladen, bladwijzers en vaak naast je resultaat in Google. Maak een vierkante afbeelding van je logo-icoon (geen volledige woordmerk-tekst), groter dan 48 × 48 pixels en liefst 512 × 512 voor apparaten, en upload die in de site-instellingen van Webflow, het Site-icoon van WordPress of de thema-instellingen van Shopify.

Websites & Webflow

Leesbaarheid: lettertype, grootte en regellengte

Goede leesbaarheid begint bij een rustig lettertype, een basistekst van ongeveer 16 tot 18 pixels, een regelafstand van circa 1,5 en regels van ongeveer 50 tot 80 tekens. Daarbij horen korte alinea's, duidelijke tussenkoppen en begrijpelijke taal. Veel lezers scannen een webpagina eerst; maak dat makkelijk.

Websites & Webflow

Mobielvriendelijkheid van je website controleren

Controleer je website op een echte telefoon én in de mobiele weergave van je browser. Let op leesbare tekst zonder inzoomen, knoppen die groot genoeg zijn, een werkend menu, formulieren die prettig invullen, geen horizontaal scrollen, geen pop-ups die de inhoud blokkeren en een snelle laadtijd op mobiel netwerk.

Websites & Webflow

Paginastructuur van een nieuwe website plannen

Plan de paginastructuur vanuit wat bezoekers zoeken: één pagina per dienst of productgroep, een overzichtspagina per hoofdonderwerp, ondersteunende pagina's (over ons, contact, cases) en een plek voor kennis. Leg dat vast in een eenvoudige boomstructuur met URL's, houd het hoofdmenu bij vijf à zeven items en zorg dat elke belangrijke pagina binnen drie klikken bereikbaar is.

Websites & Webflow

Een CRO-hypothese opstellen

Een CRO-hypothese (conversieoptimalisatie) verbindt een observatie aan een verandering en een verwacht, meetbaar effect. Een bruikbaar format: 'Omdat we [observatie] zien, verwachten we dat [verandering] leidt tot [effect], gemeten aan [meting].' Baseer de observatie op data of onderzoek, kies één duidelijke verandering en bepaal vooraf hoe je het resultaat meet.

Websites & Webflow

Formulierspam voorkomen zonder echte aanvragen te missen

Bestrijd formulierspam in lagen: gebruik de ingebouwde spambescherming van je websiteplatform, voeg een onzichtbare controle toe (een honeypotveld of een niet-hinderlijke captcha-alternatief zoals Cloudflare Turnstile of reCAPTCHA v3), filter op inhoud en controleer of echte aanvragen nog binnenkomen. Vermijd lastige puzzels die echte bezoekers afschrikken, en test na elke wijziging het formulier zelf.

Websites & Webflow

Je contactformulier verbeteren

Een goed contactformulier vraagt alleen wat je nodig hebt om goed te reageren, heeft duidelijke labels, laat zien wat er na verzending gebeurt en werkt goed op mobiel. Schrap overbodige velden, maak alleen essentiële velden verplicht, geef heldere foutmeldingen en test regelmatig of inzendingen ook echt aankomen.

Websites & Webflow

Vertrouwen tonen op je website zonder overdrijven

Vertrouwen bouw je met verifieerbare informatie: duidelijke bedrijfsgegevens, echte mensen en foto's, concrete voorbeelden van je werk, echte reviews, heldere prijzen of werkwijze en een professionele, goed werkende website. Overdrijving werkt averechts: vermijd superlatieven, nepurgentie en logo's of keurmerken die je niet mag voeren.

Websites & Webflow

Een goede 404-pagina ontwerpen

Een goede 404-pagina zegt in gewone taal dat de pagina niet bestaat, biedt direct een uitweg (zoekfunctie, links naar de belangrijkste pagina's, contact) en past in je huisstijl. Technisch moet hij een echte 404-statuscode geven, niet doorsturen naar de homepage. Meet daarnaast hoe vaak bezoekers erop belanden, zodat je kapotte links kunt herstellen.

Websites & Webflow

Stockfoto's of eigen fotografie op je website

Gebruik eigen fotografie waar bezoekers jou, je team, je werk of je producten willen zien: over ons, cases, productpagina's en de homepage. Stockfoto's zijn bruikbaar voor sfeer, abstracte onderwerpen en achtergronden, mits ze passen bij je stijl en niet als 'eigen werk' worden gepresenteerd. Controleer bij stock altijd de licentievoorwaarden.

Websites & Webflow

Webflow-interacties en snelheid in balans houden

Interacties en animaties in Webflow kunnen een website levendiger maken, maar te veel of te zware animaties vertragen het laden, veroorzaken verspringende inhoud en maken de site minder toegankelijk. Gebruik animaties alleen waar ze iets uitleggen of richting geven, laat de belangrijkste inhoud direct zichtbaar zijn, animeer bij voorkeur transform en opacity, en respecteer de instelling 'beperk beweging'.

Websites & Webflow

Homepage-opbouw: wat moet erop en in welke volgorde?

Een goede homepage maakt bovenaan direct duidelijk wat je doet, voor wie en wat de bezoeker nu kan doen. Daaronder volgen: je belangrijkste diensten of producten, bewijs (resultaten, klanten, reviews), hoe het werkt, wat je onderscheidt, en opnieuw een duidelijke vervolgstap. Elke sectie verwijst door naar een verdiepende pagina.

Websites & Webflow

Een dienstenpagina opbouwen

Een sterke dienstenpagina zegt bovenaan wat de dienst is, voor wie en wat het oplevert, en beantwoordt daarna de vragen die een klant vóór een aanvraag heeft: wat zit erin, hoe verloopt het, wat kost het ongeveer, hoe lang duurt het, waarom je. Voeg bewijs toe in de vorm van projecten en reviews, en sluit af met één duidelijke vervolgstap.

Websites & Webflow

Een briefing voor een nieuwe website schrijven

Een websitebriefing beschrijft waarom je een nieuwe website wilt, voor wie, wat de website moet doen en binnen welke grenzen. Neem op: doelen en hoe je succes meet, doelgroepen, gewenste pagina's en functies, koppelingen, huisstijl en voorbeelden, wie de teksten en beelden levert, planning, budget en wie beslist. Hoe concreter de briefing, hoe beter offertes vergelijkbaar zijn.

Websites & Webflow

Je website vertalen met AI

AI-vertaling levert snel een goede eerste versie op, maar laat belangrijke pagina's nalezen door iemand die de doeltaal goed beheerst, liefst met kennis van je vakgebied. Gebruik een woordenlijst voor vaste termen en je merknaam, vertaal ook paginatitels, metabeschrijvingen, alt-teksten en URL's, en richt de techniek goed in: aparte URL's per taal, hreflang-tags en geen automatische doorverwijzing op basis van taal. Juridische teksten laat je professioneel vertalen en controleren.

Websites & Webflow

Een zoekfunctie op je website: wanneer en hoe

Een zoekfunctie is zinvol zodra je website meer inhoud heeft dan bezoekers via het menu kunnen overzien: een webshop, een kennisbank of een site met tientallen artikelen. Kies een oplossing die tikfouten en synoniemen begrijpt, resultaten duidelijk toont en zoekopdrachten meetbaar maakt. De zoektermen van je bezoekers vertellen je bovendien welke inhoud ze missen.

Websites & Webflow

De bedankpagina benutten

Een goede bedankpagina bevestigt dat de aanvraag of bestelling is gelukt, vertelt wat er nu gebeurt en wanneer, en biedt een logische vervolgstap, zoals een afspraak inplannen, een handige gids of je reviews. Gebruik een aparte pagina of een duidelijke bevestiging om conversies betrouwbaar te meten, en sluit hem uit van zoekmachines.

Websites & Webflow

Aanvragen snel opvolgen: waarom snelheid conversie is

Een bezoeker die een aanvraag doet, vergelijkt vaak meerdere aanbieders. Wie snel en persoonlijk reageert, maakt meer kans. Richt de opvolging daarom in: een automatische bevestiging met de verwachte reactietijd, een vaste verantwoordelijke, meldingen die niet in een gedeelde inbox verdwijnen, een vast moment voor terugbellen en een registratie in je CRM. Meet hoeveel aanvragen ook echt klant worden.

Websites & Webflow

Mobiele conversie verbeteren

Mobiele bezoekers converteren vaak minder dan desktopbezoekers, maar een groot verschil wijst meestal op knelpunten. Controleer snelheid, de zichtbaarheid en grootte van knoppen, de eenvoud van formulieren (juiste toetsenborden, autocomplete), het menu, pop-ups die het scherm blokkeren en het afrekenproces. Test op een echte telefoon en vergelijk conversie per apparaat in je analytics.

Websites & Webflow

Een landingspagina opbouwen voor één doel

Een landingspagina richt zich op één doelgroep en één actie. Bouw hem op van boven naar beneden: een kop die aansluit op de bron (advertentie, e-mail, zoekopdracht), een korte uitleg van wat je biedt en wat het oplevert, bewijs (reviews, voorbeelden), antwoorden op bezwaren, en een duidelijke call-to-action die je herhaalt. Laat afleidende navigatie en overbodige links weg.

Websites & Webflow

Een A/B-test opzetten

Bij een A/B-test krijgt de ene helft van je bezoekers versie A en de andere helft versie B, en meet je welke beter converteert. Begin met een onderbouwde hypothese, test één belangrijke verandering, bepaal vooraf je doel en looptijd, en laat de test lang genoeg lopen voor een betrouwbare uitkomst. Bij weinig verkeer is een A/B-test vaak niet zinvol en kun je beter op basis van onderzoek verbeteren.

Websites & Webflow

Een meertalige website opzetten

Een meertalige website zet je het best op met een vaste map per taal (zoals /en/ en /de/) op hetzelfde domein, volledig vertaalde pagina's, een duidelijke taalkeuze zonder automatische doorverwijzing en hreflang-tags die de taalversies koppelen. Kies vooraf welke pagina's je vertaalt en wie de vertalingen onderhoudt; een halfvertaalde site werkt averechts.

Websites & Webflow

Een call-to-action formuleren die werkt

Een sterke call-to-action (CTA) beschrijft concreet wat er gebeurt als de bezoeker klikt en wat het oplevert, bijvoorbeeld 'Plan een gratis kennismaking' in plaats van 'Verstuur'. Kies per pagina één hoofdactie, plaats die waar de bezoeker de beslissing neemt, maak de knop visueel duidelijk en neem twijfels weg met een korte toelichting eronder ('Reactie binnen één werkdag').

Websites & Webflow

Kleurcontrast controleren en verbeteren

Kleurcontrast is het verschil in helderheid tussen tekst en achtergrond, uitgedrukt als verhouding. Voor gewone tekst is minimaal 4,5:1 de gangbare norm (WCAG AA), voor grote tekst 3:1. Meet het met een contrastchecker of de ontwikkelaarstools van je browser, en pas zo nodig de tint van tekst of achtergrond aan; vaak kan dat binnen je huisstijl.

Websites & Webflow

Conversiecheck: je website zelf nalopen

Loop je website na als een nieuwe bezoeker: is binnen een paar seconden duidelijk wat je doet en voor wie? Is er een duidelijke volgende stap? Toon je vertrouwen met reviews en bedrijfsgegevens? Werken formulieren en het telefoonnummer, ook op mobiel? En meet je conversies betrouwbaar? Noteer knelpunten, geef ze een prioriteit en pak de grootste eerst aan.

Websites & Webflow

Een CMS-collectie opzetten in Webflow

Een CMS-collectie in Webflow is een database voor terugkerende inhoud, zoals blogartikelen, cases of teamleden. Je bepaalt eerst welke velden elk item nodig heeft, maakt de collectie aan, ontwerpt één templatepagina die alle items gebruiken, en toont items elders met een Collection List. Plan velden en verwijzingen vooraf, want het aantal velden per collectie en het aantal items is per abonnement beperkt.

Websites & Webflow

Een contactpagina inrichten die aanvragen oplevert

Een contactpagina die werkt, biedt meerdere kanalen (telefoon, e-mail, formulier en eventueel chat of afspraak plannen), een kort formulier met alleen de noodzakelijke velden, een duidelijke verwachting over de reactietijd, je openingstijden en adresgegevens. Test regelmatig of het formulier daadwerkelijk aankomt.

Websites & Webflow

Webflow-formulier komt niet aan: zo los je het op

Controleer eerst in Webflow onder Forms of de inzending is binnengekomen. Staat hij daar wel, dan zit het probleem in de e-mailnotificatie: controleer het ontvangstadres in de formulierinstellingen en je spammap. Staat hij er niet, dan faalt het verzenden zelf.

Websites & Webflow

Eigen domein koppelen aan Webflow

Voeg in Webflow onder Site settings > Publishing je domein toe, neem de getoonde DNS-records over bij je domeinbeheerder (meestal een A-record voor het hoofddomein en een CNAME voor www), kies het standaarddomein en publiceer.

Websites & Webflow

Een back-up terugzetten in Webflow

Open de site-instellingen, ga naar Backups, kies een eerdere versie en klik op Restore. Webflow maakt eerst automatisch een back-up van de huidige toestand. Daarna moet je opnieuw publiceren om de oude versie live te zetten.

Websites & Webflow

Wijzigingen publiceren in Webflow

Wijzigingen in Webflow zijn pas zichtbaar voor bezoekers nadat je publiceert. Klik op Publish, kies de domeinen (staging, live of beide) en bevestig. Controleer daarna de pagina in een privévenster.

Websites & Webflow

301-redirects instellen in Webflow

Ga in de site-instellingen van Webflow naar Publishing en voeg onder 301 redirects het oude pad en het nieuwe pad toe. Publiceer de site daarna; de redirect werkt pas na publicatie.

Websites & Webflow

SEO-titel en meta description instellen in Webflow

Voor een gewone pagina stel je SEO-titel en meta description in via de pagina-instellingen in Webflow. Voor CMS-pagina’s gebeurt dat in de instellingen van de collectietemplate, vaak gekoppeld aan velden in het item zelf.

Websites & Webflow

Een CMS-item toevoegen of aanpassen in Webflow

Open de collectie in het CMS-paneel (of in de Editor), kies New item of open een bestaand item, vul alle velden in en sla op. Het item is pas zichtbaar op de website nadat je het publiceert.

Websites & Webflow

Iemand toegang geven tot je Webflow-site

Nodig iemand uit via Delen of via de instellingen van je Workspace in Webflow en kies een rol die past bij wat die persoon moet doen. Wie alleen teksten en CMS-items aanpast, heeft geen rol nodig waarmee het ontwerp kan worden gewijzigd.

Websites & Webflow

Formulierinzendingen ontvangen en bekijken in Webflow

Inzendingen van formulieren zie je in Webflow onder Forms in de site-instellingen. Stel daar ook in naar welke e-mailadressen een melding wordt gestuurd en controleer je spammap als meldingen niet aankomen.

Websites & Webflow

Tekst en afbeeldingen aanpassen in je Webflow-website

Open de Editor van je website (bijvoorbeeld door /?edit achter het adres te zetten) of de Edit-modus in Webflow, log in, klik op de tekst of afbeelding die je wilt wijzigen en pas deze aan. Klik daarna op Publish om de wijziging live te zetten.

Kom je er niet uit?

Wij kijken graag met je mee. Stel je vraag over je website, webshop, hosting, e-mail of Google, dan helpen we je verder.

Neem contact op

Digitale partner voor bouwen, vindbaarheid, beheer en doorontwikkeling.

Krammer 8, 3232 HE Brielle

info@bdmnl.nl

085 060 56 27

Actief sinds 2013, voorheen Bulldog Media

BDMNL – Digitaal bureau voor heel Nederland. BDMNL ondersteunt bedrijven en organisaties in heel Nederland met websites, webshops, SEO, GEO, online marketing en digitaal onderzoek. Ook lokaal actief in Voorne aan Zee en Zuid-Holland.

Nieuwsbrief.

Eén keer per maand praktische inzichten over websites, vindbaarheid en AI-zoekmachines.

Aanmelden →

Privacybeleid Cookiebeleid Algemene voorwaarden Kennis & Support