Attivazione
Questa funzionalità è attivabile su richiesta; scrivici a help@teamsystemcommerce.com per richiedere l'attivazione.
Una volta attivata, sarà necessario avere un account esistente di Klarna.
Configurazione Javascript
Dal nostro pannello di Klarna dobbiamo recuperare dei dati, seguire questa guida per recuperare gli script necessari: https://docs.klarna.com/on-site-messaging/integrate-with-on-site-messaging/integrate-using-javascript-library/.
Da backoffice andare su Ecommerce -> Team -> click su "modifica html/css".
Andare sul file skeleton.html e all'interno dell'head incollare lo script fornito da Klarna:
async
data-environment="**"
src="https://js.klarna.com/web-sdk/v1/klarna.js"
data-client-id="****"
>
Controllare che l'attributo data-client-id e data-environment non siano vuoti.
Inserimento widget pagina prodotto
Dal pannello di Klarna, scegliere un widget a vostra scelta.
Andare sul file product.html, valutare e scegliere in quale punto inserire il widget, in questo caso inseriremo il widget sotto il bottone "aggiungi alla wishlist".
data-key="credit-promotion-badge"
data-locale="it-IT"
data-purchase-amount="{{product.final_price|replace({'.': ''})}}"
>
Alcuni widget hanno bisogno di alcuni dati per funzionare. Nel nostro caso il widget ha bisogno del data-locale e data-purchase-amount.
data-locale=""
data-purchase-amount=""
Nel data-locale possiamo inserire la variabile twig "locale" -> "it_IT" dove verrà visualizzato la lingua corrente del sito.
data-locale="{{locale}}"
Nel data-purchase-amount dobbiamo inserire il prezzo finale del prodotto (es. "{{product.final_price|replace({'.': ''})}}").
data-purchase-amount="{{product.final_price|replace({'.': ''})}}"
Inserimento widget pagina carrello
Dal pannello di Klarna, scegliere un widget a vostra scelta.
Andare sul file cart_review.html, valutare e scegliere in quale punto inserire il widget.
data-key="credit-promotion-badge"
data-locale="it-IT"
data-purchase-amount="{{cartTotal|replace({'.': ''})}}"
>
Alcuni widget hanno bisogno di alcuni dati per funzionare. Nel nostro caso il widget ha bisogno del data-locale e data-purchase-amount.
data-locale=""
data-purchase-amount=""
Nel data-locale possiamo inserire la variabile twig "locale" -> "it_IT" dove verrà visualizzato la lingua corrente del sito.
data-locale="{{locale}}"
Nel data-purchase-amount dobbiamo inserire il prezzo finale del prodotto (es. "{{cartTotal|replace({'.': ''})}}").
data-purchase-amount="{{cartTotal|replace({'.': ''})}}"
Salvare il tutto e vedere il risulto dal front-end.
In caso di eventuali errori, controllare la console del proprio browser, con tasto destro del mouse -> ispeziona.
Commenti