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 offers i Edpay. Det ene offeret har fullpris og det andre har den rabatterte prisen. Det vi ønsker skal skje er at Vipps-/Klarna-knappen endres fra fullpris-offeret til det rabatterte offeret 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 offer i Edpay. 

Pro tips: Be vår AI chatbot om å lage kodesnuttene for deg. Lim inn kodesnuttene for full pris og rabattert pris i chatten og be den om å lage rabattkodene for deg 👉 https://app.edpay.no/eddie 

Du trenger linken til både fullpris offeret og det rabatterte offeret. 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 style="width: 100%; max-width: 320px; border-radius: 4px;" src="https://app.edpay.no/buttons/vipps_betal.png" /></a>
</div>
<div id="vipps-med-rabatt" style="display: none;">
  <a id="vipps-knapp-med" class="vipps-knapp" href="RABATT-LINK">
  <img style="width: 100%; max-width: 320px; border-radius: 4px;" src="https://app.edpay.no/buttons/vipps_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 style="width: 100%; max-width: 320px; border-radius: 4px;" src="https://app.edpay.no/buttons/klarna_checkout.png" /></a>
</div>
<div id="klarna-med-rabatt" style="display: none;">
  <a id="klarna-knapp-med" class="vipps-knapp" href="RABATT-LINK">
  <img style="width: 100%; max-width: 320px; border-radius: 4px;" src="https://app.edpay.no/buttons/klarna_checkout.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 offeret 🥳

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å 😊