Home Kennisbank Formulieren Hoe plaats ik een formulier op een pagina?

Hoe plaats ik een formulier op een pagina?

Robert Oosterloo
Bijgewerkt op · 4 min lezen

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?

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.

De lijst met formulieren in Gravity Forms met de kolom ID gemarkeerd
Het nummer in de kolom ID heb je nodig voor de shortcode.

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
Website van Inspirare Coaching op een laptop

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.

Een Tekst-blok in de editor met de gravityform-shortcode gemarkeerd
Plak de shortcode op een eigen regel in een Tekst-blok.

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.

Een aanvraagformulier op een pagina met velden voor naam, e-mail, het adres van de website, keuzeknoppen en een verzendknop
Na het opslaan staat het formulier op de pagina, in de huisstijl van je website.

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: gravityform zonder 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

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 .