Форма - надіслати лист

1. Опис

Приклад схеми динамічних сторінок для введення електронної пошти абонента та надсилання електронного листа.

1.1. Приклад схеми

Приклад схеми можна побачити на рисунку 1.

Рис. 1. Приклад схеми

Для зручності використання ви можете завантажити готовий файл JSON, який додається нижче, та імпортувати його. Додаткову інформацію про імпорт файлу JSON можна знайти тут.

1.1.1. Опис схеми

Компонент 

Блок компонента

Параметри компонента

Опис

Відображення

Компонент 

Блок компонента

Параметри компонента

Опис

Відображення

Start



Компонент початку схеми



Компонент "Form Textfield"

Для створення поля введення тексту для оператора.
Для цього:

  • у полі "Id" вказати службову назву. У цій схемі вказано "mail_input";

  • у полі "Label" ввести "Введіть електронну пошту абонента";

  • у полі "Hint" ввести текст підказки - "Якщо залишити поле порожнім - повідомлення не надсилається".

Компонент "Form Rich Text Editor"

Для створення поля введення тексту з можливістю форматування для оператора.

Для цього:

  • у полі "Id" ввести службову назву. У цій схемі вказано "message";

  • у полі "Initial value" ввести текст, який відображатиметься у полі введення - повідомлення, яке буде надіслано. У даному прикладі вказано наступний: "Шановний абонент! <p>Не вдалося з Вами зв'язатись для уточнення інформації по Вашому замовленні.</p> Зв'язатися з нами можна за цими контактами: <ul> <li>+38000000000</li> <li>+38000000000</li>";

  • у полі "Label" ввести "Введіть текст повідомлення";

  • у полі "Hint" ввести текст підказки - "Текст можна редагувати";

  • у полі "Output" вибрати варіант "HTML".

Компонент "Generate Form"

Створення форми з урахуванням попередньо створених елементів.

Для цього:

  • у полі "Id" вказати службову назву. У цій схемі зазначено "4";

  • у полі "Form title" вказати текст заголовка форми - "Надсилання електронного листа";

  • у полі "Body contents" вказати id компонентів у тому порядку, в якому вони мають відображатися у формі. Для додавання компонента необхідно ввести id компонент і натиснути кнопку "Add": 

    • ввести id з компонента "Form Textfield" - "mail_input" та натиснути кнопку "Add";

    • ввести id з компонента "Form Rich Text Editor" - "message" і натиснути кнопку "Add";

  •  в елемент "Form actions" ввести дані для створення кнопок: 

    • кнопка "Відправити":

      • у полі "Id" вказати службову назву кнопки - "send";

      • у полі "Color" вибрати колір кнопки - "primary";

      • у полі "Text" ввести назву кнопки - "Відправити"

Компонент "Send email"

Для надсилання електронної пошти.

Для цього;

  • у полі "To" ввести електронну адресу одержувача, або вказати використовуючи змінну. У цьому прикладі використовується змінна - ${mail_input};

  • у полі "Subject" ввести "Повідомлення від служби турботи";

  • у полі "From" вказується від кого прийшов email. Ввести адресу вказану в полі "User" в кутові дужки - <*******@***.**>;

  • у полі "Message" ввести текст повідомлення, яке надсилається, або вказати його змінною. У цьому прикладі використовується змінна з компонента "Form Rich Text Editor" - $ {message};

  • перемикач "SMTP Auth" перевести в активне положення - додаються поле "User" та поле "Password":

    • у полі "User" вводиться електронна адреса вказана в Email профілі (у полі "Логін"), за допомогою якої будуть надсилатися повідомлення;

    • у поле "Password" вводиться пароль від електронної адреси вказаний в Email профілі (поле "Пароль"), за допомогою якого надсилається повідомлення;

  • у полі "Port" вводиться дані з поля "SMTP Порт" використовуваного Email профілю;

  • в полі "Server" вводиться дані з поля "SMTP Хост" використовуваного Email профілю

У профілі, що використовується Email, у полі "Схема" повинна бути обрана створювана схема.

Email профіль повинен бути увімкнений.



Отриманий на електронну пошту абонента лист:

Компонент "Attempt Result"

Залишає повідомлення в історії дзвінка за певного статусу дзвінка.

У цьому прикладі:

  • в полі "Status" вибрати - success. Натиснути кнопку "Add";

  • у полі "Description" ввести текст, який буде передаватися в історію, або вказати його змінною. У цьому прикладі - "Лист надісланий на ${mail_input}"

 В історії дзвінка: