Вы просматриваете старую версию данной страницы. Смотрите текущую версию.

Сравнить с текущим просмотр истории страницы

« Предыдущий Версия 10 Следующий »

ВАЖНО

В этой статье предполагается, что код виджета уже размещен на сайте. Подробнее о том, как это сделать, можно узнать в ЭТОЙ статье. 


В этой статье можно узнать о том, как добавить виджет на сайт в виде ссылки или кнопки, а не самого виджета и как открыть его "во весь экран". 

Как открыть виджет через кнопку или по ссылке

Для кнопки необходимо добавить элемент "button" со значением параметра onclick = "TwinClient.open(); return false;"

Кнопка
<button onclick="TwinClient.open(); return false;">Open Chat</button>

Для ссылки можно использовать элемент "a" с href='#' onclick="TwinClient.open(); return false;"

Ссылка
<a href='#' onclick="TwinClient.open(); return false;">Open Chat</a>

Как открыть виджет на весь экран

Для того чтобы открыть виджет на весь экран, нужно либо в файл стилей, либо в конец html документа страницы добавить следующие стили (пример для html с тегом <style>):

НА ВЕСЬ ЭКРАН
<style>.twin-chat .twc-chat-full-wrapper {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 1000000;
    }
    .twin-chat .twc-chat-full-wrapper .twc-chat-full {
    width: 100%;
    height: 100%;
    border-radius: 0;
    }
</style>

Как убрать отображение виджета

Для того чтобы убрать отображение значка виджета в углу экрана, достаточно добавить в следующий код в стили страницы:

СКРЫТЬ ВИДЖЕТ
.twin-chat .twc-button-type {
display: none;
}

Пример кнопки и ссылки без самого значка виджета с открытием на весь экран

Кнопка и ссылка ниже откроют виджет на весь экран. 

Open Chat