Оформление заказа
Перед началом работы, убедитесь что вы реализовали чек-лист «Корзина на BotMother».
Ниже расписаны экраны с названиями, которые нужно создать. В каждый экран нужно добавить необходимые компоненты и настроить компоненты по инструкции.
Экран "Оформить заказ (Имя)"
Данный экран, должен быть связан с кнопкой "Оформить заказ" в экране "Корзина".
Как? Найдите Экран "Корзина" -> Компонент "Развилка" -> Цель со значением "🚘 Оформить заказ" -> Поле "Переход на экран"
.
Компоненты:
1) Группа кнопок с подсказками
В поле "Текст отправляемый пользователю", вставьте: Введите свое имя
(можете заменить текст своим)
Кнопки:
⬅️ Назад
2) Развилка
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Корзина
(или свой экран по усмотрению) - Значение цели:
⬅️ Назад
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Оформление заказа (Контакты)
(создайте экран "Оформление заказа (Контакты)", если этот экран еще не существует. Настроим этот экран позже) - Значение цели оставьте пустым
- В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите:
order_name
(здесь будет храниться имя заказчика)
В поле "Переход на экран" (в самом конце развилки), выберите экран: Оформить заказ (Имя)
Экран "Оформить заказ (Контакты)"
Компоненты:
1) Группа кнопок с подсказками
В поле "Текст отправляемый пользователю", вставьте: Введите номер телефона в формате +998 ** *** ** ** или отправьте контакты, с помощью кнопки ниже
(можете заменить текст своим)
Кнопки:
☎️ Отправить контакты
(в детальных настройках компонента, раскройте данную кнопку и в поле "Запросить геопозицию или контактные данные" выберите contact
)
⬅️ Назад
2) Развилка
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Корзина
(или свой экран по усмотрению) - Значение цели:
⬅️ Назад
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Оформление заказа (Локация)
(создайте экран "Оформление заказа (Локация)", если этот экран еще не существует. Настроим этот экран позже) - Тип цели:
contact
- Значение цели оставьте пустым
- В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите:
order_contacts
(здесь будет храниться имя заказчика)
В поле "Переход на экран" (в самом конце развилки), выберите экран: Оформить заказ (Контакты)
Экран "Оформить заказ (Локация)"
Компоненты:
1) Группа кнопок с подсказками
В поле "Текст отправляемый пользователю", вставьте: Введите адрес или отправьте локацию, с помощью кнопки ниже
(можете заменить текст своим)
Кнопки:
🗺 Отправить локацию
(в детальных настройках компонента, раскройте данную кнопку и в поле "Запросить геопозицию или контактные данные" выберите location
)
⬅️ Назад
2) Развилка
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Корзина
(или свой экран по усмотрению) - Значение цели:
⬅️ Назад
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Оформление заказа (Завершение)
(создайте экран "Оформление заказа (Завершение)", если этот экран еще не существует. Настроим этот экран позже) - Тип цели:
location
- Значение цели оставьте пустым
- В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите:
order_location
(здесь будет храниться имя заказчика)
С помощью кнопки + добавьте цель.
В цель запишите:
- Переход на экран:
Оформление заказа (Завершение)
- Тип цели:
text
- Значение цели оставьте пустым
- В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите:
order_location
(здесь будет храниться имя заказчика)
В поле "Переход на экран" (в самом конце развилки), выберите экран: Оформить заказ (Локация)
Экран "Оформить заказ (Завершение)"
Компоненты:
1) Алерт
В поле "Текст сообщения", вставьте:
👤 Имя: {{order_name}} ☎️ Контакты: {{order_contacts}} 🗺 Адрес: {{#if order_location.long}}http://maps.google.com/maps?q={{order_location.lat}},{{order_location.long}}{{else}}{{order_location}}{{/if}} 🛒 Корзина {{#each products}} <b>{{this.name}}</b> {{this.count}} x {{this.price}} сум = {{multiply this.count this.price}} сум {{/each}} <b>Итого:</b> {{cart_total_number}} сум
Боту @notification_from_bot
, отправьте команду /start, скопируйте и вставьте полученный id, в компонент "Алерт", поле "Telegram ID".
2) Текст
В поле "Текст, отправляемый пользователю", вставьте: Ваш заказ принят, ожидайте ответа оператора 😊
(можете заменить текст своим)
3) Запись
В поле "Имя переменной", вставьте следующее название переменной: products
НЕ ВКЛЮЧАЙТЕ галочку в поле "Записать объект".
В поле "Значение, записываемое в переменную", выберите: {{\array}}
4) Перемотка
В поле "Переход на экран", выберите "Стартовый экран".