Widget
Il widget di simulazione rateale ti offre diversi vantaggi. Puoi leggerli qui.
Di seguito invece troverai le istruzioni per incorporare il widget nel tuo e-commerce o sito web.
Incorporare il widget
Includi il seguente JS nella tua pagina web, appena prima della chiusura del tag </body>
.
Attenzione: Non inserire il widget nel tag <head>
perché si andrà incontro ad un errore.
<script src="https://cdn.soisy.it/loan-quote-widget.js" async defer></script>
A questo punto puoi cominciare a posizionare il widget vero e proprio all'interno della pagina. Come? Molto semplice.
Il javascript appena incluso va a ricercare i tag html <soisy-loan-quote>
e, a seconda dei parametri impostati, mostrerà differenti simulazioni di un pagamenti rateali.
Tag da utilizzare
<soisy-loan-quote
shop-id="{shop_id}"
amount="{amount}"
instalments="{instalments}"
zero-interest-rate="{true|false}"></soisy-loan-quote>
Parametri del tag
Esempio
Il seguente esempio
<soisy-loan-quote
shop-id="soisytests"
amount="6500"
instalments="10"
zero-interest-rate="0"
></soisy-loan-quote>
produce questo
Aggiornamento dinamico del simulatore
Se la pagina in cui viene mostrato il simulatore ha la possibilità di aggiornare il prezzo in tempo reale, tramite chiamate XHR o affini, è possibile ricalcolare dinamicamente la simulazione rateale semplicemente effettuando un update degli attributi del tag tramite Javascript.
Il simulatore noterà il cambiamento e aggiornerà automaticamente la simulazione.
Inoltre, lo script supporta anche l'aggiunta dinamica di nuovi simulatori: Se per qualsiavoglia ragione fosse necessario puoi aggiungere via Javascript un nuovo tag e vedrai che immediatamente verrà renderizzato.