Appzi Docs

Installing Appzi

Installing Appzi

To make Appzi work on your site the portal identifier has to be known.

One Line <script src=...

The appzi script (found under portal settings) must be included on all pages you want the widget to be present. Any traditional place works (in the head or before closing the body tag).

<html>
<head>
<!-- ..other scripts.. -->
<script async src="https://w.appzi.io/w.js?token=XXXX"></script>
</head>
<body>
<h1>My Fantastic site</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
quis nulla mauris. Proin varius orci iaculis sapien congue, vitae
imperdiet elit convallis.
</body>
</html>

Do not omit the token from the url since it's used to detect the configs. The Appzi widget is distributed HTTPS-only, so protocol relative urls like <script src="//w.appz... will not work.

Javascript function

This method is appropriate if you don't want to mess with the page directly and use a script manager (like google tag manager).

(function (d) {
var appziScript = d.createElement('script');
appziScript.src = `https://w.appzi.io/w.js?token=XXXX`;
appziScript.async = true;
d.head.appendChild(appziScript);
})(document);

Via the Settings Object

You may prefer this option if you are using other features offered by the Settings option. The Appzi bundle loads only once, so make sure you have the option there before the appzi script loads.

<html>
<head>
<script>
window.appziSettings = {
portal: 'XXXX',
data: {
/// ...
},
};
</script>
<script async src="https://w.appzi.io/w.js"></script>
</head>
<body>
<h1>My Fantastic site</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
quis nulla mauris. Proin varius orci iaculis sapien congue, vitae
imperdiet elit convallis.
</body>
</html>

Client bundles

Self-Hosted Appzi bundles are available on demand. Please reach out for details.