This page contains a guide to integrate the Overlay on your site.
This piece of code should be inserted at the bottom of the page.
EmpathyOverlay Container
<div id="eb-root" class="eb-root" ng-jq="jQueryEB"></div> |
STAGING environment resources import
<link href="https://preassets.empathybroker.com/overlay/{VERSION}/css/eb.resources.css" type="text/css" /> <script src="https://preassets.empathybroker.com/overlay/{VERSION}/js/eb.libs.js" type="text/javascript" /> <script src="https://preassets.empathybroker.com/overlay/{VERSION}/js/eb.resources.js" type="text/javascript"/> <script type="text/javascript"> EmpathyOverlay.config('https://{EB_URL}/{EB_INSTANCE_NAME}', { lang: 'en', displayLang: 'en', defaultCurrency: 'EUR', scope: 'default', pageRows: 12 }, document.getElementById('eb-root')); </script> |
LIVE environment resources import
<link href="https://assets.empathybroker.com/overlay/{VERSION}/css/eb.resources.min.css" type="text/css" /> <script src="https://assets.empathybroker.com/overlay/{VERSION}/js/eb.libs.min.js" type="text/javascript"/> <script src="https://assets.empathybroker.com/overlay/{VERSION}/js/eb.resources.min.js" type="text/javascript"/> <script type="text/javascript"> EmpathyOverlay.config('https://{EB_URL}/{EB_INSTANCE_NAME}', { lang: 'en', displayLang: 'en', defaultCurrency: 'EUR', scope: 'default', pageRows: 12 }, document.getElementById('eb-root')); </script> |
Make sure you are using https://assets.empathybroker.com in your LIVE environment.
Note : It would not be necessary to add ng-jq="jQueryEB" if you have jQuery in your page.
You must use this version of libs:
https://preassets.empathybroker.com/overlay/{VERSION}/js/eb.libs.nojq.js / https://assets.empathybroker.com/overlay/{VERSION}/js/eb.libs.nojq.min.js
This piece of code should be inserted at the bottom of the page.
<link href="https://preassets.empathybroker.com/overlay/1.2/css/eb.resources.css" type="text/css" /> <script src="https://preassets.empathybroker.com/overlay/1.2/js/eb.libs.js" type="text/javascript" /> <script src="https://preassets.empathybroker.com/overlay/1.2/js/eb.resources.js" type="text/javascript"/> <script type="text/javascript"> EmpathyOverlay.config('https://{EB_URL}/{EB_INSTANCE_NAME}', { lang: 'en', displayLang: 'en', defaultCurrency: 'EUR', scope: 'default', pageRows: 12 }, document.getElementById('eb-root')); </script> |
<link href="https://assets.empathybroker.com/overlay/1.2/css/eb.resources.min.css" type="text/css" /> <script src="https://assets.empathybroker.com/overlay/1.2/js/eb.libs.min.js" type="text/javascript"/> <script src="https://assets.empathybroker.com/overlay/1.2/js/eb.resources.min.js" type="text/javascript"/> <script type="text/javascript"> EmpathyOverlay.config('https://{EB_URL}/{EB_INSTANCE_NAME}', { lang: 'en', displayLang: 'en', defaultCurrency: 'EUR', scope: 'default', pageRows: 12 }, document.getElementById('eb-root')); </script> |
Make sure you are using https://assets.empathybroker.com in your LIVE environment.
Note : If you have jQuery in your page, you must use this version of libs:
STAGING: https://preassets.empathybroker.com/overlay/1.2/js/eb.libs.nojq.js
LIVE: https://assets.empathybroker.com/overlay/1.2/js/eb.libs.nojq.min.js
This piece of code should be inserted at the bottom of the page.
<link href="https://preassets.empathybroker.com/overlay/1.3/css/eb.resources.css" type="text/css" /> <script src="https://preassets.empathybroker.com/overlay/1.3/js/eb.libs.js" type="text/javascript" /> <script src="https://preassets.empathybroker.com/overlay/1.3/js/eb.resources.js" type="text/javascript"/> <script type="text/javascript"> EmpathyOverlay.config('https://{EB_URL}/{EB_INSTANCE_NAME}', { lang: 'en', displayLang: 'en', defaultCurrency: 'EUR', scope: 'default', pageRows: 20 }); </script> |
Note : If you have jQuery in your page, you must use this version of libs:
STAGING: https://preassets.empathybroker.com/overlay/1.3/js/eb.libs.nojq.js
LIVE: https://assets.empathybroker.com/overlay/1.3/js/eb.libs.nojq.min.js
Related articles appear here based on the labels you select. Click to edit the macro and add or change labels.