$customHeader
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

Version 1 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

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
$customFooter