Красивые всплывающие уведомления для Cremax

Сложность: Средняя.
Для подключение красивых уведомлений в случае успеха или ошибки сценария мы можем использовать сторонние решения или библиотеки, например: element-plus. Используя механизмы ниже, можете подключить любую другую.

Чего ожидать визуально?

Чаще всего это успешное выполнение действия или ошибка выполнения действия. Уведомления будут появляться по умолчанию справа вверху.
Image without caption
Image without caption

Подключение к Creatium Max

  1. Для начала нам необходимо подключить библиотеку стилей от element-plus и js-скрипты необходимые для ее функционирования.
css
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
Подключается она в меню Вставка кода, в поле Код в конце head:
Image without caption
Image without caption
  1. Там же, но уже в поле Код в конце body подключаете js скрипты:
javascript
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> <script src="https://unpkg.com/element-plus/dist/index.full.min.js"></script>
Image without caption
Важно! Проверьте, что вы активировали код после установки, по умолчанию после сохранения он отключен:
Image without caption

Настройка формы в редакторе

Здесь есть несколько вариантов:
Сделать импорт готовой формы по номеру 45460
Адаптировать уже вашу готовую форму

Пример сценария с готовым ответом от сервера:

Если у вас уже есть готовый и рабочий, сценарий, убедитесь, что в завершении сценария вы передаете результат выполнения как в примере выше.

Стилизация

Информация дополняется…