How to use custom templates for the referral widget?

If you prefer to have your own layout or have additional pages in your widget flow then simply copy the JavaScript file for banner on your server. There are many parameters in this JavaScript, you can change all of these parameters or add overrides to customize your widget behavior but to get started with custom templates, simply change the link in the baseUrl parameter (by default it will be nextbee.com/clients/xxx/) to the web accessible path on your server where you plan to have the custom templates. Then you can include in pageArray property the sequence in which the templates should be loaded in your widget. Feel free to add additional pages or drop certain pages in the flow. Only on each page you must include an input element with class attribute nextBeeContinueButton to enable user to navigate to next page in your page array. Finally, specify in ackPage the page template that will be shown after user submits the form.

Note: You have to repeat ackPage template name both in the pageArray sequence and as a separate parameter.

Looking for a Referral or a Loyalty Program?
NextBee has robust and feature rich platform
We guarantee your ROI
No long term contract to sign
Hassle free zero cost IT setup

Related Topics