Ниже содержится информация о том, как добавить виджет на сайт в виде ссылки или кнопки, как скрыть значок виджета на странице, а также как отобразить виджет на весь экран. 

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

Чтобы открыть виджет с помощью кнопки на странице, нужно добавить элемент 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 с тегом <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