Product Button Widget

Widget for a given product with a given amount. Possibility to add specific duration. On click open modal with a list of simulation results for each possible duration.

Required parameters

Branch id
Widget id
Loan purpose (be sure to select the right loan purpose)
Amount

Other parameters

In addition, you can pass a specific duration. In this case, the widget copy is modified to display specified duration.

The default text color is white. A 'background' parameter with the value 'blue' can be added to change the text color to dark blue.

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

View this widget in action

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' : ''

Specific amount

'amount' :

Duration (optional)

'duration' :

Language

'language' : ''

Text 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' : ''
                                        'purposeId' : ''
                                        'amount' : ''
                                        'duration' : ,
                                        'language' : ''
                                        'background' : ''
                                }
                                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

Remove dark background