Financing simulator

Widget for a given product with a given amount. It offers to estimate the financing of the product based on a possible personal contribution and on the duration of the loan

Required parameters

Branch id
Widget id
Loan purpose (be sure to select the right loan purpose)
Order description (product name)
Amount

Optional (and nice to have) parameters

Order image
Order details
Additional information

Other parameters

In addition, you can pass a specific duration. By default, the longest duration is selected by the widget.

By default, the widget's background is white. A 'background' parameter can be added, with a value or either 'grey' or 'blue'. To customize the widget's background, pass a HEX color code as the parameter value.

By default, the widget's language is Dutch, unless the user's browser is in French. If required, a 'language' parameter can be added, with a value of either 'fr' or 'nl'.

Personalize your own widget

1. Specify widget parameters

Test

Using widget in a test environment

'test':

Your branch id

'branchId' : '' This branch id doesn't seem to exist This branch need to be used in test environment. Please put test switch on "on".

Your widget id

'widgetId' : ''

Loan types

Loan purpose

'purposeId' : ''

Duration (optional)

'duration' :

Language

'language' : ''

Background

'background' : ''

Hexadecimal of your color 'background' : ''

Order description

'orderDescription' : '' Please provide an order description

Specific amount

'amount' :

Order details

'orderDetails' : ''

Additional information

'additionalInfo' : ''

Order image

'orderImage' : ''

Order reference

'orderReference' : ''

Customer first name

'firstName' : ''

Customer last name

'lastName' : ''

Customer email

'email' : ''

Some required fields are not completed

2. Copy the following code and paste it where you want to add widget


                                <div class="lw-modal"></div>
                                <div class="lw-wrapper"></div>
                                <script>
                                var params = {
                                        'test' : ,
                                        'branchId' : '',
                                        'widgetId' : '',
                                        'purposeId' : '',
                                        'orderDescription' : '',
                                        'amount' : ,
                                        'orderDetails' : '',
                                        'additionalInfo' : '',
                                        'orderImage' : '',
                                        'duration' : ,
                                        'language' : '',
                                        'background' : '',
                                        'orderReference' : '',
                                        'firstName' : '',
                                        'lastName' : '',
                                        'email' : '',
                                }
                                var id = 'lw-js-' + Math.floor(Math.random() * 1001);
                                document.currentScript.previousElementSibling.setAttribute('data-id', id);
                                var date = new Date();
                                var timestamp = String(date.getHours()) + String(date.getDate());
                                !function(d,s,id,p,t){
                                    var js,fjs=d.getElementsByTagName(s)[0];
                                    if(!d.getElementById(id)){
                                        js=d.createElement(s);
                                        js.id=id;
                                        js.src= `https://assets.mozzeno.com/widgets/loanwidget/loan-widget.js?timestamp=${t}`;
                                        js.dataset.params = JSON.stringify(p);
                                        fjs.parentNode.insertBefore(js,fjs);
                                    }
                                }
                                (document, 'script', id, params, timestamp);
                                </script>

Overview

Drag the widget's bottom right corner to see its responsiveness.

Remove dark background