Hoe plaats ik een formulier op een pagina?
Je hebt een formulier in Gravity Forms en wilt het op een pagina tonen. In leflite doe je dat met een korte code, een shortcode, in een gewoon Tekst-blok. In vier stappen staat je formulier online.
In het kort
- Zoek het ID van je formulier op onder Formulieren → Formulieren.
- Voeg op je pagina een Tekst-blok toe in een kolom.
- Plak
[gravityform id=1 title=false description=false ajax=true]en vervang de 1 door jouw ID. - Sla de pagina op en bekijk het resultaat.
Wat heb je nodig?
- Een formulier in Gravity Forms. Nog geen formulier? Kijk dan eerst in een contactformulier aanpassen.
- Een pagina met een sectie en een kolom waar het formulier in moet. Zie een sectie toevoegen en in kolommen delen.
Stap 1: Zoek het ID van je formulier op
Ga naar Formulieren → Formulieren. In de lijst heeft elk formulier een nummer in de kolom ID. Onthoud het nummer van het formulier dat je wilt plaatsen.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Stap 2: Voeg een Tekst-blok toe
Open de pagina in de editor. Klik in de kolom waar het formulier moet komen op de + en kies het blok Tekst. Hoe je een blok toevoegt, lees je in het Tekst-blok gebruiken.
Je mag boven het formulier in hetzelfde blok een kop en een korte inleiding zetten, bijvoorbeeld “Stel je vraag” met een regel uitleg.
Stap 3: Plak de shortcode
Zet de shortcode op een eigen regel in het Tekst-blok:
[gravityform id=1 title=false description=false ajax=true]
Vervang de 1 door het ID uit stap 1. Gebruik het tekstveld gewoon zoals je tekst typt; je hoeft niet naar een HTML-weergave.
Wat betekenen title, description en ajax?
- title=false: de titel van het formulier (zoals je hem in Gravity Forms hebt genoemd) wordt niet getoond. Meestal zet je zelf een kop boven het formulier, dus dan wil je hem niet dubbel.
- description=false: de beschrijving van het formulier wordt niet getoond. Laat je deze twee weg, dan toont Gravity Forms ze wel.
- ajax=true: het formulier wordt verstuurd zonder dat de pagina opnieuw laadt. De bedanktekst verschijnt dan op de plek van het formulier. In een pop-up is dit nodig.
Stap 4: Bekijk de pagina
Klik op Opslaan (of Publiceren) en bekijk de pagina. Het formulier staat er nu, in de stijl van je website. In de editor zie je alleen de shortcode; het echte formulier zie je op de website zelf.
Tip: test na het plaatsen altijd één keer zelf het formulier. Dan weet je zeker dat de melding aankomt op het goede adres.
Waarom geen Gravity Forms-blok?
Gravity Forms heeft een eigen blok, maar dat staat in leflite bewust niet in de editor. Alle inhoud staat in leflite in secties en kolommen met de eigen blokken van het thema. Met de shortcode in een Tekst-blok past het formulier daar netjes in, en het thema herkent zo dat er een formulier op de pagina staat en laadt alleen dan de scripts die het formulier nodig heeft. Dat houdt je andere pagina’s snel.
Lukt het niet?
- Je ziet alleen de tekst van de shortcode op de website. Controleer de blokhaken en de spelling:
gravityformzonder s. Kopieer de shortcode het liefst uit dit artikel en pas alleen het ID aan. - Er verschijnt een ander formulier. Het ID klopt niet. Kijk het nummer opnieuw na in de kolom ID.
- Er verschijnt niets. Het formulier staat misschien op inactief of in de prullenbak. Zet het in de lijst weer op actief.
- De titel van het formulier staat er dubbel. Zet title=false in de shortcode.
- Het formulier staat in een pop-up en de pagina springt na verzenden. Voeg ajax=true toe. Zie een formulier in een pop-up tonen.
Kom je er niet uit? Neem contact met ons op of bel 06 35 66 47 73. We kijken graag even mee.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Hoe stel ik in wie de formulierberichten krijgt?
Hoe zorg ik dat de mail van mijn website aankomt?
Ik krijg geen berichten van mijn formulier: wat nu?
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.