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> // Coupon vipps+klarna v3
$(document).ready(function (){
$("#vipps-knapp-uten").appendTo(".panel-heading");
  $("#vipps-knapp-med").appendTo(".panel-heading");
  $("#klarna-knapp-uten").appendTo(".panel-heading");
  $("#klarna-knapp-med").appendTo(".panel-heading");
  $("#vipps-knapp-med").hide();
  $("#klarna-knapp-med").hide();

  var edpayCoupon = function(){
   setTimeout(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();
      }
   }, 2000);
  };

  $(".coupon-code-button").on('click', function() {
   edpayCoupon();
  });

  $(".coupon-code-field").on('keypress', function(e) {
   if(e.which == 13){
   edpayCoupon();
   }
  });
});
</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!