Guides and articles » Integrations » Wish cloud - add tracking and a wish button

Wish cloud - add tracking and a wish button

Ønskeskyen is a Danish service that can be connected to your webshop at ideal.shop.

This "connection" is done via two different codes that must be inserted into your webshop's <head>.

These are the tracking code and the wish-button code, respectively.

Below you can see both codes, which you can copy and paste into your webshop. Note that you must change REPLACE_WITH_CLIENT_UUID with the ID you are given by Ønskeskyen.

<script src='https://tag.heylink.com/REPLACE_WITH_CLIENT_UUID/script.js' defer></script>

<script type="application/javascript" src="https://storage.googleapis.com/gowish-button-prod/js/gowish-iframe.js" id="gowish-iframescript" defer></script>
<link rel="stylesheet" href="https://storage.googleapis.com/gowish-button-prod/css/gowish-iframe.css">

<script>
window.addEventListener('_saas_site_event', function(event){
	var detail = event.detail;
	if(detail.type === 'view_content' && !detail.has_variants)
	{
		setTimeout(function(){
			if(document.getElementsByClassName('item-quantity-and-buy-button-container')[0])
			{
				const gowish_div = document.createElement("div");
				const gowish_button = document.createElement("button");
				gowish_button.innerText = 'Add to Ønskeskyen';
				gowish_button.className = 'gowish-btn blue';
				gowish_button.id = 'gowishBlueButton';
				gowish_div.appendChild(gowish_button);
				document.getElementsByClassName('item-quantity-and-buy-button-container')[0].parentElement.appendChild(gowish_div);
			}
		}, 1);
	}
});
</script>

Insert these codes in the administration by searching for "html" and go to the tool "Insert custom HTML/CSS/JS code".