Сайт книжного магазина без кода: каталог и приём оплаты
Сайт книжного магазина без кода собирается описанием. Вы перечисляете разделы каталога, поля карточки книги, условия доставки и способ оплаты, а ИИ-билдер генерирует страницы. В Zugo такой сайт считается многостраничной сборкой и занимает несколько минут. Публикация в один клик на адрес вида магазин.zugo.run.
Книжный магазин плохо продаётся широким ассортиментом: с ним не выиграть у маркетплейсов. Продаётся отбор, рекомендации живого человека и повод прийти в магазин. Сайт должен показывать именно это, а не пытаться быть каталогом на сорок тысяч позиций.
Что нужно на сайте книжного магазина?
Пять блоков закрывают почти все задачи.
Подборки вместо полного каталога. «Новинки месяца», «выбор продавца», «нон-фикшн про города», «детские до шести лет». Тридцать книг с объяснением, почему они здесь, работают лучше трёх тысяч без объяснения.
Внятная карточка книги. Обложка, автор, издательство, год, количество страниц, переплёт, ISBN, цена, наличие. ISBN нужен: по нему человек проверяет, то ли это издание.
Наличие честно. «В наличии», «под заказ, 5 дней», «нет». Заказ книги, которой нет, стоит вам возврата и репутации.
События. Встречи с авторами, книжные клубы, лекции. Для независимого магазина это половина трафика и главный повод подписаться.
Условия доставки и самовывоза. Цена доставки, сроки, адрес и часы работы. Скрытая стоимость доставки это главная причина брошенных корзин.
Отдельно про фотографии. Обложки лучше брать одинакового размера и на одинаковом фоне: разнобой превращает аккуратную сетку в свалку. Билдер держит формат сам, если вы задали его в промпте.
Какой промпт даёт рабочий каталог?
Промпт для магазина отличается тем, что нужно описать повторяющуюся карточку, а не только внешний вид главной. Иначе каждая книга будет оформлена по-своему.
Собери сайт книжного магазина [название] в [город].
Страницы:
1. Главная: hero с адресом и часами, 3 подборки по 6 книг,
ближайшее событие, форма подписки.
2. Каталог: сетка книг с фильтром по разделам
[перечислите 4-6 разделов] и поиском по автору и названию.
3. Карточка книги: обложка, автор, издательство, год,
страницы, переплёт, ISBN, цена, наличие, аннотация,
кнопка «В корзину» и блок «похожие книги».
4. События: список встреч с датой, описанием и записью.
5. О магазине: чем отличаетесь, адрес, карта, часы.
6. Доставка и оплата: цены, сроки, самовывоз.
Тон спокойный, светлая тема, шрифт для чтения, крупные обложки.
Язык русский.
Строка про наличие важнее большинства остальных. Она определяет, что человек увидит вместо кнопки «В корзину», когда книги нет, и именно эту ситуацию билдер по умолчанию не продумывает. Опишите оба состояния явно.
В Zugo есть 25 готовых шаблонов, пять из них игровые. Шаблон магазина уже даёт структуру «сетка товаров плюс карточка», и переписать его текстом быстрее, чем описывать раскладку с нуля. Общий разбор такой сборки есть в гайде интернет-магазин нейросетью.
Какие шаги от промпта до публикации?
Пять шагов, у каждого своя проверка. Магазин особенно легко опубликовать в состоянии, когда витрина выглядит хорошо, а оформить заказ невозможно.
| Шаг | Что делаете | Что проверить перед следующим шагом |
|---|---|---|
| 1. Описать | Промпт выше со своими разделами и подборками | Описана ли карточка книги и оба состояния наличия |
| 2. Собрать | Ждёте сборку, для магазина это несколько минут | Проект запускается в песочнице, и падение отдаётся как отчёт об ошибке, а не как пустая страница |
| 3. Посмотреть | Открываете каталог и три случайные карточки | Видны ли цена, наличие и стоимость доставки |
| 4. Править | Просите изменения чатом, по одной за раз | Не сломался ли шаблон карточки у остальных книг |
| 5. Опубликовать | Один клик, живой адрес | Пройти покупку самому с телефона от каталога до оплаты |
Последний пункт обязателен целиком, а не наполовину. Магазин, где кнопка «В корзину» есть, а оформление заказа обрывается на середине, теряет не только деньги, но и доверие: человек не вернётся проверять, починили ли вы это.
Как принимать оплату за книги?
Три варианта, и выбор зависит от объёма, а не от амбиций.
Заявка и счёт вручную. Форма «оформить заказ», вы отвечаете и присылаете реквизиты. Собирается за одну сборку, работает надёжно, требует человека. Для магазина с десятком заказов в неделю этого достаточно.
Приём карт на сайте. Коннектор Stripe принимает платежи и подписки. Разумно, когда заказов регулярно больше двадцати в месяц и переписка начинает съедать день. Порядок подключения разобран в статье про оплату через Stripe.
Самовывоз с оплатой в магазине. Недооценённый вариант для независимого книжного: человек бронирует книгу на сайте, забирает и платит на месте, а вы заодно получаете живого посетителя, который часто уходит с двумя книгами вместо одной.
Что бы вы ни выбрали, укажите стоимость доставки на карточке, а не на последнем шаге. Разница в количестве завершённых заказов обычно заметнее, чем эффект от любых изменений дизайна.
Как вести каталог, если книг сотни?
Здесь начинается честный разговор о границе. Каждая книга, добавленная правкой в чате, стоит кредитов и вашего времени. Три сценария.
До полусотни позиций. Правки в чате работают нормально. Держите единый формат карточки, тогда добавление превращается в копию образца.
От полусотни до нескольких сотен. Каталог стоит перенести в базу через коннектор Supabase, а сайт превратить в витрину, которая её читает. Добавление книги становится строкой в таблице, а не пересборкой страницы.
Тысячи позиций с ежедневным обновлением остатков. Это уже не сайт, а товароучётная система с витриной. Разумнее подключить готовую платформу для магазинов и не воспроизводить её логику вручную.
Промежуточное решение, которое часто выигрывает у всех трёх: держать на сайте только отобранные подборки, а полный ассортимент показывать в магазине. Это честно отражает то, чем независимый книжный ценен.
Зачем книжному раздел событий?
Для независимого магазина события часто приносят больше, чем витрина. Встреча с автором, книжный клуб или лекция дают три вещи сразу: повод прийти в магазин, причину подписаться на рассылку и материал для соцсетей.
Карточка события с записью. Дата, время, кто ведёт, есть ли ограничение по местам, нужна ли регистрация. Регистрация полезна даже на бесплатных встречах: вы понимаете, сколько ставить стульев, и получаете контакты.
Архив прошедших встреч. Не удаляйте их. Список из тридцати проведённых событий убеждает нового посетителя, что магазин живой, лучше любого текста о миссии.
Связь события с книгами. На странице встречи с автором показывайте его книги с кнопкой брони. Это самая естественная продажа из всех возможных: человек уже пришёл ради этого автора.
Напоминание за день. Если вы собираете email при регистрации, одно письмо накануне заметно повышает явку. Отправлять его можно вручную, пока событий немного.
Технически раздел событий это ещё одна страница со списком и шаблоном карточки, то есть та же логика, что у каталога. Добавление встречи это одна правка чатом, и держать её в едином формате так же важно, как и карточки книг.
Сколько стоит собрать и держать сайт?
Бесплатный тариф даёт 5 стартовых кредитов, этого хватает, чтобы увидеть первую версию до любых трат. Pro стоит $25 в месяц и включает 200 кредитов, то есть 33 быстрых сборки или 16 полных платформ, плюс подключение своего домена. Для сети магазинов есть Business за $99 в месяц.
Магазин считается платформой: 12 кредитов за первые три страницы и по 3 за каждую следующую. Главная, каталог, карточка книги, события, о магазине и доставка выходят в 21 кредит. Правка стоит 3 кредита, обычная сборка одной страницы 6 кредитов. Режим Hi-Fi удваивает обе цифры и оправдан на каталоге, потому что его и рассматривают.
Обновление подборки это одна правка чатом: «замени подборку месяца на такие шесть книг». Раз в месяц это заметно дешевле, чем содержание отдельного магазинного движка.
Опубликованный сайт сразу получает адрес вида магазин.zugo.run. Свой домен подключается позже без пересборки, а экспорт в GitHub отдаёт исходники обычным репозиторием, если магазин перерастёт билдер.
Где ИИ-билдер упирается в потолок?
Три границы, о которых честнее сказать заранее.
Складской учёт и синхронизация с кассой. Остатки в реальном времени, резервирование, возвраты и фискальные документы это отдельный продукт. Zugo не заменяет команду разработки на такой задаче.
Расчёт доставки по весу и адресу. Тарифы перевозчиков, зоны, габариты и трекинг требуют интеграции с логистикой. Через правки доводится частично, поэтому проще указать фиксированную цену по стране.
Юридические тексты. Оферта, условия возврата и обработка персональных данных различаются по странам. Генератор пишет правдоподобные формулировки, а не проверенные, так что эти страницы берите у своего юриста.
Для обычного случая, когда книжному нужен опрятный сайт с подборками, событиями и работающим оформлением заказа, задача решается за вечер. Если магазин будет частью большого сайта с блогом, посмотрите разбор многостраничного сайта нейросетью. Начать можно с одного промпта на zugo.dev.