Formulär-widget

Formulär-widgeten bäddar in Reblas anmälningsformulär direkt på projekthemsidan, i stället för att länka besökaren till en separat sida. UTM-parametrar skickas automatiskt med anmälan utan att något extra JavaScript behövs.

Jämförelse med knapp/länk

	Knapp/länk	Formulär-widget
Besökaren lämnar sidan	Ja	Nej
UTM-parametrar kräver extra JS	Ja	Nej
Begränsning vid intern navigering	Ja	Ja

Inbäddning

Klistra in följande kod på den sida där formuläret ska visas. Ersätt DITT_PROJEKT_ID och DIN_TOKEN med projektets egna värden – kontakta supporten om du behöver hjälp med det.

<style>
  #rebla-form {
    --rebla-form-height: 70vh; /* Mobil */
  }
  @media (min-width: 600px) {
    #rebla-form {
      --rebla-form-height: 30vh; /* Desktop */
    }
  }
</style>
<div id="rebla-form" />
<script
  async
  type="application/javascript"
  src="https://form.rebla.se/v1.js"
  baseUrl="https://app.rebla.se"
  projectId="DITT_PROJEKT_ID"
  token="DIN_TOKEN"
></script>

Höjd

Höjden styrs med CSS-variabeln --rebla-form-height. Exemplet ovan sätter 70vh på mobil och 30vh på desktop – justera efter sidans layout.

Begränsning – intern navigering

Widgeten läser UTM-parametrar från URL:en när sidan laddas. Om besökaren navigerat runt på projekthemsidan dessförinnan finns parametrarna inte längre i URL:en och spårningen går förlorad.

Placera därför widgeten på landningssidan – den sida som Booli, Hemnet m.fl. pekar på.

Länka till formuläret Mejlfunktionen