OP Rahoituslaskuri: Näin lisäät laskurin verkkosivuillesi
OP Rahoituslaskuri on tehokas työkalu, jonka avulla asiakkaasi voivat arvioida rahoituksen kustannuksia suoraan verkkosivuillasi. Se parantaa ostokokemusta, lisää yhteydenottoja ja mahdollistaa entistä joustavamman myyntiprosessin.
Tässä artikkelissa käydään läpi miten lisäät OP:n rahoituslaskurin omalle sivustollesi muutamassa minuutissa.
1. Varmista, että OP-rahoituspalvelut ovat käytössäsi
Rahoituslaskuri toimii vain, jos yritykselläsi on aktiivinen OP:n rahoitussopimus ja olet saanut OP:lta yrityskohtaisen tunnuksen (ns. yrityksen nimi / key). Saat sen OP:n yritysrahoituksen yhteyshenkilöltä.
2. Lisää laskurin CSS ja JavaScript sivustosi <head>-osioon
Kopioi alla oleva koodi ja liitä se verkkosivujesi <head> osioon ennen </head> loppua.
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/luomassa/oplaskuri/op-calc-widget.js" ></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/luomassa/oplaskuri/op-calc-widget.css"/>Nämä lataavat laskurin toiminnallisuuden ja ulkoasun.
3. Lisää laskurin HTML-osion kotisivullesi
Sinun tulee lisätä laskurin sijoituspaikaksi yksi yksinkertainen div-elementti:
<div id="op-keti-init-content"></div>Voit sijoittaa tämän esimerkiksi tuotesivulle, rahoitus-sivulle tai mihin tahansa kohtaan, jossa haluat asiakkaan näkevän laskurin.
4. Lisää laskurin asetukset ennen </body>-tagia
Lisää seuraava koodi mahdollisimman lähelle sulkevaa </body>-tagia:
<script type="text/javascript">
window.__opCalcAccount = window.__opCalcAccount ? window.__opCalcAccount : {
"mode": "kertaluotto-uusi",
"key": "yrityksennimi"
};
window.__opCalcOpts = window.__opCalcOpts && Object.keys(window.__opCalcOpts).length ? window.__opCalcOpts : [];
window.__opCalcOpts["content"] = {
"linkCta": "https://eficode.pohjola-finance.fi/kertaluotto-uusi/yrityksennimi",
"linkMore": "",
"name": "Firmanen",
"heading": "Rahoituksen määrä",
"colorPrimary": "#ff6a10",
"colorSecondary": "#ffffff",
"textOpenBtn": "Maksa erissä",
"percentage": [0.012, 0.017, 0.021, 0.028, 0.033, 0.05, 0.09],
"enableInputChanges": true,
"showCta": true,
"showInput": true,
"type": "content",
showInfo: {
realInterest: true,
interestMargin: true,
paybackTime: true,
costEstimate: true
},
texts: {
ctaButton: "Tutustu ja hae",
inputAmountLabel: "Rahoituksen määrä",
teaser: "Maksa 1 kk päästä toimituksesta ...",
floating: {
openButton: "Maksa erissä"
},
product: {
openButtonTextStart: "Tai",
openButtonTextEnd: "rahoituksella."
}
}
}
</script>
5. Muokkaa yrityksesi tunnus oikeisiin kohtiin
Sinun tulee vaihtaa kaksi kohtaa OP:lta saamaasi yrityksen nimeä vastaaviksi:
1.
"key": "yrityksennimi"→ Vaihda "yrityksennimi" omaan OP:n antamaan key-arvoon.
2.
"linkCta": "https://eficode.pohjola-finance.fi/kertaluotto-uusi/yrityksennimi"→ Vaihda "yrityksennimi "osoitteessa omaan yrityksen tunnukseen.
Huom: Ilman oikeita tunnuksia laskuri ei toimi, eikä hakemuslomake ohjaudu oikein OP:n palveluun.
6. Tallenna muutokset ja testaa
Kun olet lisännyt kaikki kohdat:
- Päivitä sivu
- Varmista, että laskuri latautuu näkyviin
- Testaa eri rahoitusmäärillä
- Tarkista, että "Tutustu ja hae" -painike ohjautuu OP:n hakemuslomakkeeseen oikealla yrityksen nimellä
Jos laskuri ei näy:
- varmista, että skriptit ovat ennen </head>
- tarkista, ettei sivulla ole JavaScript-virheitä
- varmista, että yrityksen key on oikein
Yhteenveto
OP Rahoituslaskurin lisääminen verkkosivuille on helppoa, kunhan OP:n rahoituspalvelut ovat käytössä ja yrityksen tunnukset ovat oikein asetettu.
Laskuri parantaa asiakkaan ostokokemusta ja tekee maksuerien arvioinnista välitöntä ja selkeää.
Arveluttaako verkkosivujen tekijän valinta?
Ymmärrän. On vaikea tietää etukäteen onko tämä tekijä nyt oikeasti se paras meille. Siksi tarjoan Suomen ensimmäisenä maksutonta vedosta uusista sivuista.
