Logg inn Prøv gratis i 30 dager

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. 

NB: det er ikke mulig å kombinere et enkeltsalg med et abonnement i Edpay. Det er kun mulig å bruke order bump når det er 2 engangskjøp eller 2 abonnement, men ikke en av hver.

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]! 😊 

Close

80% ferdig

Start prosessen i dag!

Fyll ut navn og epost under, så hjelper jeg deg med å ta i bruk Vipps.