Hvordan bruke rabattkuponger med Vipps og/eller Klarna

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

Måten vi kan få til dette på er å bruke 2 forskjellige produkter i Edpay. Det ene produktet har fullpris og det andre har den rabatterte prisen. Det vi ønsker skal skje er at Vipps-/Klarna-knappen endres fra fullpris-produktet til det rabatterte produktet når kunden fyller inn en gyldig rabattkode.

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> // Coupons vipps+klarna
$(document).ready(function (){
var edpay1= $("#vipps-uten-rabatt").html();
var edpay2= $("#vipps-med-rabatt").html();
var edpay3= $("#klarna-uten-rabatt").html();
var edpay4= $("#klarna-med-rabatt").html();
$(".panel-heading").append(edpay1);
$(".panel-heading").append(edpay2);
$(".panel-heading").append(edpay3);
$(".panel-heading").append(edpay4);
$("#vipps-knapp-med").hide();
$("#klarna-knapp-med").hide();
});

$("body").on('DOMSubtreeModified', ".price-breakdown", function() {
  if($(".price-breakdown").length == 1){
   $("#vipps-knapp-med").show();
   $("#vipps-knapp-uten").hide();
   $("#klarna-knapp-med").show();
   $("#klarna-knapp-uten").hide();
}else{
   $("#vipps-knapp-med").hide();
   $("#vipps-knapp-uten").show();
   $("#klarna-knapp-med").hide();
   $("#klarna-knapp-uten").show();
}
});
</script>

Deretter finner du frem linkene til hvert produkt i Edpay.

Du trenger linken til både fullpris produktet og det rabatterte produktet. Når du har disse endrer du FULLPRIS-LINK og RABATT-LINK i kodesnuttene under. Når du har gjort det kan du lime inn kodesnutten under "Source code" under "Checkout description":

For Vipps:

<div id="vipps-uten-rabatt" style="display: none;">
<a id="vipps-knapp-uten" class="vipps-knapp" href="FULLPRIS-LINK">
<img src="https://app.edpay.no/buttons/betal.png" /></a>
</div>
<div id="vipps-med-rabatt" style="display: none;">
<a id="vipps-knapp-med" class="vipps-knapp" href="RABATT-LINK">
<img src="https://app.edpay.no/buttons/betal.png" /></a>
</div>

For Klarna:

<div id="klarna-uten-rabatt" style="display: none;">
<a id="klarna-knapp-uten" class="vipps-knapp" href="FULLPRIS-LINK">
<img src="https://app.edpay.no/buttons/klarna.png" /></a>
</div>
<div id="klarna-med-rabatt" style="display: none;">
<a id="klarna-knapp-med" class="vipps-knapp" href="RABATT-LINK">
<img src="https://app.edpay.no/buttons/klarna.png" /></a>
</div>

Nå vil kunden få mulighet til å legge inn en rabattkode i checkout, som endrer Vipps og/eller Klarna-knappen fra fullpris til det rabatterte produktet 🥳

Noen viktige punkter:

- Dette fungerer ikke i kombinasjon med "order bump"! Da må vi være litt ekstra kreative. Send meg en mail til [email protected] om dette er viktig for deg.

- Hvis du fjerner rabattkoden etter at en gyldig rabattkode er lagt til, vil fortsatt den rabatterte Vipps-knappen "henge igjen". Jeg må innrømme at jeg ikke har funnet noen god måte å gå tilbake til fullpris-knappen på. Jeg ser på dette som usannsynlig at noen ønsker å fjerne en rabattkode og heller betale fullpris. Men om dette er viktig for deg, så skal jeg alltids klare å finne en løsning for det også 😊

Hvordan bruke rabattkuponger med Vipps og/eller Klarna

Start prosessen i dag!