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

Parametro Richiesto Tipo Descrizione
shop-id Stringa Lo shopId relativo al tuo e-commerce.
amount Intero o decimale L'importo di cui simulare una rateizzazione. Il separatore decimale è il carattere . mentre non si deve specificare il separatore delle migliaia. Ad esempio il numero 6.525,32 dovrà essere scritto 6525.32.
instalments Intero Il numero di rate in cui dividere l'importo
zero-interest-rate No Intero o Booleano Abilitare la simulazione con il tasso zero o con il tasso standard. Valorizzare questo parametro a 1, yes oppure true attiverà il tasso zero. Ogni altro valore lo disattiverà, attivando il tasso standard. Se il parametro fosse omesso il widget prenderebbe il valore di default dello shop-id specificato.

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.