C cenaly.com
Gratis starten

Webflow · contact vanaf uw portfolio

Widgets van Cenaly.com voor Webflow

Voeg contact of een afspraak toe aan een bestaand Webflow-ontwerp. Kies een taak en stel de widget in Cenaly.com in, en voeg daarna de code toe op siteniveau of paginaniveau. Hieronder staan de voorwaarden voor toegang tot custom code en een aparte instructie voor consent.

  • Custom code: een actief Site plan of een Core-, Growth-, Agency- of Freelancer-Workspace
  • Publiceren is een aparte stap na het opslaan van de code
  • Controleer de mobiele weergave, animaties en overgangen tussen pagina's

Zonder kaart · registratie in een minuut, tag nog een · aanpassingen aan instellingen bereiken de site binnen 5 minuten

Eén tag voor alle widgets9 van de 13 gratisShadow DOM — breekt de lay-out nietLabels in de taal van de paginaTwee clouds: AWS en Rusland

Wat werkt er op Webflow

Kies de gewenste widget en configureer deze in uw account. Gewone widgets gebruiken een gezamenlijke tag; voor consent en analytics is een aparte installatievolgorde belangrijk.

De gekozen widget en het platform worden bij registratie opgeslagen. Stel de widget daarna in via uw account. Houd deze instructie voor Webflow open: kom na het instellen terug naar de onderstaande installatiestappen.

Alle 13 widgets →

Hebt u een betaald abonnement van Webflow nodig

Betaald abonnement op het platform nodig

U hebt een actief Site plan nodig, of Workspace Core, Growth, Agency of Freelancer.

De officiële Webflow-documentatie staat custom code toe voor Site managers en Designers bij een actief Site plan of een van de genoemde Workspace-abonnementen. Een betaald Site plan is niet de enige weg.

Het adres webflow.io zegt op zichzelf niet of het invoegen van code beschikbaar is: controleer de Workspace, de rechten en de projectinstellingen. Het aansluiten van uw eigen domein en de CMS-mogelijkheden hebben eigen abonnementsvoorwaarden.

Menu-items en tariefvoorwaarden op deze pagina komen uit de officiële help:

Gecontroleerd aan de hand van de platformhelp 2026-09-22

Hoe u code invoegt op Webflow

Standaard widgets: chat, contactknop, afspraak

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Voorbeeldtag voor gewone widgets. Neem uw eigen code uit uw account; u hoeft deze niet te vervangen door een demonstratiedomein. Gebruik voor het blokkeren van analytics de aparte instructie hieronder. Cookiebanner en analytics: aparte procedure →

  1. 1

    Kopieer de installatiecode

    In uw account bij Cenaly.com: Beheerpaneel → Marketing → „Mijn site”. Vul het adres van de site in het eerste veld in en kopieer de tagregel.

  2. 2

    Open de projectinstellingen

    In Webflow: Site settings (site-instellingen) van het betreffende project.

  3. 3

    Ga naar Custom code

    Tabblad Custom code — daarin staan twee velden: Head code (in de head) en Footer code (vóór de afsluitende body).

  4. 4

    Plak de tag in Head code

    Plak de regel in Head code en sla op. Tags html, head en body hoeft u in dit veld niet toe te voegen — alleen het script zelf.

  5. 5

    Publiceer het project

    Klik op Publish: de Webflow-help vermeldt apart dat het effect van uw code pas op de live site zichtbaar is na publicatie.

  6. 6

    Controleer de installatie

    Open de gepubliceerde site en ga terug naar „Mijn site” → „Installatie controleren”.

Hebt u de widget maar op één pagina nodig — pagina's in Webflow hebben eigen codevelden in de pagina-instellingen.

Officiële help van Webflow ↗

Installatie controleren

  1. 1

    Publiceer de site opnieuw

    In websitebouwers blijft een aanpassing in de conceptversie staan: zolang de pagina's niet opnieuw zijn gepubliceerd, staat de tag niet op de live site.

  2. 2

    Open „Mijn site” in uw account

    Beheerpaneel → Marketing → „Mijn site”. In het eerste veld staat het adres van uw site, ernaast „Installatie controleren”.

  3. 3

    Bekijk wat er is gevonden

    De controle leest de bron-HTML van de pagina en toont de gevonden widgets. Een tag die via Google Tag Manager is geplaatst, ziet de controle niet — dat is een beperking van de controle, niet van de installatie.

Foutopsporing bij installatie — in de help Installatie-instructies →

Kenmerken van Webflow

  • Preview en gepubliceerde site

    Webflow ondersteunt custom code in preview/comment, maar niet in expand canvas. Bezoekers zien de wijzigingen pas na publicatie; doe de eindcontrole via het gepubliceerde adres.

  • Code voor het project of voor één pagina

    Algemene Head code voegt de tag op siteniveau toe. Als u maar één URL nodig hebt, gebruik dan de pagina-instellingen en dupliceer daar niet de algemene tag die al is ingesteld.

  • Behoud formulieren en vormgeving

    De widget koppelt Webflow-formulieren niet automatisch aan Cenaly.com. Shadow DOM isoleert stijlen, maar animaties, klikbaarheid van knoppen en overlappingen moet u op uw eigen site controleren.

  • Consent en GTM

    Plaats consent niet na de container die de trackers al heeft gestart. Voor een gewone tag via GTM bevestigt een server-side HTML-controle de installatie niet — controleer de widget op de gepubliceerde pagina.

Vragen en antwoorden

Moet u verplicht een Site plan kopen?

Nee, custom code is volgens de voorwaarden van Webflow ook beschikbaar via Core, Growth, Agency of Freelancer Workspace. Controleer de rechten van Site manager/Designer en de toegang tot het veld in het betreffende project.

Head code of Footer code?

Een gewone tag kunt u in Head code toevoegen; zet er geen html/head/body-tags omheen. Consent met blokkering tot toestemming vereist een apart eerste script in head vóór de trackers.

Waarom verscheen de widget niet in de editor?

Custom code werkt niet in expand canvas. Preview/comment ondersteunt het wel, maar de wijzigingen moet u nog publiceren. Controleer of de widget is ingeschakeld en het uiteindelijke siteadres.

Beïnvloedt de widget animaties?

Stijlisolatie garandeert geen compatibiliteit met elk script. Controleer interacties, formulieren en het mobiele scherm voordat u de widget op alle pagina's uitrolt.

Hoe zit het met CMS-pagina's?

De algemene code van de site geldt ook voor collectiepagina's. Controleer een gepubliceerd voorbeeld van zo'n pagina en dupliceer de tag niet in de bijbehorende template.

Is een gewone async-tag geschikt voor de cookiebanner?

Om trackers vóór toestemming te blokkeren is een aparte consent/v1.js nodig, als eerste in de head zonder async/defer. Controleer het laden vóór de keuze, na weigering en na acceptatie. De ingebouwde analytics van het platform kunnen een aparte configuratie vereisen; het verschijnen van de banner bevestigt niet dat u aan de wet voldoet.

Meer informatie — installatie per platform, configuratie en probleemoplossing — vindt u in de help. Installatie-instructies →

Plaats widgets op uw Webflow-site

Controleer de toegang tot custom code, kies een widget en stel deze in. Test na publicatie een gewone pagina en een collectiepagina.

Widget kiezen

Zonder kaart · registratie in een minuut, tag nog een · aanpassingen aan instellingen bereiken de site binnen 5 minuten