Hvordan bruke order bump med Vipps

Ettersom det i utgangspunktet ikke er mulig å bruke order bump med Vipps, må vi være litt kreative for å finne en god løsning. 

Måten vi kan få til dette på er å lage 2 ulike offers i Kajabi. Det ene offeret inneholder et produkt og det andre inneholder både produktet og innholdet fra order bumpen. Begge disse offerene legger du inn som ulike produkter i Edpay. 

Det vi ønsker skal skje er at Vipps-knappen endres når kunden trykker på "order bump". Først skal vi vise knappen hvor man betaler for et produkt, og når order bump er aktivt vil knappen endres til det andre offeret.

Dette kan vi gjøre ved å legge inn følgende kodesnutt i "Footer Tracking Code" (Settings -> Checkout settings). Har du annen kode her fra før, kan du lime inn dette under eksisterende kode:

<script> // Order bump
$(document).ready(function (){
  var edpay1= $("#vipps1").html();
  var edpay2= $("#vipps2").html();
  $(".panel-heading").append(edpay1);
  $(".panel-heading").append(edpay2);
  $("#vipps-knapp2").hide();
});

$("#checkout_offer_include_order_bump").click(function(){
  if($("#checkout_offer_include_order_bump").is(':checked')){
    $("#vipps-knapp2").show();
    $("#vipps-knapp1").hide();
  }else{
    $("#vipps-knapp2").hide();
    $("#vipps-knapp1").show();
  }});
</script>

 
Deretter finner du frem linkene til hvert produkt i Edpay. 

Når du har disse endrer du LINK1 og LINK2 i kodesnutten under. LINK1 er produktet uten order bump og LINK2 er produktet som inkluderer order bump. 

<div id="vipps1" style="display: none;">
  <a id="vipps-knapp1" class="vipps-knapp" href="LINK1">
  <img src="https://app.edpay.no/buttons/betal.png" /></a>
</div>
  <div id="vipps2" style="display: none;">
  <a id="vipps-knapp2" class="vipps-knapp" href="LINK2">
  <img src="https://app.edpay.no/buttons/betal.png" /></a>
</div>

Når du har gjort det kan du lime inn kodesnutten under "Source code" under "Checkout description":  

Når kunden nå trykker på order bump på checkoutsiden din, vil Vippsknappen endre seg til produktet som inkluderer order bump 🥳 

Hvis noe var uklart må du ikke nøle med å sende en epost til [email protected]! 😊