Документация для пользователя

• Выполняйте пронумерованные шаги по порядку — каждый из них описывает одно действие.
• Названия кнопок, полей и разделов выделены жирным — именно так они подписаны в интерфейсе.
• Блок «Совет» — необязательный, но сделает работу удобнее.
• Блок «Внимание» — место, где чаще всего возникают трудности.

Несколько слов, которые будут встречаться дальше. Возвращайтесь сюда, если что-то будет непонятно.

Регистрация — это первое создание учётной записи. Выполняется один раз.

Откройте сайт 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, недоступна. После заполнения контактной формы сообщение не поступает на электронную почту владельца сайта.

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

Совет. Регулярно проверяйте сообщения в админпанели, чтобы не пропустить новые заявки. Сообщения не дублируются на электронную почту.