Inzendingen & uitvoer

Inzendingsuitvoer bepaalt wat er gebeurt wanneer een gebruiker op een verzendknop klikt: PDF-offerte, bevestigingsmail, webhook-POST en/of postMessage naar de parentpagina. Uitvoer wordt gekoppeld aan templates voor de PDF-opmaak.

Waar je het instelt

Manager → Configuraties → product → Inzending & tracking → Data Submissions

Inzendingen beheren (UI)

Onder Data → Inzendingen beheer je de formulieren en lead-capture-instellingen die aan het einde van je configurator worden getoond. Hier bepaal je welke klantgegevens je verzamelt en welke acties er na een inzending worden getriggerd.

1. Manager → Data → Inzendingen opent een dashboard met al je bestaande inzendingsconfiguraties.

   • Bestaande bewerken — klik op het potlood-icoon aan de rechterkant van een rij.
   • Nieuwe aanmaken — klik rechtsboven op + Inzending toevoegen.

   

Een inzending configureren (stap voor stap)

Wanneer je een inzending aanmaakt of bewerkt, doorloop je deze stappen:

1. Basisgegevens & offertetemplate — geef de inzending een duidelijke, herkenbare naam voor intern gebruik en selecteer het offertetemplate dat je aan deze configurator wilt koppelen.

   

2. Persoonlijke gegevens — schakel in welke klantvelden je aan het einde van de configurator wilt verzamelen (bijv. naam, e-mail, telefoon).

   

3. Kortings- en dealeropties — schakel het tonen van een kortingsoptie in of uit en schakel in of uit dat de gebruiker een specifieke dealer kan selecteren.

   

4. Aangepaste velden — voeg extra vragen toe om informatie te verzamelen die buiten de standaardvelden valt.

   

5. Bevestigingstekst (bedankpagina) — schrijf het korte bericht dat de klant op het scherm ziet na een geslaagde verzending (bijv. een bedankje of opvolgingsinfo).

   

6. Call-to-action & triggers (verzendknop) — voeg de definitieve verzendknop toe, geef deze een label en stel de trigger in — wat er direct na de klik gebeurt, zoals het genereren van een offertetemplate of het versturen van een bevestigingsmail.

   

⚠️ Gevarenzone — onderaan de pagina kun je de inzendingsconfiguratie definitief verwijderen. Deze actie kan niet ongedaan worden gemaakt.

Begrippen

Term	Beschrijving
Inzendingsuitvoer	Een benoemde configuratie die één template en meerdere knoppen groepeert
Template	PDF-/e-mailopmaak (beheerd onder Instellingen → Templates)
Knop	Een gelabelde verzendactie die de gebruiker op de infostap ziet
Triggers	Schakelaars per knop: PDF, e-mail, webhook, postMessage

Elk product kan een uitvoer aanroepen via output_id op de winkelwagen-/inzendingsconfiguratie.

Knop-triggers

Schakelaar	Effect
Offerte-PDF genereren	Maakt een landingspagina-URL die in de API-respons wordt teruggegeven
Bevestigingsmail versturen	E-mail naar de klant met de offertelink
POST naar een URL	Webhook-JSON-POST
PostMessage	postMessage naar het parentvenster

Knoppen kunnen triggers combineren. Voorbeeldintegraties:

• Offerteaanvraag: PDF + e-mail + webhook naar CRM
• In winkelwagen: alleen webhook + postMessage (geen contactvelden)
• Iframe-bedankpagina-redirect: alleen postMessage

Contactloze knoppen / winkelwagenknoppen

Wanneer een knop PDF en e-mail uitgeschakeld heeft, slaat de verzendflow de contactvalidatie en het aanmaken van de offerte over. Webhooks en postMessage worden nog wel afgevuurd met cart.action-payloads.

Gebruik dit voor “In winkelwagen” of “Configuratie naar ERP sturen” zonder naam/e-mail te verzamelen.

Verzendpayload van de client

Bij het verzenden stuurt het formulier (onder andere) de volgende velden:

{
  buttonId: '...',
  output_id: '...',
  templateId: '...',
  items: [ /* winkelwagenconfiguraties */ ],
  first_name, last_name, email, phone, // indien vereist
  total_price,
  product_id,
  dealer_id,
  language
}

De API herleidt de knop op basis van output_id + buttonId en voert de ingeschakelde triggers uit.

Templates & JavaScript-embed

Templates bepalen de PDF-inhoud. De JavaScript-embed van de configurator (inject) laadt geen apart templatebestand op de hostsite — de live UI komt uit Configuratorstijlen in Manager.

Verbindingsflow:

1. Gebruiker configureert het product in de inject-/iframe-UI (stijlen uit Manager).
2. Gebruiker bereikt de infostap en klikt op een knop die is gedefinieerd in Data Submissions.
3. Client roept de add-quote-API aan met output_id, buttonId, templateId.
4. Server genereert de PDF op basis van het template dat aan de uitvoer is gekoppeld (indien ingeschakeld).
5. Webhook/postMessage worden afgevuurd volgens de schakelaars van de knop.

Voor GTM-analytics op de hostpagina gebruik je de inject-modus + Analytics & GTM.

Bericht na voltooiing

Optionele aangepaste tekst die na het verzenden wordt getoond (finished_message) kan op de knop of de uitvoer worden ingesteld.

Verder lezen

• Webhooks
• postMessage
• Script-injectie