Log in to your website builder and paste the following code within the footers menu of your website, or place it just before the closing body tag. <script src='https://cdn.citymaas.io/frontendicons/assist-me.js'></script>(https://cdn.citymaas.io/frontendicons/assist-me.js'></script>)

1. Create a tag for the CityMaas element and insert it near the footer: <citymaas-assist-plugin></citymaas-assist-plugin> 2. Create a second tag, which loads in the script module: <script type="module"> import { applyPolyfills, defineCustomElements, } from "https://cdn.citymaas.io/frontendicons/dist/loader/index.es2017.js"; applyPolyfills().then(() => { defineCustomElements(); }); </script> Ensure to tick the option to allow document.write

Yes, if using Google Tag Maanger. First, follow the instructions in the FAQ for installation using GTM. Then complete these steps: 1. Add the custom attributes to the `<citymaas-assist-plugin>` element: - Visibility` should be set to `0`. - `id` should be set to "assistPlugin." <citymaas-assist-plugin visibility="0" id="assistPlugin" ></citymaas-assist-plugin> 2. Attach elements with the following attributes for e.g. button: - `onclick` should be set to "document.getElementById('assistPlugin').setAttribute('visibility', Date.now((http://Date.now)))". - `data-plugin` should be set to "assistme." Example: <button data-plugin="assistme" onclick="document.getElementById('assistPlugin').setAttribute('visibility', Date.now())">Open Modal</button> By following these instructions, clicking the "Open Modal" button will trigger the specified JavaScript code to set the "visibility" attribute of the `<citymaas-assist-plugin>` element, effectively opening the modal dialog.