Hjelpetekst på Checkoutsider

Jeg har fått tilbakemelding om at checkoutsiden kan bli noe uklar når betalingsknappen står alene under prisen. Tilbakemeldingen er at noen kan tro at de må fylle ut skjemaet under Vippsknappen før de kan trykke på den. 

Sånn ser Checkout ut vanligvis:

Men det er en løsning for alt! Med litt ekstra kode kan vi tilpasse Checkout slik vi ønsker. Jeg har lagd et eksempel, som legger til en overskrift med "Kortbetaling" over kortbetalingen:

Du kan velge om du enten vil legge til denne overskriften på ALLE checkoutsider, eller kun noen utvalgte sider. 

Alternativ 1: Alle checkoutsider

Gå til Checkout Settings i Kajabi, og lim inn denne koden under "Footer Tracking Code": 

<script> // Card payment description
  $('.panel-body').prepend('<p style="font-weight: 600; margin-top: 0px;">Kortbetaling</p>');
</script>

Du kan velge selv om du ønsker å endre på teksten som er markert i blå.

Alternativ 2: Utvalgte checkoutsider

Gå til Checkout Settings i Kajabi, og lim inn koden under i "Footer Tracking Code": 

<script> // Card payment description
  if(document.getElementsByClassName("addCardPaymentDescription").length != 0){
    $('.panel-body').prepend('<p style="font-weight: 600; margin-top: 0px;">Kortbetaling</p>');
  }
</script>

For hver checkout du ønsker at teksten skal vises på legger du inn denne koden under "source code" i "Checkout description":

<span class="addCardPaymentDescription"></span> 

Her kan du også velge selv om du ønsker å endre på teksten som er markert i blå. 

Nå blir det kanskje mer forståelig for kunden at de har to alternativer :)