De Landing Page Builder in GTG CRM helpt u professionele verkooppagina's te maken zonder code te hoeven kennen of een designer in te huren. Alles, van de interface, inhoud, leadgeneratieformulieren tot de checkout, wordt ondersteund door AI en is vooraf geïntegreerd met het CRM-systeem.
Dit artikel begeleidt u door het volledige proces — van de eerste stap tot de livegang van de landing page en het ontvangen van daadwerkelijke bestellingen.
1. Toegang tot Landing Page Builder
Vanuit het hoofdmenu van GTG CRM:
Website → Landing Pages
Het scherm toont een lijst met de gemaakte landing pages. Als u nog geen pagina's heeft, ziet u een lege interface met de knop Landing Page Aanmaken.
Opmerking: De machtiging
CREATE_LANDING_PAGEis vereist om landing pages aan te maken en te bewerken.
2. Nieuwe Landing Page Aanmaken
Klik op "+ Landing Page Aanmaken" → het systeem opent het formulier voor nieuwe aanmaak:
| Veld | Beschrijving |
|---|---|
| Naam Landing Page | Interne naam om pagina's te onderscheiden (niet zichtbaar voor klanten) |
| Doel | Leads verzamelen / Verkopen / Evenementregistratie / Dienstvoorstelling |
| Taal | Nederlands, Engels of andere talen |
Na het invullen → Verdergaan → ga naar de stap voor het kiezen van een template.
3. Template Kiezen
Uitgebreide templatebibliotheek
GTG CRM biedt bijna 100 landingsjablonen, georganiseerd per branche:
- E-commerce / Online Verkoop
- Schoonheidsdiensten / Spa / Esthetiek
- F&B / Restaurants / Cafés
- Onderwijs / Online Cursussen
- Vastgoed
- Evenementen / Webinars
- Fitness / Yoga / Sport
- Tech / SaaS / Apps
Sjablonen zoeken met AI
In plaats van elk sjabloon te doorlopen, kunt u in woorden beschrijven wat u wilt:
"Pagina voor de verkoop van unisex streetwear-t-shirts voor jongeren van 20-30 jaar" "Landing page voor registratie voor een Engelse communicatiecursus, professionele toon"
AI stelt de meest geschikte sjablonen voor op basis van uw beschrijving.
Voorvertoning vóór selectie
Klik op een willekeurig sjabloon om een volledige preview te zien op zowel desktop als mobiel voordat u een beslissing neemt.
4. Ontwerpaanvraag op Maat
Als u geen passend sjabloon vindt, kunt u AI vragen om een volledig nieuw ontwerp te genereren:
Stap 1: Kies "Eigen ontwerp maken" in plaats van uit de bibliotheek te kiezen
Stap 2: Beschrijf uw vereisten gedetailleerd: - Bedrijfssector - Ontwerpstijl (minimalistisch, levendig, luxueus...) - Hoofdkleuren - Vereiste secties (hero, producten, testimonials, contactformulier...) - Doelgroep
Stap 3: AI analyseert en genereert een passend lay-out — duurt meestal 1-3 minuten
Tip: Hoe gedetailleerder uw beschrijving, hoe dichter het resultaat bij uw verwachtingen zal liggen. U kunt het nog steeds bewerken nadat AI het heeft gemaakt.
5. Volledige Pagina Vertalen
Als u een landing page nodig heeft die meerdere markten ondersteunt, biedt GTG CRM ondersteuning voor het vertalen van de volledige inhoud met één klik:
Instellingen → Talen → Taal Toevoegen → Doeltaal Kiezen → Automatisch Vertalen
AI vertaalt de volledige tekst op de pagina naar de door u gekozen taal. Daarna kunt u elke sectie bewerken om de toon aan te passen aan de markt.
Ondersteunde talen: Engels, Nederlands, Chinees, Japans, Koreaans, Thais en vele andere.
6. Stijl & Lettertypen Aanpassen
In het gedeelte Ontwerp van de editor:
Kleuren
- Primaire kleur (Primary) — knopkleur, belangrijkste koppen, highlights
- Secundaire kleur (Secondary) — sectieachtergronden, randen
- Tekstkleur — paginabrede tekstkleur
- Ondersteuning voor het direct invoeren van HEX-codes of kiezen uit een kleurenkiezer
Lettertypen
Kies lettertypecombinaties voor: - Koppen (Heading) — opvallend, indrukwekkend - Tekst (Body) — gemakkelijk leesbaar, duidelijk
Meer dan 50 geselecteerde Google Fonts zijn beschikbaar voor verschillende stijlen.
7. Header & Merkidentiteit Aanpassen
7.1 Header
De header verschijnt bovenaan elke pagina. U kunt de header in- en uitschakelen en aanpassen: - Header weergeven/verbergen - Achtergrondkleur, tekstkleur - Hoogte en vulling
7.2 Logo
Upload uw bedrijfslogo in de header: - Ondersteunde formaten: PNG, JPG, SVG, WebP - Aanbevolen: PNG met transparante achtergrond, minimaal 200×60px - Het logo wordt automatisch aangepast aan de headerhoogte
7.3 Automatische Merkidentiteit
Als u Merkidentiteit hebt ingesteld in GTG CRM, stelt het systeem voor om deze toe te passen:
| Merkidentiteitsinformatie | Toegepast op Landing Page |
|---|---|
| Logo | Header, favicon |
| Primaire kleur | Knoppen, koppen, highlights |
| Secundaire kleur | Achtergronden, sectiescheiders |
| Lettertype | Alle paginateksten |
| Favicon (Nieuw 4/2026) | Browser tabblad, bladwijzers |
Nieuw 4/2026 — De Merk Kit bevat nu favicon (het pictogram van het browsertabblad). Nadat de favicon is ingesteld in Merkidentiteit, gebruiken alle landing pages deze favicon automatisch bij publicatie.
7.4 AI Logo
Nog geen logo? Gebruik de functie AI-logo maken: 1. Voer de merknaam en een beschrijving van de stijl in 2. AI genereert 4 verschillende logoversies 3. Kies een gewenst logo → pas indien nodig de kleuren aan → Opslaan
7.5 Navigatiemenu & CTA
Configureer het menu in de header: - Menu-items toevoegen/verwijderen/sorteren - Koppelen aan secties op de pagina (anchor link) of externe URL's - CTA-knop: tekst, kleur, bestemmingslink (formulier, checkout, contact)
7.6 Sociale Links
Toon sociale media-iconen in de header of footer: - Facebook, Instagram, TikTok, YouTube, Zalo, LinkedIn, X (Twitter) - Automatisch opgehaald uit Social Hub-verbindingen indien gekoppeld
7.7 Header Stijl
- Vaste header — header blijft zichtbaar bij het scrollen
- Transparante header — transparante header op de hero-sectie, verandert van kleur bij het scrollen
- Compact — header wordt kleiner bij het scrollen naar beneden
8. Leadgeneratie Formulier Instellingen
Het formulier is het hart van de landing page — waar klanten hun informatie achterlaten of bestellen.
8.1 Basisinrichting Formulier
In het gedeelte Formulierinstellingen: - Formulier Titel — tekst bovenaan het formulier - Verzendknop — tekst, kleur, grootte - Succesmelding — weergegeven na het indienen door de klant
8.2 AI voor Formulierinhoud
Klik op "AI Suggesties" → AI stelt voor: - Een aantrekkelijke formuliertitel die past bij het doel van de pagina - CTA-tekst met hoge conversie (in plaats van het gebruikelijke "Verzenden") - Een vriendelijke bevestigingsmelding
8.3 Gegevensvelden
Velden toevoegen/verwijderen/sorteren in het formulier:
| Standaardveld | Gegevenstype |
|---|---|
| Volledige Naam | Tekst |
| Telefoonnummer | Telefoon |
| Adres | Tekst |
| Opmerkingen | Tekstvak |
Aangepaste velden toevoegen: Dropdown, Checkbox, Radio, Datumkiezer, Bestand uploaden...
Wanneer een klant een telefoonnummer invoert, standaardiseert het systeem automatisch het formaat per markt: - Nederland: +31 voorvoegsel (verwijdert de eerste 0 indien aanwezig) - België: +32 voorvoegsel (9 cijfers)
Gegevens die in de CRM worden opgeslagen, zijn altijd in standaardformaat, geen handmatige opschoning nodig.
8.4 Verzendingkosten
Als de landing page verkoopproducten heeft met bezorging, configureer dan: - Vaste verzendkosten — van toepassing op alle bestellingen - Gratis verzending — bij bestellingen boven een minimumwaarde - Verzending berekenen per regio — verschillend per provincie/stad
9. Hero Sectie Bewerken
De hero-sectie is het eerste wat een klant ziet — het moet de eerste 3 seconden een sterke indruk maken.
Hero Elementen
- Headline — hoofdtitel, grote lettergrootte, opvallend
- Sub-headline — korte beschrijving ter ondersteuning van de headline
- Achtergrond — afbeelding, video, gradiënt of effen kleur
- CTA Knop — primaire actieknop (Nu Kopen / Registreren / Aanbieding Ontvangen)
- Social proof — vertrouwensbadges, statistieken, beoordelingen
AI optimalisatie Hero
Klik op "Verbeteren met AI" in de Hero sectie → AI analyseert de huidige inhoud en stelt voor: - Een headline met een sterkere hook - CTA-tekst met hogere conversie - Een betere visuele hiërarchie
Hero Media
- Afbeeldingen: Uploaden vanaf uw computer of kiezen uit de Mediabibliotheek in GTG CRM
- Achtergrondvideo: Ondersteunt MP4, WebM — automatisch gedempt, herhaalt zich
- Overlay: Een transparante kleuremlaag toevoegen boven de media zodat tekst beter leesbaar is
10. Verkoop & Checkout
10.1 Verkoopfunctionaliteit Activeren
In Landing Page Instellingen → E-commerce: - Schakel "Verkoop toestaan" in - Kies producten uit de Product Hub (GTG CRM) - Of maak direct een nieuw product aan op de landing page
10.2 Productweergave Configureren
Voor elk product op de pagina: - Naam, beschrijving, prijs - Productafbeeldingen (meerdere afbeeldingen, slepen en neerzetten om te sorteren) - Varianten: kleuren, maten, types... - Voorraad (automatisch gesynchroniseerd vanuit GTG CRM magazijn)
10.3 Checkout Pagina
Landing pages hebben een eigen geïntegreerde checkout pagina: - Verzendinginformatie (automatisch ingevuld als de klant eerder heeft gekocht) - Kies betaalmethode: COD, bankoverschrijving, betaalpoort - Besteloverzicht + verzendkosten - Automatische orderbevestiging via e-mail/SMS
10.4 Upsell & Cross-sell
Voeg aanbevolen producten toe aan de pagina: - Upsell: een beter product / een hogere versie - Cross-sell: bijpassende aanvullende producten - Weergegeven tijdens het afrekenen of na succesvolle bestelling
11. Orderbeheer & CRM
11.1 Bestellingen van Landing Page Bekijken
Alle bestellingen van de landing page verschijnen automatisch in CRM → Bestellingen: - Filteren op bron: alleen bestellingen van een specifieke landing page bekijken - Bestelstatus: Nieuw → In behandeling → Geleverd → Voltooid / Geretourneerd - Exporteren naar CSV per periode
11.2 Besteldetails
Klik op een willekeurige bestelling om te bekijken: - Volledige klantgegevens - Bestelde producten + aantal + prijs - Verzendingadres + verzendkosten - Statusgeschiedenis en interne notities - Factuur exporteren (E-factuur koppeling)
11.3 Contacten automatisch opslaan in CRM
Elke klant die een formulier invult of een bestelling plaatst → automatisch opgeslagen in CRM Contacten:
- Geen duplicaten: het systeem voegt samen als e-mail/telefoon al bestaat
- Automatische tags: bron: landing-page, naam van de landing page
- Aankoopgeschiedenis gekoppeld aan het contactprofiel
11.4 Custom Object & Pipeline
Bestellingen van landing pages kunnen automatisch een Deal in de pipeline creëren: - Geconfigureerd in Landing Page Instellingen → CRM Integratie - Kies de doel-pipeline en begin-fase - Verantwoordelijke medewerker wordt automatisch toegewezen op basis van regels
12. Analytics Bekijken
12.1 Algemene Statistieken
In het tabblad Analytics van de landing page:
| Indicator | Betekenis |
|---|---|
| Weergaven | Totaal aantal keren dat de pagina is bezocht |
| Unieke bezoekers | Individuele bezoekers (dubbelen gefilterd) |
| Bouncepercentage | % onmiddellijk vertrekken van de pagina |
| Gemiddelde tijd | Hoe lang bezoekers op de pagina bleven |
| Conversieratio | % van de bezoekers die het formulier invullen / bestellen |
| Totale omzet | Indien er verkocht wordt |
12.2 Apparaatanalyse
Verkeerspercentage per apparaat: - Desktop / Mobiel / Tablet - Helpt bij het beslissen om de interface te optimaliseren (prioriteit mobiel als >60% verkeer van telefoons komt)
12.3 Verkeersbron
Weten waar bezoekers vandaan komen: - Facebook Ads / Google Ads (via UTM) - Organisch zoeken - Direct (direct URL ingeven) - Verwijzing (van andere websites)
12.4 Conversie Trechter (Conversion Funnel)
Zien waar bezoekers afhaken:
Pagina bezoeken → Formulier bekijken → Formulier invullen → Bestellen → Betalen
[100%] [75%] [40%] [25%] [18%]
Identificeer de punten die geoptimaliseerd moeten worden om de conversieratio te verhogen.
13. Landing Page Beheer & Bewerken
13.1 Lijst met Landing Pages
Het scherm Website → Landing Pages toont alle gemaakte pagina's met: - Pagina naam, status (Concept / Gepubliceerd / Gepauzeerd) - Directe URL - Snelle statistieken: weergaven, conversies, omzet (laatste 7 dagen) - Knoppen: Bewerken / Direct Bekijken / Dupliceren / Verwijderen
13.2 Bewerken en Opnieuw Publiceren
Om de inhoud bij te werken: 1. Klik op "Bewerken" → de editor wordt geopend 2. Maak wijzigingen 3. Klik op "Publiceren"
13.3 Probleemoplossing bij vastlopen publicatie
Als een pagina langer dan een "Publiceren" status blijft staan: - Het systeem detecteert dit automatisch na 30 minuten zonder voortgang - Auto-recovery: het systeem start het publicatieproces opnieuw op - Als het niet kan herstellen → de status verandert naar "Mislukt" met een duidelijke melding - U kunt op "Opnieuw proberen" klikken om direct opnieuw te publiceren
Neem geen contact op met support — het systeem lost de meeste gevallen automatisch op.
13.4 Domein Wijzigen
Standaard domein: <slug>.gtg.in (gratis aangeboden)
Eigen domein: Verbind uw domein:
1. Instellingen → Domeinen → Domein Toevoegen
2. Voer het domein in (bijv. verkoop.merknaam.com)
3. Het systeem biedt een CNAME-record → update dit in uw DNS-provider
4. Wacht op DNS-bevestiging (meestal 5-30 minuten)
5. SSL wordt automatisch toegekend en verlengd
13.5 Landing Page Dupliceren
Gebruik het ontwerp opnieuw voor een nieuwe campagne: - Klik op "Dupliceren" → voer de nieuwe paginanaam in → Bevestigen - De kopie bevat alle ontwerpen, formulieren en instellingen - Vervang alleen de inhoud en publiceer afzonderlijk
13.6 Pauzeren & Verwijderen
- Pauzeren: de pagina blijft bestaan, maar is niet toegankelijk (toont 404). Gegevens en configuratie blijven behouden.
- Verwijderen: volledig verwijderen — niet herstelbaar. Formulier-/bestelgegevens blijven opgeslagen in de CRM.
14. Insluitbare Formulier Bouwer
Volledig nieuwe functie - Maak formulieren die op elke website buiten GTG CRM kunnen worden ingesloten.
14.1 Wat is de Formulier Bouwer?
Naast volledige landing pages, kunt u nu met GTG CRM zelfstandige formulieren maken om in te sluiten op: - Uw WordPress-, Webflow-, Wix-website - Persoonlijke blog - Website van partners - Elke HTML-pagina
Formulieren werken volledig geïntegreerd met GTG CRM — elke inzending wordt automatisch opgeslagen in Contacten, creëert een Deal, triggert automatisering.
14.2 Insluitbare Formulieren Maken
Website → Landing Pages → Insluitbare Formulieren → + Formulier Maken
De interface voor het maken van formulieren is vergelijkbaar met de Landing Page Builder: - Gegevensvelden toevoegen (tekst, e-mail, telefoon, dropdown, checkbox...) - Configureer de breedte van elk veld - Configureer de CTA-knop - Melding na inzending - Koppelen aan automatische pipeline/deal
14.3 Twee manieren om formulieren in te sluiten
Manier 1: JavaScript Widget (Aanbevolen)
Optimaal voor UX en prestaties. Het formulier wordt asynchroon geladen en heeft geen invloed op de laadsnelheid van de hoofdpagina:
<!-- Plaats in de <head> van de pagina -->
<script src="https://widget.gtgcrm.com/form.js" async></script>
<!-- Plaats waar u het formulier wilt weergeven -->
<div data-gtg-form="UW_FORM_ID"></div>
De widget doet het volgende: - Laadt het formulier volgens het geconfigureerde ontwerp - Verwerkt client-side validatie - Zendt gegevens naar de GTG CRM-server - Toont succes-/foutmeldingen
Manier 2: iFrame
Eenvoudiger, geschikt als u geen JavaScript wilt toevoegen:
<iframe
src="https://form.gtgcrm.com/embed/UW_FORM_ID"
width="100%"
height="600"
frameborder="0"
scrolling="no">
</iframe>
14.4 Insluitcode Ophalen
Na het aanmaken van het formulier: 1. Klik op "Insluiten" (Embed) op het formulier dat u wilt gebruiken 2. Kies de methode: Widget of iFrame 3. Kopieer het codefragment → plak het op uw externe website
14.5 Tracking en Attributie
Insluitbare formulieren volgen automatisch: - Verkeersbron (UTM-parameters indien aanwezig) - Website waar het formulier is ingesloten (referrer) - Tijdstip van inzending
Alle gegevens worden gekoppeld aan het contactrecord in de CRM voor analyse van de campagneprestaties.
14.6 Spam Beveiliging
Insluitbare formulieren hebben ingebouwde spambeveiliging: - CAPTCHA (in-/uitschakelen naar wens) - Rate limiting: beperk het aantal inzendingen vanaf hetzelfde IP-adres - Verborgen honeypot-veld om bots automatisch te detecteren
Tips voor het Optimaliseren van Landing Pages
Duidelijke headline, concrete voordelen
In plaats van: "Hoogwaardig product" Gebruik: "Verlaag uw bedrijfskosten met 30% in de eerste 30 dagen"
Een goede headline beantwoordt de vraag: "Wat heb ik hieraan?"
Opvallende en unieke CTA
Elke landing page moet 1 hoofd-CTA hebben. Meerdere CTA's leiden tot twijfel bij de klant en verlagen de conversieratio.
Gebruik een kleur met hoog contrast ten opzichte van de achtergrond, een voldoende grote afmeting (minimaal 44px hoog op mobiel).
Hoogwaardige afbeeldingen/video's
- Echte foto's zijn beter dan algemene stockfoto's
- Korte video's van 15-30 seconden verhogen de tijd die op de pagina wordt doorgebracht
- Optimaliseer bestandsgrootte voor snelle paginalaadtijd (GTG CRM comprimeert afbeeldingen automatisch)
Kort formulier
Elk extra veld vermindert de kans op het invullen van het formulier met ongeveer 10-15%. Vraag alleen naar informatie die echt nodig is. Verzamel aanvullende informatie nadat u het contact hebt.
Paginalaadtijd
Met V2 SSR worden landing pages aan de serverzijde gerenderd — de laadtijd is aanzienlijk sneller dan bij traditionele page builders. Dit heeft directe invloed op de Quality Score in Google Ads en het bouncepercentage.
A/B-testen
Maak 2 versies van een landing page met 1 ander element (headline, CTA-kleur, hero-afbeelding) → verdeel het verkeer gelijkmatig → vergelijk de conversieratio na 1-2 weken → behoud de winnende versie.
Veelgestelde Vragen
Hoeveel credits kost een landing page?
Eerste publicatie: 500 credits. Bewerken en opnieuw publiceren volgende keren: gratis.
Hoeveel landing pages kan ik maken?
Geen limiet op het aantal pagina's. Elke eerste publicatie kost 500 credits.
Zijn landing pages automatisch geoptimaliseerd voor mobiel?
Ja. Alle sjablonen en AI-ontwerpen zijn automatisch responsief. U kunt direct in de editor een preview op mobiel bekijken.
Werkt een ingesloten formulier met WordPress?
Ja. Plak de Widget- of iFrame-code op elke WordPress-pagina. Geen plugin nodig.
Wat te doen als er een SSL-fout optreedt bij een eigen domein?
Ga naar Instellingen → Domeinen → Klik op "SSL opnieuw uitgeven". Het systeem vernieuwt het certificaat automatisch. Als de fout aanhoudt, controleer dan de CNAME-record bij uw DNS-provider.
Kan ik een landing page gebruiken om te verkopen zonder eigen website?
Volledig. GTG CRM landing pages bieden alles: productweergave, winkelwagen, checkout, betaling, factuuruitgifte — geen aparte website nodig.
