Loan Simulator Widget

Widget with basic simulator for consumer and/or professional loans. Allows the user to select the purpose, amount and duration of the loan. The CTA links to mozzeno website or to mozzeno platform.

Required parameters

Branch id
Widget id

Other parameters

You can choose to display the simulator for either consumer or professional loans, or for both. By default, widget display simulator for consumer loans.

In addition, you can pass a specific loan purpose or amount as parameter.

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

Environment & Identification

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".

How do you want to select the widget?

Your widget id 'widgetId' : ''

Widget mode 'widgetMode' : ''

Widget configuration

Loan types 'loanTypes' : [consumer_loans]

Specific loan purpose (optional) 'purposeId' : ''

Specific amount (optional)

'amount' :

Display options

Language 'language' : ''

Background 'background' : ''

Hexadecimal of your color 'background' : ''

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' : ''
                                        'widgetMode' : 
                                        'loanTypes' : []
                                        'purposeId' : ''
                                        'language' : ''
                                        'background' : ''
                                        'amount' : ''
                                }
                                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