Zendesk

Как объединить виджет Blinger c онлайн-чатом Zendesk?

Шаг 1. Поместить следующий код перед закрывающимся тегом </body>:

<!-- Zendesk widget source -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=[your_zendesk_key]"> </script>

<!-- Init and customize Freshchat widget -->
<script>
    window.zESettings = {
        webWidget: {
            offset: {
                horizontal: '100px'
            },
        },
    };

    zE('webWidget:on', 'close', function() {
        zE('webWidget', 'hide');
    });
</script>

<!-- Init and customize Blinger Widget -->
<script>
    var showBlinger = function () {
        if (typeof Blinger !== 'undefined' && !Blinger.launcherWidget.isOpen) {
            document.getElementById('blinger-launcher-iframe').style.display = 'block';
        }
    };

    window['blingerBeforeRender'] = function () {
        var channel = new Blinger.Channels.SimpleActionChannel();
        channel.tooltip = 'Livechat';
        channel.color = '#75b145';
        channel.imageUrl = 'https://app.blinger.io/images/widget2/livechat.png';
        channel.action = function () {
            zE('webWidget', 'show');
            zE('webWidget', 'open');
        };

        Blinger.channelsWidget.addChannel(channel);
        Blinger.channelsWidget.resizeEnabled = true;
    };

    window['blingerInit'] = function () {
        document.getElementById('blinger-launcher-iframe').style.display = 'none';
    };

    var count = 0;
    var waitForZEWidgetloading = function () {
        var zEwidgetDisplay = zE('webWidget:get', 'display');

        if (zEwidgetDisplay === 'launcher') {
            var element = document.getElementById("launcher");
            element.parentNode.removeChild(element);
            showBlinger();
        } else {
            if (count < 20) {
                setTimeout(function () {
                    waitForZEWidgetloading();
                }, 300);
                count++;
            }
        }
    };

    waitForZEWidgetloading();

    (function (d) {
        var s = d.createElement("script");
        s.async = true;
        s.charset = "utf-8";
        s.src = "https://app.blinger.io/uploads/widgets2/[Value].js";
        d.head.appendChild(s);
    })(window.document);
</script>

Шаг 2. Вставить вместо [your_zendesk_key]токен виджета из личного кабинета Zendesk.

<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=[your_zendesk_key]"> </script>

Токен виджета можно найти: Admin > Widget > вкладка "Setup". Значение токена располагается после "key="

Шаг 3. Прописать в строке номер виджета на необходимый вместо [Value]

  s.src = "https://app.blinger.io/uploads/widgets2/[Value].js"

Номер необходимого виджета можно найти после значения "Виджет #", если зайти в собственный аккаунт администратора Blinger, перейти в раздел 'Widget"

Полезно

Цвет и подпись кнопки для онлайн-чата Zendesk можно задать при помощи параметров channel.tooltip = 'Онлайн чат' и channel.color = '#75b145' соответственно.

Не нашли ответа на свой вопрос?

Обратитесь в Службу поддержки Blinger