Add Gift Card sales tool as an iframe on your website

An iframe is similar to a website within a website. With our iframe code, your eGift Card sales sales tool can operate on a page within your current website, and within the branding/colour requirements so as to have a seamless own branded design.

1)Login to your LoyLap Dashboard and navigate to 'Settings' -> 'Business Details' in order to get your LoyLap ID which you will then need to past into the below iframe code in the URL

2) Get the 'LoyLap ID' and paste it into the below iframe to attached inside your desired webpage

<iframe id="giftcards" width="100%" height="1000" src="https://gift.loylap.com/loylap_ID" scrolling="no"frameborder="0"></iframe>
<script>
const iframe = document.getElementById('giftcards');
window.addEventListener('message', function(event) {
if (event.data && typeof event.data.height !== 'undefined') {
iframe.style.height = event.data.height + 'px';
}
}, false);
</script>

3) If you wish to change the background colour of the iframe to perfectly match your webpage, please find the specific hex value of colour your target colour is, and paste that value into the iframe immediately after the 'LoyLap_ID' - with a prefix separator of '?color='

<iframe id="giftcards" width="100%" height=1000 src="https://dev-gift.loylap.com/108?color=%0A%23263238" scrolling="no" frameBorder="0"></iframe>
<script>
const iframe = document.getElementById('giftcards');
window.addEventListener('message', function(event) {
if (event.data && typeof event.data.height !== 'undefined') {
iframe.style.height = event.data.height + 'px';
}
}, false);
</script>