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

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

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

На этой странице:

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

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

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