Add Gift Card sales tool as an iframe with your website

An iframe allows you sell Digital Vouchers within your own website without customers needing to follow an external link. Our iframe also follow your 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>