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 or widget mode
Amount

Other parameters

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

By default, the loan purpose is set to "cash and liquidity", unless a purposeId parameter is provided with a GUID value specifying a different loan purpose.

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 displays in Dutch, unless the user's browser language is set to French. You can override this by adding a language parameter with the value 'fr' for French or 'nl' for Dutch.

View this widget in action Discover technical integration

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

Loan purpose 'purposeId' : ''

Specific amount

'amount' :

Duration (optional) 'duration' :

Display options

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