Product Offer Widget

Widget for a given product with a given amount. Displays the minimum monthly payment for the given product. Possibility to add a specific duration. The CTA links to mozzeno website or to mozzeno platform.

Required parameters

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

Other parameters

In addition, you can pass a specific duration. By default, the longest duration is displayed 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

Order reference

'orderReference' : ''

Specific amount

'amount' :

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