Install Zipteams Meeting Widget on your website and landing pages using GTM

3. Paste the following code in your tag.

IMPORTANT: 
Ensure you replace ZIPTEAMS_MEETING_URL in the code below as per the URL noted in step 5 of your Zipteams setup.

Also, Based on how you want the widget to show up on your screen, you have 2 options.

Option 1:
Load as a centre-screen popup. This is great for maximum attention capture!
For Option 1, use DISPLAY_TYPE as InitFullFrame in the code snippet given below.

Option 2:
Load as a floating icon on the corner of a web page. Use this when you want the widget load to be subtle.
You can control the location from “Widget Control” in your Zipteams setup.

For Option 2, use DISPLAY_TYPE as InitWidgetButton in the code snippet given below.

<link href="https://scripts.zipteams.com/v2.0/index.css" rel="stylesheet" />
<script type="text/javascript">
    (function() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.id = 'zt-script-loader';
        script.async = true;
        script.src = 'https://scripts.zipteams.com/v2.0/index.js';
        
        prefillObj = {}
        /* Uncomment to activate code to prefill form values (form trigger)
        prefillObj["<ZIPTEAMS FORM LABEL 1>"] = <DATA_LAYER_VARIABLE>
        prefillObj["<ZIPTEAMS FORM LABEL 2>"] = <DATA_LAYER_VARIABLE>
        */

        script.onload = function() {
            window.ZipteamsWidget.DISPLAY_TYPE({
                url: 'ZIPTEAMS_MEETING_URL',
                prefill: prefillObj
            });
        };

        script.onerror = function() {
            console.error('Failed to load the Zipteams script.');
        };

        document.body.appendChild(script);
    })();
</script>

4. Set up your triggers when you want the tag to be fired.
One useful trigger could be inviting prospects for an instant conversation when they spend more than 20 seconds on the pricing page. Here’s how you can set up this trigger.