...
| 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; } |
Обучающее видео
| Коннектор виджета | ||||||
|---|---|---|---|---|---|---|
|
Общая информация
Для интеграции с Вотсап можно использовать следующие варианты:
...
Для среднего и крупного бизнеса с большой клиентской базой лучше всего подойдет платная платформа Вотсап Бизнес АПИ с возможностью интеграции с CRM-системами.
Подготовка сценария
- Создайте новый сценарий и откройте его в редакторе.
...
Создание чата
- На странице Настройки нажмите кнопку Новый чат.
...
| Информация |
|---|
После создания чата скопируйте его идентификатор.
|
Регистрация аккаунта
Для регистрации аккаунта нужно отправить заявку в службу технической поддержки:
...
- В поле Номер ЛК укажите номер вашего личного кабинета. Номер вашего личного кабинета отображается в правом верхнем углу личного кабинета.
- В следующем поле напишите, что нужно зарегистрировать и привязать бизнес-аккаунт к указанному чату, и вставьте скопированный идентификатор чата, который вы создали для интеграции с Вотсап.
- Нажмите кнопку Создать.
Изучение политики обмена сообщениями в Вотсап Бизнес
Ознакомьтесь с Политикой обмена сообщениями в Вотсап Бизнес.
| Предупреждение |
|---|
При нарушении требований Вам могут заблокировать доступ к бизнес-аккаунту , а также запретить использовать другие продукты. |
Создание компании на Фейсбук*
- Откройте страницу Бизнес-менеджера и нажмите кнопку Создать аккаунт.
...
- На странице Информация о компании скопируйте идентификатор бизнес-менеджера.
Заполнение анкеты
- Заполоните форму анкеты. В пункте Идентификатор бизнес-менеджера Facebook вставьте ранее скопированное значение.
...
Ваша анкета будет рассмотрена в течение нескольких дней.
Подтверждение компании на Фейсбук*
| Информация |
|---|
Данные действия рекомендуется выполнить, чтобы обезопасить ваш аккаунт от случайного блокирования, а также ускорить процесс восстановления после блокировки аккаунта. |
...
Интеграция с Вотсап успешно завершена.
Проверка работы бота
Для проверки работы бота добавьте контакт с номером, который вы привязали в к бизнес-аккаунту, и отправьте этому контакту сообщение в Вотсап. Если бот ответит, то все настройки работают корректно.
...