Formulieren toevoegen aan pagina’s.

Learn DXPR BuilderBuild pagesVolg een tutorial

Hier zet je een aanmeldformulier naast je boodschap in één sectie. Het formulier is een Drupal-blok, dus je kunt elk open webformulier zo plaatsen. Gebruik deze pagina voor een formulier in een bestaande pagina. Voor een volledige pagina met adres, kaart en openingstijden volg je Een contactpagina maken.

De video bouwt een nieuwsbriefaanmelding voor een gezondheidskliniek.

Voordat je begint

  • Je rol heeft de permissie Bewerken met DXPR Builder.
  • Het formulier bestaat, bijvoorbeeld als een webformulier gemaakt met de Webform-module.
  • De pagina is open in de builder. Ga voor een nieuwe naar Inhoud > Inhoud toevoegen > Landingspagina (/node/add/landing_page) en klik op Opslaan.

Stap 1: een gekleurde sectie toevoegen

  1. Klik op Add Elements op de lege pagina en kies Sectie op het tabblad Lay-out.
  2. Beweeg over de sectie en open More > Settings. Open het paneel Stijl, kies een lichtgrijze Achtergrond en klik op Opslaan.

Stap 2: twee kolommen toevoegen

  1. Klik op + op de sectie en kies Rij. Een nieuwe rij komt met twee gelijke kolommen, de splitsing die je hier wilt.

Stap 3: de aanmeldboodschap schrijven

  1. Klik op + in de linkerkolom en kies Tekst op het tabblad Inhoud.
  2. Typ “Ontvang gezondheidstips per e-mail” en zet het op Kop 2 via de werkbalk.
  3. Voeg één regel toe over wat abonnees krijgen en hoe vaak, en klik daarna op Opslaan.

Stap 4: het formulier invoegen

  1. Klik op + in de rechterkolom.
  2. Open het tabblad Drupal-blokken.
  3. Kies het blok van je formulier en klik op Opslaan in de instellingendialoog. Het formulier toont in de kolom.

Stap 5: opslaan en vooraf bekijken

  1. Klik op Opslaan op de werkbalk van de builder.
  2. Open het weergavemenu (het oogpictogram) en kies Voorvertoning om de boodschap naast het formulier te zien.

Waar formulieren vandaan komen

Niet getoond in de video:

  • Webform-module: elk open webformulier staat op het tabblad Drupal-blokken als “Block: DXPR builder: Webform:” gevolgd door zijn naam. Typ de naam bij Zoeken, of kies DXPR builder onder Filteren op categorie.
  • Core-module Contact: zijn formulieren bij Structuur > Contactformulieren hebben geen eigen blok. De contributed module Contact Block voegt een Contactblok toe aan hetzelfde tabblad.

Formulieren stijlen

Niet getoond in de video. Formulieren nemen de stijlen van je thema over. Om ze te wijzigen:

  • Voeg klassen toe onder HTML-klassen in het paneel Algemeen van het blok, en stijl die klassen in je thema.
  • Zet marge en padding rond het formulier in het paneel Stijl van het blok.

Wat je ziet

De grijze strook houdt links je kop en één regel tekst en rechts het formulier. In de voorvertoning werkt het formulier zoals voor bezoekers, en inzendingen gaan naar de eigen handlers van het formulier. Kies Bewerken in het oogmenu om verder te werken.

Als je het formulier niet ziet

  • Je webformulier staat niet op het tabblad Drupal-blokken. De builder toont alleen open webformulieren. Ga naar Structuur > Webformulieren (/admin/structure/webform) en zet de status van het formulier op Open.
  • Het tabblad Drupal-blokken ontbreekt of is leeg. De builder toont blokken alleen wanneer de core-module Block Content aanstaat. Schakel hem in bij Uitbreiden (/admin/modules).
  • Bezoekers zien een lege kolom waar het formulier moet staan. Het blok verbergt een webformulier voor mensen die het niet mogen indienen. Geef hun rol toestemming om inzendingen aan te maken op de Toegang-instellingen van het webformulier.
  • Je wijzigingen zijn weg na een herladen. Je verliet de pagina voordat je op Opslaan op de werkbalk van de builder klikte. Als Opslaan een fout toont, zie Wijzigingen worden niet opgeslagen.

Wat nu?

  • Contactpagina voor een volledige pagina met een formulier, een kaart en openingstijden
  • Drupal-blokken voor elk blok dat je in een pagina kunt zetten