Overview
This page contains a guide to integrate the Overlay on your site.
Step-by-step guide
Integration code for v1.1
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
Integration code for v1.2
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
Integration code for v1.3
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