Сайт цветочного магазина: каталог и заказ с доставкой

В цветочном магазине телефон звонит весь день. «А есть что-нибудь в розовом?», «А до скольки доставка?», «А можно, чтобы курьер не звонил получателю заранее?». Флорист в это время держит в руках недособранный букет, а на стойке ещё два заказа ждут упаковки.

Большую часть этих звонков можно убрать на сайт. Покупатель видит букеты с ценой, выбирает, указывает адрес, время и получателя, оплачивает. Тебе приходит заказ, где уже всё есть. В уроке разберём, как устроить каталог, карточку букета и форму заказа, и как нейросеть поможет с текстами и правилами доставки.

Что получишь

• Каталог, по которому покупатель выбирает без вопросов
• Карточку букета: что видно, что написано, что честно сказано заранее
• Форму заказа с доставкой, после которой не нужно перезванивать
• Правила доставки простыми словами
• Шаблон сообщения о заказе для флориста и курьера

Что нужно до старта

• Фото своих букетов. Только своих, снятых у тебя в магазине. Чужие букеты из сети не берёшь: покупатель закажет то, что увидел, и будет прав, когда спросит, где это
• Список букетов с составом и ценой, хотя бы для начала
• Твои правила доставки: районы, время, как курьер связывается с получателем
• Нейросеть. Из России без VPN и по-русски работают Алиса AI от Яндекса и ГигаЧат от Сбера, вход через их официальные сайты или приложения. Условия смотри там на сегодня

Шаги

Шаг 1. Каталог: как покупатель ищет букет

Человек, который заказывает цветы, обычно знает одно из трёх: сколько готов потратить, какой хочет цвет или какого размера букет нужен. Под это и делаем разделы каталога.

У меня цветочный магазин в [город]. Делаю сайт с каталогом букетов и доставкой.

Вот мой ассортимент: [список букетов: название, состав, примерный размер, цена].

Помоги разложить каталог так, чтобы покупатель быстро нашёл своё:
1. Предложи 3-4 способа фильтра (по цене, цвету, размеру, виду цветов), которые подходят
   к моему ассортименту.
2. Разложи мои букеты по этим фильтрам.
3. Если какой-то букет не попадает ни в один раздел или фильтров получается слишком много,
   скажи.

Цены и состав не меняй и не дописывай.

Фильтров немного. Три-четыре нормально, а дальше покупатель путается.

Шаг 2. Карточка букета

Карточка букета на сайте отвечает за тебя на те вопросы, которые обычно задают по телефону.

Что в ней должно быть: - фото этого букета, своё, при дневном свете, лучше два: целиком и крупно - название - состав: какие цветы и сколько - размер: высота или диаметр, чтобы было с чем сравнить - цена - что входит: упаковка, записка, вода в колбе, если есть - честная строка, что состав может немного меняться от поставки

Последняя строка спасает от споров. Цветы приходят разные, и если какой-то сорт закончился, флорист ставит похожий. Покупатель должен знать это до оплаты.

Вот мои заметки по букету: [название, состав, размер, цена, что в упаковке].

Напиши текст карточки для сайта:
- одна строка описания, какой он по настроению, без слов «изысканный» и «роскошный»,
- состав списком,
- размер,
- что входит,
- строка про то, что при замене сорта мы сохраняем цвет и размер букета.

Ничего не добавляй сверх моих заметок. Если чего-то не хватает, спроси.

Фото и текст карточки ты потом сверяешь глазами. Если на фото семь роз, а в составе написано пять, жди звонка.

Шаг 3. Правила доставки простыми словами

Доставка рождает больше всего звонков. Значит, правила должны быть на сайте и на видном месте: в каждой карточке ссылкой и отдельным блоком.

Вот мои правила доставки как есть: [районы, время работы курьеров, как курьер
связывается с получателем, что если получателя нет дома, можно ли доставить
анонимно, присылаем ли фото букета перед отправкой, самовывоз].

Перепиши для сайта блоком «Доставка»: 6-8 коротких пунктов, понятно и спокойно.
Если в моих правилах есть дыра, например не сказано, что делать, если получателя
нет дома, напиши об этом мне отдельно.
Сроков и цен доставки не придумывай, бери только мои.

Подумай про фото перед отправкой: покупатель видит, что букет собран, и спокойно ждёт без звонка.

Шаг 4. Форма заказа

Форма заказа должна собрать всё, что нужно курьеру и флористу, и ничего лишнего. Каждое лишнее поле кто-нибудь бросит.

Обычный набор полей: - имя и телефон покупателя - имя и телефон получателя - адрес доставки, подъезд, этаж, домофон - дата и промежуток времени - текст записки, если нужна - можно ли звонить получателю заранее - комментарий для курьера

Помоги составить форму заказа для сайта цветочного магазина.

Вот как у нас работает доставка: [вставь блок из шага 3].

Сделай список полей: название поля, подсказка внутри поля, обязательное или нет.
Отметь поля, без которых курьер не сможет доставить.
Предложи, как спросить про анонимную доставку и про звонок получателю
так, чтобы человек понял с первого раза.

Поле «звонить ли получателю заранее» многие забывают, а это частый повод для недовольства: человек хотел сюрприз, а курьер позвонил получателю заранее.

Шаг 5. Оплата

Оплата на сайте подключается только через официальные платёжные сервисы и онлайн-кассы, которые работают по закону и отправляют покупателю чек. Какой сервис подходит под твою форму работы, смотри на официальных сайтах сервисов и уточняй у своего бухгалтера. Номер своей карты для переводов на сайте не публикуешь.

Если оплаты на сайте пока нет, напиши в форме, как оплатить, чтобы человек знал это до кнопки «оформить».

Шаг 6. Частые вопросы

Выпиши вопросы, которые чаще всего задают по телефону и в мессенджерах. За неделю их наберётся десяток.

Вот вопросы, которые нам чаще всего задают покупатели: [вставь как есть].

Сгруппируй и напиши ответы для блока «Частые вопросы» на сайте.
По 2-3 строки на ответ. Там, где ответ зависит от наших правил,
оставь пропуск [уточнить] и не придумывай.

Ответ про то, сколько простоит букет, пиши своими словами, по своему опыту и без обещаний в днях. Нейросеть легко пообещает за тебя срок, который ты не держишь.

Шаг 7. Сообщение о заказе для флориста и курьера

Когда заказ пришёл, его нужно передать флористу и курьеру в понятном виде. Пусть нейросеть сделает шаблон.

Сделай шаблон сообщения о новом заказе для нашего внутреннего чата.
Две части:
1. Для флориста: что собрать, состав, записка, к какому времени готово.
2. Для курьера: адрес, подъезд, этаж, получатель и его телефон, время, можно ли звонить
   заранее, анонимно или нет, комментарий.
Коротко, чтобы читалось с телефона на ходу.

Если заказ с сайта приходит тебе в Телеграм ботом, этот же шаблон можно сделать текстом, который бот присылает автоматически. Тогда ничего не надо копировать руками.

Шаг 8. Пробный заказ

Перед тем как дать ссылку людям, закажи сам у себя. Лучше попроси кого-то со стороны, с его телефона.

Проверь: - нашёл ли человек букет за минуту - понятна ли форма, не спотыкался ли он на каком-то поле - дошёл ли заказ до тебя и до флориста - правильно ли подставились адрес и время - понятно ли, как оплатить

Все места, где человек остановился и задумался, переписываешь.

Где обычно ломается

Чужие фото букетов. Покупатель заказал то, что увидел, получил другое, и дальше звонок и возврат. Только свои снимки.

Нет строки про замену цветов. Сорт закончился, флорист заменил, а покупатель думает, что его обманули. Одна строка в карточке снимает это заранее.

Не спросили про звонок получателю. Сюрприз испорчен, покупатель расстроен. Поле в форме обязательно.

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

Заказ теряется после формы. Форма отправилась, а куда, никто не знает. Проверь пробным заказом, что он доходит до тебя и флориста.

Мостик

Каталог, карточки и форму можно сделать по шагам выше самостоятельно.

А можно отдать нам под ключ. Делаем вдвоём с дочерью Анастасией: Анастасия рисует сайты в Figma и собирает их на Тильде с 2021 года, я веду заказ от первого сообщения до сдачи, тексты, бриф и связку с ботами. Работаем в переписке, без созвонов: рассказываешь задачу боту, можно голосовым, сумма и срок приходят в тот же чат.

На странице ии-вайбкодинг.рф/uslugi/ есть живое демо цветочного магазина со сборкой букета и доставкой: https://ии-вайбкодинг.рф/demo/cvety/ . Магазин вымышленный и цены для примера, но весь путь заказа можно пройти руками. Написать про свой сайт: https://t.me/ketrin_priyom_bot?start=sayt

Источники

1. https://ии-вайбкодинг.рф/uslugi/
2. https://t.me/ketrin_priyom_bot?start=sayt

Ещё уроки