Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

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 and v1.3

This piece of code should be inserted at the bottom of the page.

STAGING environment resources import
<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>
LIVE environment resources import
<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.

STAGING environment resources import
<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


  • No labels