Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Якорь
Top
Top

Message Box
iconnone
titleНа этой странице:
typegeneric
Оглавление
CSS Stylesheet
.top-button {
		background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/baseline_keyboard_arrow_up_white_18dp.png) !important;
		background-position: center;
		background-color: #47a7f5 !important;
		background-repeat: no-repeat;
		box-shadow: -1px 1.5px 3px #999;
		color: #47a7f5 !important;
		border-radius:50px !important;
        position: fixed;
        bottom: 45px;
        left: 93.5%;
        width: 50px;
		height: 50px !important;
        font-size: 12px !important;
        padding: 14.5px !important;
		z-index: 2;
}
.top-button:hover{
		background-color: #65b9ff !important;
        color: #65b9ff !important;
}
.page-header{
		background-color: #232838;
	    background-repeat: no-repeat;
	    background-position: center;
		width: auto;
    	height: 100px;
		background-image: url(https://confluence.twin24.ai/download/attachments/23986188/logo_twin-02.png);
		background-size: 10em;
        color: #fff;
        font-size: 20px;
        padding: 20px;
}
.page-footer{
		background-color: #232838;
		background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/decorated-pattern-dark.png);
		width: auto;
    	height: 10px;
        color: #fff;
		text-align: end;
    	font: small-caption;
    	padding-inline-end: 30px;
    	padding-top: 200px;
    	padding-bottom: 30px;
}
.page-headline{
		background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/Solid256dot8_2changed.png);
    	background-repeat: no-repeat;
    	background-position-x: -227px;
    	background-position-y: center;
    	padding: 20px;
		background-color: #007bff;
		width: auto;
    	height: 10px;
        color: #fff;
		text-align: center;
    	font: caption;
    	font-weight: 600;
}
.tabs-menu{
    	padding-left: 85% !important;
}

Общая информация

В сценариях чатов для мессенджера WhatsApp можно применять кнопки быстрых ответов. Кнопки быстрых ответов можно использовать только в блоке Вопрос. С помощью этих кнопок клиенты могут быстро отвечать на вопросы робота в диалогах. При этом ответы клиентов сохраняются в истории диалогов в виде обычных сообщений.

Как использовать кнопки быстрых ответов

Чтобы добавить к блоку Вопрос кнопки быстрых ответов, выполните следующее:

  • В свойствах нужного блока Вопрос нажмите кнопку Добавить действие и затем в поле ниже при помощи раскрывающего списка выберите значение Кнопки WhatsApp.

  • В поле Тип кнопок выберите значение Быстрый ответ.

  • С помощью кнопки Добавить кнопку добавьте нужное количество кнопок и затем для каждой кнопки укажите один из возможных вариантов ответа на вопрос.

  • Для сохранения изменений нажмите кнопку Сохранить в верхней части окна редактора сценариев.

Результат в мессенджере будет выглядеть следующим образом:

Как использовать группы кнопок быстрых ответов

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

Чтобы добавить к блоку Вопрос несколько группкнопок быстрых ответов, выполните следующее:

  • В свойствах нужного блока Вопрос нажмите кнопку Добавить действие и затем в поле ниже при помощи раскрывающего списка выберите значение Кнопки WhatsApp.

  • В поле Тип кнопок выберите значение Призыв к действию.

  • В поле Основная кнопка введите название кнопки, которая будет раскрывать список групп кнопок.

  • С помощью кнопок Добавить группу кнопок и Добавить кнопку добавьте нужное количество групп с кнопками. Для каждой кнопки укажите один из возможных вариантов ответа на вопрос.

  • При необходимости в полях Header и Footer введите указания, которые будут отображаться в верхней и нижней частях сообщения (например, Нам важно ваше мнение и Используйте кнопки быстрых ответов)
  • Для сохранения изменений нажмите кнопку Сохранить в верхней части окна редактора сценариев.

Результат в мессенджере будет выглядеть следующим образом:



Button Hyperlink
custom-icontop-button
idtop-button
title.
typestandard
classtop-button
url#Top