Lägg till Prisjakt Checkout Rating Widget i din butik
Prisjakt Checkout Rating Widget visar en liten ruta med frågan “Hur var din köpupplevelse?” på kassasidan.
Widgeten läggs enkelt till via layouthanteraren i adminpanelen.
Steg 1: Öppna layouthanteraren
Logga in i admin
Gå till Layout
Gå in i kodläget </>
Öppna fältet för HTML i sidhuvudet (Head).
Det är samma fält där exempelvis Trustpilot-skriptet brukar vara inlagt.
Steg 2: Klistra in koden
Lägg till följande LÄNGST NER i head-fältet, utan att ta bort något som redan finns där
<!-- pji checkout-rating widget --> <link rel="stylesheet" href="https://cdn.pji.nu/b2b/widgets/checkout-rating/index.css" />
<script defer src="https://cdn.pji.nu/b2b/widgets/checkout-rating/index.js" id="checkout-rating-script"></script>
<script>
if (window.location.pathname.includes('/checkout')) {
function injectCheckoutRating() {
const container = document.querySelector('section.section div.container');
if (!container) return false;
if (document.querySelector('.checkout_rating_widget')) return true;
const widget = document.createElement('div');
widget.className = 'checkout_rating_widget';
widget.setAttribute('data-shop-id', 'DATA-SHOP-ID');
widget.setAttribute('data-widget-id', 'DATA-WIDGET-ID');
widget.setAttribute('data-market', 'SE');
const wrapper = document.createElement('div');
wrapper.style.marginBottom = '24px';
wrapper.appendChild(widget);
container.insertBefore(wrapper, container.firstChild);
// PJ-scriptet läser av sidan en gång vid inladdning – kör om det för vår widget
let tries = 0;
(function hydrate() {
if (window.prisjakt_checkout_rating_widget) {
window.prisjakt_checkout_rating_widget.reload();
} else if (tries++ < 50) {
setTimeout(hydrate, 100);
}
})();
return true;
}
document.addEventListener('DOMContentLoaded', function () {
if (!injectCheckoutRating()) {
const observer = new MutationObserver(function () {
if (injectCheckoutRating()) observer.disconnect();
});
observer.observe(document.body, { childList: true, subtree: true });
}
});
}
</script>
Steg 3: Byt ut värdena mot dina egna
De tre data-attributen får du av Prisjakt (Prisjakt/pji.nu):
data-shop-id = ditt butiks-ID (i exemplet ovan, ta bort DATA-SHOP-ID och ersätt)
data-widget-id = widgetens ID (i exemplet ovan, ta bort DATA-WIDGET-ID och ersätt)
data-market = marknad, t.ex. SE
Har du ett eget shop-id/widget-id – byt ut exempelvärdena ovan mot dina.
Steg 4: Spara och testa
Spara temat längst ner till höger
Gör en testbeställning eller gå till kassan
Ladda om sidan (hård omladdning)
Widgeten ska dyka upp högst upp i kassan
Vanliga frågor
Widgeten "klipps av". Hur gör jag?
Höjden på rutan (iframen) styrs av Prisjakt utifrån widget-ID. Om innehållet klipps av så justerar du höjden för detta i Prisjakts dashbord, inte i layouthanteraren.
Varför syns den bara i kassan?
Widgeten visas bara på kassasidan (URL som innehåller /checkout). Vill du visa den på en annan sida behöver koden anpassas.
