Документація для користувача

• Пронумеровані кроки виконуйте по порядку — вони описують одну дію кожен.
• Назви кнопок, полів і розділів виділені жирним — саме так вони підписані в інтерфейсі.
• Блок «Порада» — необов'язково, але зробить роботу зручнішою.
• Блок «Увага» — місце, де найчастіше виникають труднощі.

Кілька слів, які зустрічатимуться далі. Повертайтеся сюди, якщо щось буде незрозуміло.

Реєстрація — це перше створення облікового запису. Виконується один раз.

Відкрийте сайт fotbo.ai і натисніть кнопку Sign Up у правому верхньому куті сторінки.

Головна сторінка Fotbo AI до входу в обліковий запис. Кнопки Log in і Sign Up — у правому верхньому куті.

Сервіс запропонує три способи створити акаунт. Усі три рівноцінні — обирайте той, що вам зручніший.

Сторінка реєстрації: кнопки Continue with Google і Continue with GitHub, поля Name, Email і Password, кнопка Create account, посилання Already have an account? Log in.

Примітка. Акаунти, створені через Google або GitHub, спочатку не мають пароля Fotbo AI. До встановлення пароля в Settings входьте через відповідний сервіс; після цього можна також входити за email і створеним паролем.

Реєстрація через Google

1. На сторінці реєстрації натисніть кнопку Continue with Google.
2. Відкриється вікно Google із переліком ваших облікових записів.
3. Оберіть акаунт, під яким хочете працювати. Якщо потрібного немає у списку — натисніть «Інший обліковий запис» і увійдіть у нього.
4. Google запитає дозвіл передати Fotbo AI ваше ім'я, електронну адресу і фото профілю. Натисніть «Продовжити».
5. Вікно Google закриється, і ви автоматично опинитеся всередині сервісу. Реєстрацію завершено.

Примітка. Fotbo AI не отримує і не бачить ваш пароль від Google. Сервіс отримує лише ім'я, адресу пошти та фото профілю.

Реєстрація через GitHub

1. На сторінці реєстрації натисніть Continue with GitHub.
2. Відкриється сторінка GitHub. Якщо ви ще не увійшли в GitHub, введіть там свої дані.
3. GitHub покаже, які дані запитує Fotbo AI. Натисніть «Authorize».
4. Вас поверне назад у Fotbo AI вже з готовим обліковим записом.

Порада. Цей спосіб зручний, якщо ви плануєте користуватися тарифом Live і вивантажувати готовий сайт у GitHub: зв'язок між сервісами вже буде налаштований.

Реєстрація за допомогою email і пароля

1. У полі Email введіть свою електронну адресу. Використовуйте ту пошту, до якої точно маєте доступ — на неї надходитимуть листи для відновлення пароля.
2. У полі Password придумайте пароль. Пароль повинен містити від 8 до 128 символів і щонайменше один спеціальний символ (наприклад: !, @, # або $).
3. Якщо на сторінці є поле повторного введення пароля — введіть той самий пароль ще раз.
4. Натисніть кнопку Create account.

Порада. Добрий пароль — це щонайменше 10 символів, які не є вашим іменем, датою народження чи назвою компанії. Найпростіший спосіб — скласти фразу з трьох випадкових слів і додати цифру.

Перехід на сторінку входу

Якщо ви вже маєте обліковий запис, реєструватися вдруге не потрібно. Унизу форми реєстрації є посилання Already have an account? Log in — воно веде на сторінку входу. Те саме робить кнопка Log in у верхньому меню сайту.

Можливі помилки під час реєстрації

Нижче — ситуації, з якими стикаються найчастіше, і що робити в кожній.

Авторизація (вхід) — це повернення до вже створеного облікового запису. Виконується щоразу, коли ви заходите в сервіс на новому пристрої або після виходу з акаунта.

Відкрийте fotbo.ai і натисніть Log in у правому верхньому куті.

Сторінка входу: Continue with Google, Continue with GitHub, поля Email і Password з іконкою «око», посилання Forgot password? і Don't have an account? Sign Up.

Примітка. Якщо ви зареєструвалися через Google або GitHub і ще не встановили пароль Fotbo AI, входьте через відповідний сервіс. Після встановлення пароля в Settings можна використовувати як цей сервіс, так і email із паролем.

Вхід через Google

1. Натисніть Continue with Google.
2. У вікні Google оберіть той самий обліковий запис, з якого реєструвалися.
3. Вас автоматично перенесе на головний екран сервісу — вводити пароль від Fotbo AI не потрібно.

Вхід через GitHub

1. Натисніть Continue with GitHub.
2. Увійдіть у GitHub, якщо система про це попросить.
3. Після підтвердження вас поверне на головний екран Fotbo AI.

Вхід за допомогою email і пароля

1. У поле Email введіть адресу, вказану при реєстрації.
2. У поле Password введіть свій пароль.
3. Натисніть Log in.

Перегляд введеного пароля

Пароль під час введення показується крапками, щоб його не побачили сторонні. Якщо ви не впевнені, що набрали його правильно, натисніть іконку у вигляді ока праворуч у полі пароля — символи стануть видимими. Повторне натискання знову приховає їх.

Порада. Це найшвидший спосіб перевірити, чи не увімкнено Caps Lock і чи не переключилася розкладка клавіатури на українську. Обидві причини дають ту саму помилку «неправильний пароль».

Поле Password у двох станах: ліворуч символи приховані, праворуч — показані після натискання іконки «око» (іконка змінюється на перекреслену).

Перехід на сторінку реєстрації

Якщо облікового запису ще немає, унизу форми входу натисніть Ще немає акаунта? Реєстрація — відкриється форма реєстрації, описана в розділі 1.1.

Можливі помилки під час входу

Якщо ви забули раніше встановлений пароль Fotbo AI, його можна замінити на новий. Це також стосується акаунтів, спочатку створених через Google або GitHub, після встановлення пароля. Доступ до пошти акаунта при цьому обов'язковий.

Примітка. Якщо ви зареєструвалися через Google або GitHub і ще не встановили пароль Fotbo AI, увійдіть через відповідний сервіс і додайте пароль у Settings. Після цього пароль також можна замінювати через відновлення.

Перехід за посиланням «Forgot password?»

На сторінці входу під полем пароля натисніть Forgot password?. Відкриється окрема сторінка з одним полем для електронної адреси.

Посилання Forgot password? розташоване під полем пароля, вирівняне праворуч.

Надсилання посилання для відновлення

1. Введіть електронну адресу, на яку зареєстровано акаунт.
2. Натисніть кнопку Надіслати посилання.
3. На екрані з'явиться підтвердження, що лист надіслано. Закривати сторінку не обов'язково.

Сторінка Reset your password: поле Email, кнопка Send reset link, посилання Back to log in.

Примітка. З міркувань безпеки сервіс показує однакове повідомлення незалежно від того, існує такий обліковий запис чи ні. Це нормально: якщо лист не прийшов, найімовірніше акаунт зареєстровано на іншу адресу.

Перехід за посиланням із листа

1. Відкрийте свою поштову скриньку і знайдіть лист від Fotbo AI.
2. Натисніть кнопку або посилання всередині листа — відкриється сторінка створення нового пароля.
3. Якщо посилання відкриється з повідомленням, що воно недійсне — термін його дії минув. Поверніться на сторінку входу і запросіть новий лист.

Встановлення нового пароля

1. Введіть новий пароль у перше поле.
2. Повторіть його в другому полі — це захист від друкарської помилки.
3. Скористайтеся іконкою «око», щоб переконатися, що пароль набрано правильно.
4. Натисніть Save. З'явиться підтвердження, що пароль змінено.

Порада. Не використовуйте пароль, яким користуєтеся в інших сервісах. Якщо тримати всі паролі в голові складно — скористайтеся менеджером паролів, вбудованим у ваш браузер: він запропонує згенерувати і запам'ятати надійний пароль автоматично.

Повернення на сторінку входу

Після збереження нового пароля сервіс або одразу впустить вас усередину, або запропонує посилання Back to login. Увійдіть із тією ж адресою і вже новим паролем.

Що робити, якщо лист не надійшов

Перевірте по черзі:

1. Папки «Спам», «Промоакції» та «Соцмережі» у поштовій скриньці — автоматичні листи часто потрапляють саме туди.
2. Правильність адреси, яку ви ввели: одна помилкова літера — і лист пішов не туди.
3. Чи не зареєстровані ви на іншу пошту — робочу замість особистої або навпаки.
4. Якщо ви зареєструвалися через Google або GitHub, але ще не встановили пароль Fotbo AI, увійдіть через відповідний сервіс і додайте пароль у Settings.
5. Зачекайте 2–3 хвилини і запросіть лист повторно: іноді пошта затримує доставку.

Якщо жоден пункт не допоміг, напишіть у підтримку на [email protected] з тієї адреси, на яку реєструвалися, і опишіть ситуацію.

Горизонтальна смуга у верхній частині екрана. Вона залишається на місці, у якому б розділі ви не перебували, і містить перехід на головну, налаштування вигляду сервісу та меню профілю.

Логотип Fotbo AI ліворуч працює як кнопка «додому»: натисніть його з будь-якої сторінки, щоб повернутися на головний екран.

Верхнє меню великим планом: логотип FOTBO AI, пункти Home, Pricing, Cloud VPS, Blog, перемикач мови ENG, перемикач теми, кнопки Log in і Sign Up.

Перемикач мови змінює мову інтерфейсу сервісу — написи на кнопках, назви розділів, підказки.

1. Натисніть на позначку мови у верхньому меню (зазвичай це дволітерний код на кшталт UA або EN, чи іконка глобуса).
2. Оберіть потрібну мову зі списку.
3. Інтерфейс переключиться одразу, перезавантажувати сторінку не потрібно.

Увага. Мова інтерфейсу і мова вашого майбутнього сайту — це різні речі. Перемикач угорі змінює лише написи в самому сервісі. Мову сайту задавайте в запиті: «Зроби сайт українською мовою» або «Переклади весь текст сайту англійською».

Розгорнутий список вибору мови інтерфейсу: ENG, UKR, RUS.

Тема — це світле або темне оформлення сервісу. Перемикач зазвичай має вигляд іконки сонця і місяця.

• Світла тема — темний текст на світлому тлі. Зручніша при денному освітленні.
• Темна тема — світлий текст на темному тлі. Менше втомлює очі ввечері та в темному приміщенні.

Натисніть іконку — оформлення зміниться миттєво. Вибір зберігається і застосується наступного разу, коли ви зайдете в сервіс.

Увага. Тема оформлення не впливає на створений вами сайт. Якщо ви хочете темний дизайн для самого сайту, напишіть про це в запиті: «Зроби сайт у темній кольоровій схемі».

Основний екран у темній (ліворуч) і світлій (праворуч) темі.

Це головний елемент екрана — велике поле введення посередині. Саме тут ви звичайними словами описуєте, який сайт хочете отримати.

Писати можна вільно, як повідомлення колезі. Не потрібні спеціальні команди, теги чи технічні терміни — сервіс розуміє звичайну мову.

Мінімально працює навіть короткий опис на кшталт «Створи сайт для кав'ярні». Але чим більше деталей ви дасте, тим ближчим до потрібного буде результат і тим менше правок доведеться вносити потім — а отже, тим менше витратиться кредитів. Розгорнуті приклади зібрані в Додатку А.

Порожнє поле введення з текстом-підказкою «Create a landing page for my yoga studio in Kyiv…» і кнопкою Build now.

Те саме поле у світлій темі: ліворуч унизу видно іконку скріпки для прикріплення файлів.

До опису можна додати файли — щоб не пояснювати словами те, що простіше показати. Кнопка прикріплення зазвичай має вигляд скріпки поруч із полем введення.

Що має сенс прикріплювати:

• Логотип — щоб сайт одразу зібрався у вашому фірмовому стилі.
• Фотографії — інтер'єр закладу, товари, команда, роботи з портфоліо.
• Приклад дизайну — скріншот сайту, який вам подобається, з поясненням «зроби схоже за настроєм».

Прикріпити можна лише зображення (дозволені формати: JPG, JPEG, PNG, WEBP).

1. Натисніть іконку скріпки поруч із полем введення.
2. Оберіть файл на своєму комп'ютері та підтвердіть вибір.
3. Назва файлу з'явиться під полем введення — так ви бачите, що він прикріпився.
4. У самому тексті запиту поясніть, що робити з файлом. Наприклад: «Використай прикріплений логотип у шапці сайту, а фото — у галереї».

Увага. Прикріплений файл сам собою нічого не робить. Якщо не написати, що з ним робити, сервіс може його проігнорувати. Завжди супроводжуйте файл поясненням.

Коли опис готовий, натисніть кнопку створення поруч із полем введення (стрілка або напис Build now). Сервіс почне генерацію: підбере структуру сайту, напише тексти, обере оформлення та адаптує все під телефони.

Створення займає від кількох десятків секунд до кількох хвилин — залежно від складності запиту.
Після натискання відкривається робочий екран проєкту: ліворуч чат із вашим запитом, праворуч — сайт, що збирається.

Увага. Кожне натискання цієї кнопки створює новий проєкт. Якщо потрібно щось змінити у вже створеному сайті, не створюйте його заново — напишіть правку в чат наявного проєкту. Це буде швидше.

Примітка. На тарифі Free доступний лише один активний проєкт. Щоб створити другий, потрібен тариф Live.

Момент генерації: ліворуч — надісланий запит і блок AGENT PROGRESS, праворуч — індикатор виконання у відсотках.

Робочий екран проєкту: ліворуч — чат із запитом і полем Type a message, праворуч — прев'ю сайту, що збирається, з перемикачами desktop / tablet / mobile і кнопкою Publish.

Готовий проєкт у роботі: ліворуч чат із відповіддю сервісу, праворуч — сайт із перемикачами вигляду (комп'ютер / планшет / телефон), адресою сторінки, кнопкою Publish, іконкою GitHub і кнопкою Edit mode.

Під полем введення розміщені кілька готових запитів-підказок. Це найшвидший спосіб побачити, як працює сервіс, якщо ви ще не знаєте, з чого почати.

1. Натисніть на приклад, який найближчий до вашого завдання.
2. Його текст підставиться у поле введення.
3. Відредагуйте текст під себе — замініть сферу діяльності, місто, назву компанії, кольори.
4. Натисніть кнопку створення.

Порада. Не запускайте приклад без змін: ви отримаєте демонстраційний сайт про чужий бізнес і витратите на нього кредити. Витратьте хвилину на заміну деталей — результат буде відчутно кориснішим.

Блок прикладів запитів під полем введення: Nail artist portfolio, Coffee shop landing page, Online clothing store, Photographer blog, Fitness trainer website, Restaurant menu site.

Меню профілю — це бічна панель, яка висувається з лівого краю екрана. Відкривається вона невеликою кнопкою-язичком біля лівого краю — помаранчевим півколом із першою літерою вашого імені. Кнопка присутня на всіх сторінках сервісу, зокрема на головній і на сторінці після оплати. Це вхід до всього, що стосується вашого акаунта.

Вигляд панелі показано в розділі 3.1.

Примітка. Кожен пункт цього меню докладно описано в розділі 3 «Меню профілю».

Меню профілю — це бічна панель ліворуч. У її верхній частині — кнопка Start new chat (створити новий проєкт), пошук і список ваших чатів, а внизу — індикатор кредитів і пункти керування акаунтом.

Бічна панель профілю: список чатів, індикатор кредитів (Credits 743,22 / 1500 і Extra credits) та пункти Get extra credits, Balance, Server & Domains, Settings, Help Center, My Subscription, Sign Out.

Пункти панелі — у тому порядку, в якому вони розташовані на екрані.

Порада. Над пунктами меню завжди видно смужку кредитів — залишок за тарифом і окремо куплені Extra credits. Це найшвидший спосіб перевірити баланс, не відкриваючи жодного розділу.

Кредити — внутрішня «валюта» сервісу. Кожне звернення до штучного інтелекту (створення сайту або правка в чаті) витрачає певну їх кількість. Коли кредити закінчуються, сервіс перестає виконувати нові запити, але вже створені сайти залишаються на місці.

Розділ Balance показує поточний залишок, скільки з тарифних кредитів уже витрачено, скільки залишилося куплених окремо, і повну історію списань.

Як подивитися залишок

1. У бічній панелі натисніть пункт Balance.
2. Угорі екрана — Current Balance: поточний залишок і дата, коли завершується оплачений період (Period ends).
3. Нижче — смужка Plan credits: скільки кредитів тарифу використано (Used) і скільки лишилося (Remaining).
4. Окремим рядком — Extra credits: залишок докуплених кредитів. Кнопка Top Up поруч веде до купівлі нових.

Екран Balance: поточний залишок, смужка Plan credits із витраченим і залишком, рядок Extra credits, кнопка Top Up, позначка Auto-renew is on та історія операцій Transaction History з фільтрами.

Примітка. Кредити дробові: у балансі й в історії трапляються значення на кшталт 743,22 або −1,62. Це нормально — сервіс рахує фактичну «вагу» кожного звернення, а не округлює до цілих.

Історія списань

Під балансом розміщено Transaction History — перелік усіх операцій із датою і часом. Фільтри над списком розділяють операції за типом:

• All — усі операції поспіль.
• Plan + і Plan − — нарахування і списання кредитів тарифу.
• Extra + і Extra − — надходження і витрати докуплених кредитів.

Порада. Якщо кредити тануть швидше, ніж очікувалося, відкрийте цю історію і звірте час операцій зі своїми діями в чаті. Так одразу видно, які саме запити виявилися найдорожчими.

Скільки коштують дії

За історією зі знімка видно порядок цифр: велика генерація забирає приблизно 200–300 кредитів, дрібні службові операції — 1–2 кредити.

Увага. Кредити списуються за саме звернення, а не за вдалий результат. Якщо правка не сподобалась і ви просите переробити її ще раз — це ще одне списання. Тому вигідніше формулювати запит докладно з першого разу.

Що робити, коли кредити закінчилися

• Дочекатися оновлення ліміту — дата поруч із написом Period ends.
• Докупити кредити кнопкою Top Up або пунктом Get extra credits — розділ 3.3.
• Перейти на тариф Live, якщо ви ще на безкоштовному: 1500 кредитів на місяць замість 300 — розділ 3.4.

Порада. Обов’язково перегляньте додаток А «Приклади запитів». Найчастіша причина швидкої витрати — короткі запити на кшталт «зроби красиво», після яких доводиться робити багато дрібних правок.

Якщо кредитів за тарифом не вистачило, а чекати наступного періоду не хочеться, можна докупити пакет. Куплені кредити зараховуються окремим рядком Extra credits і не змішуються з тарифними.

Як купити пакет кредитів

1. У бічній панелі натисніть Get extra credits (або кнопку Top Up на екрані Balance).
2. Оберіть пакет із переліку — 50, 100, 250, 500 або 1000 кредитів.
3. Підтвердьте оплату. Платежі проходять через Stripe: дані картки вводяться на його стороні, Fotbo AI їх не бачить і не зберігає.
4. Після успішної оплати відкриється сторінка «Платіж успішний!», а квитанція надійде на вашу пошту.
5. Поверніться в сервіс кнопкою Створити сайт або перевірте зарахування кнопкою Переглянути підписку.

Сторінка після успішної оплати: підтвердження від Stripe, повідомлення про активацію тарифу і збереження картки, напис «Квитанцію надіслано на пошту», кнопки «Створити сайт» і «Переглянути підписку».

Перелік актуальних пакетів і цін наведено на сторінці https://ai.fotbo.host/credits/

Примітка. Після оплати сервіс зберігає картку для наступних платежів — про це прямо сказано на сторінці підтвердження.

Можливі помилки під час оплати

Розділ My Subscription показує ваш поточний тариф, дату наступного списання, залишок кредитів і повний перелік того, що входить у тариф. Звідси ж керують підпискою і скасовують її.

Екран My Subscription: тариф LIVE за €15.00/month зі статусом Active, дата наступного списання Next billing, смужка Credits 1500 / 1500, кнопки Manage Plan і Cancel Subscription та перелік What's included.

Чим відрізняються тарифи

Сервіс має два тарифи: безкоштовний Free і платний Live за €15 на місяць. Побачити їх поруч можна кнопкою Manage Plan на екрані підписки.

Порівняння тарифів на екрані Manage Plan: ліворуч Free за €0 з переліком того, що недоступне (позначено хрестиками), праворуч Live за €15 з позначкою BEST VALUE. Унизу — кнопки Downgrade і Current plan.

Увага. Головне обмеження Free — сайт не можна опублікувати в інтернеті. На безкоштовному тарифі ви створюєте сайт і бачите його в прев'ю, але показати його клієнтам за посиланням не вийде: публікація, хостинг, власний домен і експорт коду доступні лише на Live.

Дата списання і автопродовження

Поруч із ціною вказано Next billing — дату наступного автоматичного списання. На екрані Balance це саме та дата, що й Period ends, а позначка Auto-renew is on означає, що підписка продовжиться сама.

Увага. Підписка продовжується автоматично щомісяця, доки ви її не скасуєте.

Як змінити або скасувати підписку

1. Відкрийте пункт My Subscription.
2. Натисніть Manage Plan — відкриється вікно з тарифами.
3. Ваш поточний тариф підписаний кнопкою Current plan, вона неактивна. Під іншим тарифом стоїть дія: Downgrade — перейти на Free, або кнопка переходу на Live, якщо ви на безкоштовному.
4. Щоб зовсім відмовитися від платного тарифу, натисніть Cancel Subscription на екрані підписки. Сервіс попросить підтвердження.

Після скасування тариф діє до кінця вже оплаченого періоду — до дати Next billing, — а потім акаунт переходить на Free. Створені сайти не видаляються, але починають діяти обмеження безкоштовного тарифу, і головне з них — опублікований сайт стає недоступним для відвідувачів.

Розділ Server & Domains відповідає за те, де живе ваш сайт: сервер, який входить у тариф Live, і домен, за адресою якого сайт відкривається. На тарифі Free цей розділ по суті порожній — публікація там недоступна.

На чиїх серверах працює сайт

Хостинг забезпечує fotbo.com — інфраструктурний партнер сервісу. Про це розповідає сторінка Cloud VPS у верхньому меню сайту.

Сторінка Cloud VPS: fotbo.com як офіційний інфраструктурний партнер, кнопка Get a server on Fotbo і чотири блоки — App Marketplace (WordPress, Django, n8n, Docker), Instant Setup, Server Locations (Нідерланди, Польща, Німеччина, США) та 99.9% Uptime.

• Для звичайної роботи з Fotbo AI окремо сервер купувати не треба: на тарифі Live хостинг уже входить у ціну.
• Свій VPS на fotbo.com потрібен лише тоді, коли ви хочете керувати сервером самостійно — наприклад, розгорнути на ньому щось, крім створеного сайту.
• Локації серверів — Нідерланди, Польща, Німеччина і США. Обирайте ту, що ближча до ваших відвідувачів: сайт відкриватиметься швидше.

У налаштуваннях доступні ім'я, електронна адреса та керування паролем. OAuth-акаунт не має пароля Fotbo AI, доки ви не встановите його тут.

Зміна імені

1. Відкрийте пункт Settings у бічній панелі.
2. У полі імені введіть нове значення.
3. Натисніть кнопку збереження. З'явиться підтвердження, що зміни збережено.

Примітка. Ім'я в профілі — це підпис усередині сервісу. На створені сайти воно не потрапляє.

Встановлення або зміна пароля

Панель пароля має два режими. Для OAuth-акаунта без пароля відображається Set Password із двома полями. Після встановлення пароля панель змінюється на Change Password із трьома полями.

1. Відкрийте Settings і знайдіть панель пароля.
2. Якщо відображається Set Password, введіть пароль у поля New Password і Confirm Password, а потім натисніть Set Password. Поточний пароль не потрібен.
3. Якщо відображається Change Password, введіть нинішній пароль у поле Current Password.
4. Введіть новий пароль у New Password і повторіть його в Confirm Password.
5. Натисніть Update Password.

Нижче показано режим Change Password для акаунта, який уже має пароль.

Блок Change Password у налаштуваннях: поля Current Password, New Password і Confirm Password та кнопка Update Password.

Увага. У полях пароля немає іконки «око» — набраний текст перевірити на екрані не вийде. Набирайте уважно і стежте за розкладкою клавіатури та клавішею Caps Lock: якщо в двох полях виявляться різні паролі, сервіс не збереже зміну.

Порада. Під час першого встановлення пароля для OAuth-акаунта поле Current Password не відображається. Якщо ви забули вже встановлений пароль, вийдіть з акаунта й скористайтеся посиланням Forgot password? на сторінці входу — розділ 1.3.

Пункт Help Center відкриває чат підтримки. Чат працює у правому нижньому куті екрана і показує, чи є оператори на місці зараз.

Вікно чату підтримки: заголовок PRE-SALES chat, пояснення, що з питаннями щодо наявних послуг слід писати на [email protected], статус «We are online» з орієнтовним часом відповіді та кнопка Start Conversation.

Увага. Чат у вікні підписаний як PRE-SALES chat — він для запитань перед покупкою. Якщо ваше питання стосується вже підключеної послуги (списані кредити, проблема з проєктом, оплата), пишіть на [email protected]: саме про це сказано в першому повідомленні чату.

Як звернутися в підтримку

1. Відкрийте Help Center у бічній панелі або натисніть значок чату в правому нижньому куті екрана.
2. Натисніть Start Conversation.
3. Опишіть ситуацію і надішліть повідомлення. Якщо питання про наявну послугу — напишіть натомість на [email protected].

Щоб відповідь була швидшою, одразу вкажіть у зверненні:

• Електронну адресу, на яку зареєстровано акаунт, і спосіб входу (Google, GitHub чи пароль).
• Назву або посилання на проєкт, якого стосується питання.
• Що ви робили, що очікували побачити і що сталося насправді.
• Дослівний текст повідомлення про помилку або скріншот екрана.
• Для питань про кредити — час операції з Transaction History на екрані Balance.

Примітка. У вікні чату вказано, що оператори зазвичай відповідають протягом кількох хвилин.

Порада. Скріншот екрана з помилкою економить листування: підтримці не доведеться перепитувати, що саме ви бачите. На Windows знімок робиться клавішею Print Screen, на macOS — комбінацією Shift + Command + 4.

Вихід завершує сеанс роботи. Він потрібен, якщо ви працювали на чужому або спільному комп'ютері, а також коли треба зайти під іншим обліковим записом.

1. Відкрийте бічну панель профілю.
2. Натисніть останній пункт — Sign Out.
3. Сервіс поверне вас на головну сторінку — ту саму, що й до входу, з кнопками Log in і Sign Up.

Увага. На спільному або робочому комп'ютері виходьте з акаунта завжди. Просто закрити вкладку недостатньо: наступна людина, відкривши fotbo.ai, потрапить у ваш обліковий запис і зможе витратити ваші кредити.

Примітка. Проєкти зберігаються в обліковому записі, а не в браузері. Після виходу вони нікуди не зникають — ви побачите їх у списку Your Chats, щойно увійдете. Використовуйте початковий сервіс входу або email і пароль, якщо вже встановили пароль Fotbo AI (розділ 1.2).

Ситуації, які стосуються акаунта загалом, а не окремого пункту меню.

• Дату наступного платежу за тариф Live видно на сторінці балансу: https://fotbo.ai/balance/
• Підписка продовжується автоматично, доки ви її не скасуєте.
• Картка зберігається для наступних платежів — про це сервіс повідомляє на сторінці після оплати.
• Потрібна картка, якою дозволено платити в інтернеті в іноземній валюті.
• Квитанція про оплату надходить на пошту, вказану в акаунті.

Підходить, якщо ви ще не оформлювали підписку або хочете спершу порівняти тарифи.

1. Відкрийте сайт і перейдіть у розділ Ціни у верхньому меню.
2. Порівняйте два тарифи: Безкоштовно і Live. Навпроти кожної можливості стоїть галочка або хрестик — так одразу видно, чого на безкоштовному тарифі немає.
3. Під картками тарифів натисніть кнопку Почати в колонці Live.
4. Якщо ви не увійшли в акаунт, відкриється вікно входу або реєстрації. Увійдіть через початковий сервіс або за допомогою email і пароля, якщо вже встановили пароль Fotbo AI (розділ 1.2); інакше створіть акаунт.
5. Після входу сервіс переведе вас до оформлення підписки.

Порада. Перед оплатою варто створити хоча б один сайт на безкоштовному тарифі. Так ви побачите, як працює сервіс, і оплачуватимете вже усвідомлено — тим паче що на Free доступні 300 кредитів на місяць.

Підходить, якщо акаунт уже є і ви працюєте в сервісі.

1. Відкрийте бічну панель профілю кнопкою-язичком ліворуч.
2. Оберіть пункт My Subscription.
3. Натисніть Manage Plan — відкриється порівняння тарифів (рисунок 21).
4. У картці Live натисніть кнопку переходу на цей тариф.
5. Перевірте суму і період оплати на екрані підтвердження.

Примітка. Якщо ви вже на тарифі Live, у його картці буде неактивна кнопка Current plan, а під безкоштовним — Downgrade.

1. На сторінці оплати введіть дані картки: номер, термін дії та код CVC.
2. За потреби вкажіть ім'я власника картки й адресу — набір полів залежить від банку і країни.
3. Натисніть кнопку підтвердження платежу.
4. Якщо банк вимагає підтвердження (3-D Secure), підтвердьте оплату в застосунку банку або кодом із SMS.

Увага. Не закривайте вкладку під час оплати і дочекайтеся, поки сервіс поверне вас назад. Якщо закрити сторінку на етапі підтвердження, платіж може пройти, а тариф не активуватися одразу — тоді доведеться писати в підтримку.

Після успішного платежу відкривається сторінка підтвердження. На ній сервіс повідомляє, що Stripe підтвердив оплату, тариф Live активується, а картка збережена для наступних платежів. Квитанція надходить на пошту.

На цій сторінці дві кнопки: Створити сайт — одразу перейти до роботи, і Переглянути підписку — відкрити розділ My Subscription і переконатися, що тариф активний.

1. Відкрийте My Subscription і перевірте, що біля тарифу стоїть статус Active.
2. Перевірте дату Next billing — це день наступного автоматичного списання.
3. Загляньте в Balance: ліміт кредитів має оновитися відповідно до тарифу.

Порада. Збережіть квитанцію з пошти. Якщо колись виникне питання щодо платежу, підтримка попросить саме її: там є час операції та сума.

Дату наступного списання видно на екрані підписки, а на екрані Balance та сама дата підписана як Period ends, поруч із позначкою Auto-renew is on.

Щоб зупинити автопродовження, скористайтеся кнопкою Cancel Subscription — порядок описано в розділі 3.4. Тариф діятиме до кінця вже оплаченого періоду.

Сильний запит відповідає на шість запитань. Не обов'язково всі — але що більше, то краще.

Порада. Якщо не знаєте, які секції потрібні — не вигадуйте. Напишіть «Підбери структуру, яка найкраще підходить для цієї сфери» і подивіться, що запропонує сервіс. Правити готове завжди простіше, ніж починати з нуля.

Три пари прикладів. Ліворуч — те, що зазвичай пишуть спочатку; праворуч — те, що дає результат.

Приклад 1. Кав'ярня

Слабкий запит:

Зроби сайт для кав'ярні

Що не так: сервіс не знає ні міста, ні атмосфери закладу, ні того, що для вас важливо. Він вигадає все сам — і, найімовірніше, не вгадає.

Сильний запит:

Створи сайт для міської кав'ярні «Ранок» у центрі Львова.

Аудиторія: студенти і фрилансери, які приходять працювати з ноутбуком.
Атмосфера: затишна, тепла, без пафосу.
Кольори: молочно-білий, теракотовий, темно-коричневий. Шрифт — м'який, без гострих кутів.

Секції:

• Головний екран із великим фото інтер'єру і кнопкою «Подивитися меню»
• Про нас: коротка історія закладу, 2-3 абзаци
• Меню: кава, десерти, сніданки — з цінами
• Галерея на 6 фотографій
• Години роботи і адреса з картою
• Контакти: телефон, Instagram

Сайт має бути українською мовою і добре виглядати на телефоні.

Приклад 2. Приватний спеціаліст

Слабкий запит:

сайт психолога, гарний

Що не так: «гарний» — не опис. Немає ні напряму роботи, ні того, що має зробити відвідувач.

Сильний запит:

Створи сайт-візитку для приватного психолога.

Спеціалізація: тривожність, вигорання, робота з дорослими. Формат — онлайн-консультації.
Аудиторія: люди 28-45 років, які звертаються до психолога вперше і трохи побоюються цього кроку.
Тон текстів: спокійний, теплий, без медичних термінів і без обіцянок швидкого результату.
Кольори: пастельні — світло-блакитний, пісочний, багато вільного простору.

Секції:

• Головний екран: ім'я, спеціалізація, кнопка «Записатися на консультацію»
• Про мене: освіта, досвід, підхід до роботи
• З чим працюю: 6 карток із запитами клієнтів
• Як проходить консультація: 3 кроки
• Вартість і тривалість сесії
• Форма запису: ім'я, телефон, зручний час

Приклад 3. Інтернет-магазин

Слабкий запит:

магазин одягу з кошиком і оплатою

Що не так: не вказано ні асортименту, ні стилю, ні кількості товарів. До того ж складна логіка оплати може виходити за межі можливостей сервісу — краще спершу описати вітрину.

Сильний запит:

Створи сайт-вітрину для бренду жіночого одягу «Lita».

Товар: базові речі з льону та бавовни, мінімалістичний крій.
Аудиторія: жінки 25-40 років, які цінують натуральні тканини.
Стиль: чистий мінімалізм, багато повітря, великі фотографії, майже без декору.
Кольори: білий, пісочний, чорний акцент.

Секції:

• Головний екран із фотографією і кнопкою «Дивитися каталог»
• Каталог: сітка на 9 товарів, у кожного фото, назва, ціна
• Про бренд: 2 абзаци про тканини і виробництво
• Доставка і оплата: коротко, списком
• Форма зворотного зв'язку
• Підвал із посиланнями на Instagram і Telegram

Заготовки, у яких достатньо замінити виділені дані на свої.

Лендінг послуги

Створи односторінковий лендінг для [послуга] у [місто].
Головна мета сторінки — щоб відвідувач залишив заявку.
Стиль: [сучасний / класичний / технологічний]. Кольори: [колір 1] і [колір 2].

Секції: перший екран із заголовком і кнопкою заявки; проблема клієнта;
як ми її вирішуємо (3 пункти); етапи роботи; ціни; відгуки; часті питання;
форма заявки з полями «Ім'я» і «Телефон».

Сайт компанії

Створи корпоративний сайт для компанії [назва], яка займається [сфера] з [рік] року.
Аудиторія: [опис клієнтів]. Тон: діловий, стриманий, без гучних обіцянок.
Кольори бренду: [кольори].

Секції: головна; про компанію; напрямки діяльності (4 картки); наші проєкти;
клієнти і партнери; вакансії; контакти з формою і картою.

Портфоліо

Створи портфоліо для [фотографа / дизайнера / ілюстратора].
Головне на сайті — роботи, тексту має бути мінімум.
Стиль: темний фон, великі зображення на всю ширину, стриманий шрифт.

Секції: обкладинка з іменем і напрямом роботи; галерея на 12 робіт;
коротке «про мене» на один абзац; послуги і орієнтовні ціни; контакти.

Блог

Створи особистий блог про [тема].
Стиль: спокійний, читабельний, з великим шрифтом основного тексту.

Секції: головна зі списком останніх статей; сторінка окремої статті;
рубрики; про автора; форма підписки на розсилку.

Сайт події

Створи сайт події «[назва]» ([конференція / фестиваль / вебінар]),
яка відбудеться [дата] у [місто].
Стиль: яскравий, енергійний. Кольори: [кольори].

Секції: перший екран із датою, місцем і кнопкою реєстрації; про подію;
програма по годинах; спікери (6 карток із фото); квитки з кількома тарифами;
локація з картою; часті питання; форма реєстрації.

Сайт стартапу або застосунку

Створи сайт для мобільного застосунку [назва], який допомагає [що робить].
Аудиторія: [опис]. Стиль: сучасний, технологічний, з м'якими градієнтами.

Секції: перший екран із зображенням застосунку і кнопками завантаження;
три ключові можливості; як це працює (3 кроки); тарифи; відгуки користувачів;
часті питання; заклик завантажити застосунок.

Після створення сайту всі зміни вносяться так само — текстом у чат проєкту. Формулюйте одну правку за раз: так результат передбачуваніший і менше ризику зіпсувати те, що вже подобається.

Дизайн і кольори

Зміни кольорову схему на темно-синю з білим.
Зроби заголовки більшими, а відступи між секціями — просторішими.
Заміни шрифт на більш класичний, із засічками.
Зроби кнопки заокругленими і додай легку тінь.
Прибери градієнти, залиш однотонні фони.

Структура сайту

Додай секцію з відгуками клієнтів після блоку послуг.
Перенеси блок цін вище, одразу під головний екран.
Прибери секцію «Наша команда».
Додай меню навігації, яке залишається вгорі при прокручуванні.
Додай підвал із контактами і посиланнями на соцмережі.

Тексти

Зроби всі тексти коротшими приблизно вдвічі, залиш тільки суть.
Перепиши головний заголовок так, щоб він одразу пояснював, чим ми займаємося.
Зміни тон текстів на дружній, звертайся до відвідувача на «ти».
Переклади весь сайт англійською, зберігши структуру і оформлення.
Заміни текст у секції «Про нас» на цей: [ваш текст].

Зображення

Заміни головне зображення на фотографію сучасного світлого офісу.
Додай галерею на 6 фотографій у секції «Наші роботи».
Зроби фонове зображення темнішим, щоб білий текст на ньому читався.
Використай прикріплений логотип у шапці та в підвалі сайту.

Форми і кнопки

Додай форму зворотного зв'язку з полями «Ім'я», «Телефон» і «Коментар».
Зроби кнопку «Замовити» помітнішою і продублюй її внизу сторінки.
Додай кнопку зв'язку через Telegram і WhatsApp.
Зміни текст на кнопці з «Надіслати» на «Отримати консультацію».

Мобільна версія

Перевір, як сайт виглядає на телефоні, і виправ те, що з'їхало.
Зменш розмір заголовків на мобільних — вони не поміщаються в один рядок.
Зроби меню на телефоні у вигляді кнопки-гамбургера.

SEO і технічні деталі

Додай заголовок і опис сторінки для пошукових систем.
Ключові слова: [список].
Додай зображення для попереднього перегляду при поширенні посилання в соцмережах.

Якщо щось пішло не так

Поверни попередній варіант секції з цінами — новий подобається менше.
Ти змінив кольори по всьому сайту, а треба було тільки в шапці. Виправ.
Секція «Відгуки» зникла після останньої правки — поверни її на місце.

Порада. Якщо результат правки не сподобався, не описуйте бажане заново з нуля — попросіть повернути попередній варіант конкретної секції. Так ви збережете все інше, що вже влаштовує.

• Витратьте більше часу на перший запит. Один докладний опис коштує дешевше, ніж десять дрібних правок після короткого.
• Не створюйте новий проєкт заради зміни в наявному — правки в чаті дешевші за генерацію з нуля.
• Об'єднуйте споріднені правки: «зміни кольори на сині і збільш заголовки» — це один запит замість двох.
• Перед запитом визначтеся зі списком секцій. Найбільше кредитів витрачається на перебудову структури туди-сюди.
• Прикріплюйте готові тексти і фото замість того, щоб просити сервіс вигадати їх, а потім переписувати.

Згенерований сайт може містити контактну форму, через яку відвідувачі надсилають запитання, заявки або свої контактні дані.

З міркувань безпеки надсилання електронних листів безпосередньо із сайтів, створених у Fotbo AI, недоступне. Після заповнення контактної форми повідомлення не надходить на електронну пошту власника сайту.

Усі повідомлення, надіслані через контактну форму, зберігаються в адмінпанелі відповідного сайту. Щоб переглянути звернення від відвідувачів, відкрийте адмінпанель сайту та перейдіть до розділу з повідомленнями. Щоб увійти в адмінпанель, запитайте в чаті генерації посилання на адмінпанель, логін і пароль.

Порада. Регулярно перевіряйте повідомлення в адмінпанелі, щоб не пропустити нові заявки. Повідомлення на електронну пошту не дублюються.