You can manually push the code to your site by copying and pasting it into the HTML code of your website. In case you want to integrate the code directly into your header simply copy & paste the snippet and paste it in the <header> tag.

The AMAZD site tag should appear immediately after the opening html tag of each page on your website. It will not function properly unless a site tag occurs on a certain page. If you only want the widget to appear on select pages, you can include it directly after the beginning of the body> HTML tag.

This way of integrating AMAZD onto your website works flawlessly, however, the full potential of AMAZD is difficult to extract through this. We recommend using a Tag Manager for complex integrations.

Header integration

1. Open your header and search for the <head> tag.

<!doctype html>
<html class="no-js" lang="{{ request.locale.iso_code }}">
<head>

2. Paste the AMAZD code right after it.

<!-- AMAZD Tag  -- >
<script>  
window.onAmazdReady = function (amazd) {    
amazd.showBubble();
};  

(function(d, s, c) {    var e = d.createElement(s), t = d.getElementsByTagName(s)[0]; e.id = 'amazd-script-tag'; e.async = true; e.company = c; e.src = 'https://widget.amazd.co/widget.js'; t.parentNode.insertBefore(e, t);  })(document, 'script', 'your-company-handle');
</script>
<!-- end AMAZD Tag -- >

3. Save the changes.

4. Check whether the widget appears correctly.