June 17, 2020

Оформление заказа

Перед началом работы, убедитесь что вы реализовали чек-лист «Корзина на BotMother».

Ниже расписаны экраны с названиями, которые нужно создать. В каждый экран нужно добавить необходимые компоненты и настроить компоненты по инструкции.


Экран "Оформить заказ (Имя)"

Данный экран, должен быть связан с кнопкой "Оформить заказ" в экране "Корзина".

Как? Найдите Экран "Корзина" -> Компонент "Развилка" -> Цель со значением "🚘 Оформить заказ" -> Поле "Переход на экран".

Компоненты:

1) Группа кнопок с подсказками

В поле "Текст отправляемый пользователю", вставьте: Введите свое имя (можете заменить текст своим)

Кнопки:

⬅️ Назад

2) Развилка

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Корзина (или свой экран по усмотрению)
  2. Значение цели: ⬅️ Назад

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Оформление заказа (Контакты) (создайте экран "Оформление заказа (Контакты)", если этот экран еще не существует. Настроим этот экран позже)
  2. Значение цели оставьте пустым
  3. В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите: order_name (здесь будет храниться имя заказчика)

В поле "Переход на экран" (в самом конце развилки), выберите экран: Оформить заказ (Имя)


Экран "Оформить заказ (Контакты)"

Компоненты:

1) Группа кнопок с подсказками

В поле "Текст отправляемый пользователю", вставьте: Введите номер телефона в формате +998 ** *** ** ** или отправьте контакты, с помощью кнопки ниже (можете заменить текст своим)

Кнопки:

☎️ Отправить контакты (в детальных настройках компонента, раскройте данную кнопку и в поле "Запросить геопозицию или контактные данные" выберите contact)

⬅️ Назад

2) Развилка

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Корзина (или свой экран по усмотрению)
  2. Значение цели: ⬅️ Назад

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Оформление заказа (Локация) (создайте экран "Оформление заказа (Локация)", если этот экран еще не существует. Настроим этот экран позже)
  2. Тип цели: contact
  3. Значение цели оставьте пустым
  4. В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите: order_contacts (здесь будет храниться имя заказчика)

В поле "Переход на экран" (в самом конце развилки), выберите экран: Оформить заказ (Контакты)


Экран "Оформить заказ (Локация)"

Компоненты:

1) Группа кнопок с подсказками

В поле "Текст отправляемый пользователю", вставьте: Введите адрес или отправьте локацию, с помощью кнопки ниже (можете заменить текст своим)

Кнопки:

🗺 Отправить локацию (в детальных настройках компонента, раскройте данную кнопку и в поле "Запросить геопозицию или контактные данные" выберите location)

⬅️ Назад

2) Развилка

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Корзина (или свой экран по усмотрению)
  2. Значение цели: ⬅️ Назад

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Оформление заказа (Завершение) (создайте экран "Оформление заказа (Завершение)", если этот экран еще не существует. Настроим этот экран позже)
  2. Тип цели: location
  3. Значение цели оставьте пустым
  4. В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите: order_location (здесь будет храниться имя заказчика)

С помощью кнопки + добавьте цель.

В цель запишите:

  1. Переход на экран: Оформление заказа (Завершение)
  2. Тип цели: text
  3. Значение цели оставьте пустым
  4. В детальный настройках компонента, в данной цели, в поле "Имя переменной, в которую будет записано то, что прислал пользователь, если условие данной цели совпадет", запишите: 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) Перемотка

В поле "Переход на экран", выберите "Стартовый экран".