Legg til kursdeltaker sitt fornavn på takkeside i Kajabi

Her er en "Kajabi-hack" som gjør at du kan legge til fornavnet på kursdeltakeren på takkesiden din. Se for deg at en kunde fyller ut et optin-skjema med navn og epost, og så dukker fornavnet til personen opp på takkesiden 🤩

Under finner du en fremgangsmåte for hvordan vi kan få til dette. Her er et skjermbilde av resultatet: 

Fremgangsmåte

Det første vi må gjøre er å sørge for at skjemaet kunden fyller ut sender informasjonen videre til takkesiden. Dette gjør vi ved å aktivere dette valget på skjemaet (rød pil): 

Deretter legger vi til en "Custom Code" seksjon på takkesiden. Denne skal representere tittelen på takkesiden:

I denne seksjonen legger du til følgende kodesnutt:  

<h1 id="title">Velkommen til Edpay 🥳</h1>

<script> // first name in title
  const params = new Proxy(new URLSearchParams(window.location.search), {
    get: (searchParams, prop) => searchParams.get(prop),
  });

  let name = params.name;

  if(name != null){
    if(name.search(" ") > 0){
      name = name.slice(0, name.search(" "));
    }

    const title = "Velkommen, " + name + " 🥳";

    document.getElementById("title").innerHTML = title;
  }
</script>

Den første linjen som starter med <h1 er "default" overskriften. Hvis navnet til personen ikke er tilgjengelig vil denne overskriften vises. Her kan du endre overskriften ved å endre innholdet mellom > og <.

Hvis navnet er tilgjengelig, vil linjen som starter med "const title" vises (linje 4 fra bunnen). Du kan endre innholdet her ved å endre teksten mellom anførselstegnene (").

Flere alternativer kan for eksempel være: 

"Velkommen, " + name
"Velkommen, " + name + "!"

(Forklaring: "name" er en variabel og vil inneholde fornavnet til deltakeren. Du "setter sammen" leddsetninger ved å bruke anførselstegn i starten og slutten av hver leddsetning og et pluss-tegn mellom hver del.)

For å sette inn emojis kan du bruke Emojipedia.org for å kopiere den du vil ha og lime inn i koden.

Har du problemer med å få det til å fungere, så send gjerne et skjermbilde av koden din til [email protected], så skal jeg hjelpe deg 😊

Se hvordan dette fungerer i praksis

Fyll ut skjemaet under, så ser du hvordan navnet ditt kommer opp på takkesiden. Som en ekstra bonus får du automatisk tilsendt flere smarte hacks, når de blir publisert ⤵️