Setup wizard — детайлен walkthrough
Welcome екранът + 12 стъпки в 6 фази (бизнес → контакти → екип → услуги → знания → финиширане), завършващи с обучение и тест на бота.
Welcome екран
Появява се преди първата стъпка, освен ако влезеш с `?start=1` в URL-а — тогава се прескача. Има голямо заглавие (различно за нови vs. връщащи се потребители), кратък подзаглавен текст и един CTA бутон. Под бутона — 3 trust badge-а: „без код“, „пробен период“ и „Instagram“. Ако твоят trial вече е изразходен, badge-ът „пробен период“ не се показва, а текстовете се сменят на по-кратки „returning“ варианти.
Съвет: URL параметри: `?start=1` прескача welcome-а; `?email=foo@bar` пред-попълва имейла; `?save=1` се ползва за да се възстанови wizard-ът след OAuth login.
Стъпка 1 — Индустрия (industry)
Първият истински екран от wizard-а — избор на индустрия от грид с карти. Кликаш една и автоматично преминаваш на следващата стъпка (без отделен Continue бутон). Изборът тук филтрира кои business types ще се покажат на следващата стъпка.
Стъпка 2 — Тип бизнес (businessType)
Списък с конкретните типове бизнес в избраната индустрия — напр. барбершоп, фризьорски салон, маникюр студио и т.н. Кликаш един — той определя кои услуги, цени и FAQ ще се заредят като дефолт за всички следващи стъпки.
Стъпка 3 — Режим (mode)
Две карти за избор:
• „Пълно записване“ (full booking) — ботът записва часове в Google Calendar.
• „Само информация“ (info-only) — ботът само отговаря на въпроси, не записва нищо.
Изборът тук определя дали Google Calendar свързването ще бъде задължително или опционално в dashboard-а.
Стъпка 4 — Име на бизнеса (businessName)
Едно текстово поле, иконата е сграда. Placeholder показва пример според избрания шаблон. Макс 100 символа. Натискаш Enter или Continue. Името се ползва навсякъде в отговорите на бота.
Стъпка 5 — Контакти (contact)
5 полета:
• **Собственик** — име на собственика; задължително, валидира се с regex за разрешени символи.
• **Имейл** — задължителен; disposable домейни (10minutemail и подобни) се отхвърлят с грешка „disposableEmail“.
• **Адрес** — опционално.
• **Град** — с автокомплит от световната база с градове.
• **Телефон** — изобразява се в национален формат според страната, валидира се; може да е празно само ако всички останали задължителни полета са валидни.
Continue бутонът е disabled докато всички задължителни полета не са валидни.
Стъпка 6 — Работно време (schedule)
7 реда — по един за всеки ден от седмицата. За всеки:
• Toggle бутон Open ↔ Closed (анимиран; зелен когато е отворен, червен когато е затворен).
• Когато е отворен — два time-picker-а: „от“ (default 09:00) → „до“ (default 18:00).
• Когато е затворен — показва текста „ЗАТВОРЕНО“.
Валидация: поне един ден трябва да е отворен (иначе грешка „atLeastOne“); за всеки отворен ден — `from < to` (иначе грешка „openBeforeClose“).
Стъпка 7 — Екип (team)
Списък с членове на екипа. За всеки ред:
• **Име** — текст, задължително.
• **Ниво (level)** — dropdown с опции Junior / Specialist / Senior / Owner. При барбершоп шаблона нивата са специфични за индустрията.
• При барбершоп шаблона — допълнителни цени по категория (haircut, beard, combo, kids).
„+ Добави“ бутон отдолу за нов член, икона за изтриване отдясно. Максимум 20 членове. Дублирани имена са блокирани (case-insensitive). Ако последният член е без име — „Добави“ е disabled.
Стъпка 8 — Услуги (services)
Списък с услуги, пред-зареден от шаблона. За всяка:
• **Име** — текст.
• **Цена** — число; символът на валутата идва от настройките по-горе.
• **Продължителност** — в минути.
• По избор: цени по член на екипа (за шаблони с екип, напр. барбершоп).
Дубликати на имена се отбелязват с warning. „+ Добави услуга“ за нова, кошче за изтриване.
Стъпка 9 — Продукти (products) — опционално
Ако продаваш и продукти (козметика, добавки и т.н.), добави ги тук. Поле за име, категория с автокомплит (от съществуващи продукти) и цена. Максимум 30 продукта. Бутонът долу е „Прескочи“ ако списъкът е празен, или „Continue“ ако има добавени продукти. Disabled ако някой продукт е с празно име.
Стъпка 10 — FAQ — опционално
До 20 двойки въпрос-отговор за специфики, които ботът не може сам да отгатне („Имате ли паркинг?“, „Приемате ли карти?“). Когато списъкът е празен, виждаш ghost example с примерен въпрос/отговор и бутон „кликни за добавяне“. „+ Добави“ за нов, X за махане. Бутонът долу е „Прескочи“ или „Continue“. Disabled ако някой въпрос е празен.
Стъпка 11 — Личност (personality)
Две неща на един екран:
• **Език** — multi-select picker с 12 поддържани езика (BG, EN, DE, RU, RO, TR, EL, SR, MK, IT, FR, ES). Можеш да избереш един или няколко — ботът ще отговаря на езика, на който пише клиентът, ако той е сред избраните.
• **Тон (tone)** — radio избор между пресети, всеки с emoji + label (напр. „Приятелски и неформален“, „Професионален“ и др.). Само един тон активен наведнъж.
Стъпка 12 — Преглед (summary)
Заглавие „Готов за старт!“ Hero карта (лилав градиент) с тип на бизнеса (малки caps) и името му (голям шрифт). Под него — опционална textarea „Нещо допълнително“ (макс 200 символа, с counter, който се оцветява зелено / amber / червено когато се приближи към лимита).
Преди да кликнеш „Създай AI рецепционист“ системата проверява: попълнено бизнес име, попълнен собственик, попълнен телефон, поне 1 услуга с име, поне 1 отворен ден. Ако нещо липсва — бутонът е disabled и виждаш hint текст какво да поправиш.
Стъпка 13 — Тренировка (ready)
След като кликнеш „Създай“ виждаш training анимация: голям прогрес ринг с проценти 0→100% в средата и фазови съобщения отдолу (Initializing → Configuring → Setting up → Preparing → Getting ready). Анимацията трае около 3 секунди (или 200 мс ако имаш `prefers-reduced-motion`). Накрая — зелена отметка + confetti.
Паралелно с анимацията, ако вече си логнат и верифициран, конфигурацията се изпраща към `/api/setup` за запис в базата.
Стъпка 14 — Preview chat
Чат екран, в който можеш да тестваш новия си бот преди да си направил акаунт или да си платил. Заглавието е „Тествай рецепциониста“ с подзаглавие „Запиши час или попитай нещо“. Отляво — мобилен mockup с активния чат. Отдясно — мини календар, който показва записаните часове в реално време. Quick-reply бутони отдолу („Свободни ли сте утре?“, „Колко струва?“ и т.н.). Можеш да пишеш и да виждаш отговори — реални AI отговори, базирани на конфигурацията.
След preview-то: ако не си логнат → signup wall (имейл/парола или Google). След регистрация → paywall с трите плана и trial CTA. След плащане → /dashboard/welcome.
Съвет: Trial-ът се активира с първото плащане в paywall-а — 3 дни безплатно с лимит 250 съобщения, независимо от плана.