Anton | настройка cart
This commit is contained in:
ab.an.ev@yandex.ru
289
promt.md
289
promt.md
@@ -1,258 +1,205 @@
|
||||
Создай детальную структуру, UX, тексты и технические требования для страницы **«Корзина и Оформление заказа»** на сайте доставки воды в Севастополе, реализованном на WordPress с использованием WooCommerce.
|
||||
Проанализируй текущую страницу корзины интернет-магазина доставки воды в Севастополе (WordPress + WooCommerce) и предложи полный редизайн с упором на увеличение конверсии.
|
||||
|
||||
Цель: максимальная конверсия оформления заказа + SEO-оптимизация под локальные запросы.
|
||||
Текущая проблема: страница выглядит аккуратно, но перегружена, слабо мотивирует к оформлению заказа и не создает ощущения срочности и простоты.
|
||||
|
||||
Цель: сделать корзину максимально простой, быстрой и продающей.
|
||||
|
||||
---
|
||||
|
||||
# 1. Техническая база (ВАЖНО)
|
||||
# 1. Основные задачи редизайна
|
||||
|
||||
Учитывать:
|
||||
|
||||
* CMS: WordPress
|
||||
|
||||
* E-commerce: WooCommerce
|
||||
|
||||
* Использовать стандартные хуки WooCommerce:
|
||||
|
||||
* woocommerce_before_cart
|
||||
* woocommerce_after_cart
|
||||
* woocommerce_checkout_fields
|
||||
* woocommerce_review_order_before_submit
|
||||
|
||||
* Поддержка:
|
||||
|
||||
* AJAX обновления корзины
|
||||
* Кастомизация checkout (через functions.php или плагин типа Checkout Field Editor)
|
||||
* Упростить интерфейс (убрать перегруз)
|
||||
* Ускорить принятие решения
|
||||
* Усилить CTA (кнопки)
|
||||
* Добавить триггеры срочности и выгоды
|
||||
* Увеличить средний чек (upsell)
|
||||
* Сохранить SEO-ценность страницы
|
||||
|
||||
---
|
||||
|
||||
# 2. UX-структура страницы
|
||||
# 2. UX-переработка (КРИТИЧНО)
|
||||
|
||||
## 2.1. Корзина (Cart)
|
||||
## 2.1. Левый блок (полностью пересобрать)
|
||||
|
||||
Отобразить:
|
||||
Текущее состояние:
|
||||
|
||||
* Список товаров:
|
||||
* перегружен текстом и карточками
|
||||
|
||||
* Название (например: «Вода 19л артезианская»)
|
||||
* Миниатюра
|
||||
* Цена
|
||||
* Количество (input + кнопки +/-)
|
||||
* Подсчет суммы
|
||||
* Удаление товара (AJAX без перезагрузки)
|
||||
Задача:
|
||||
сделать компактный продающий блок:
|
||||
|
||||
Дополнительно:
|
||||
Структура:
|
||||
|
||||
* Кросс-селл (WooCommerce related products):
|
||||
* H1:
|
||||
«Корзина — доставка воды в Севастополе»
|
||||
|
||||
* помпы
|
||||
* стаканы
|
||||
* кулеры
|
||||
* Подзаголовок:
|
||||
«Доставим за 2–4 часа на дом или в офис»
|
||||
|
||||
* Сообщения:
|
||||
* 2–3 преимущества:
|
||||
|
||||
* «Добавьте еще 1 бутыль — доставка бесплатно»
|
||||
* Минимальный заказ (если есть)
|
||||
|
||||
---
|
||||
|
||||
## 2.2. Sticky блок «Итого»
|
||||
|
||||
* Подсчет:
|
||||
|
||||
* Сумма заказа
|
||||
* Доставка (динамически через shipping zones WooCommerce)
|
||||
* Залог за тару (как отдельная позиция fee)
|
||||
|
||||
* УТП:
|
||||
|
||||
* Доставка воды по Севастополю за 2–4 часа
|
||||
* Бесплатная доставка от X руб
|
||||
* Работаем ежедневно
|
||||
* Чистая сертифицированная вода
|
||||
* Чистая питьевая вода
|
||||
|
||||
* 1 CTA:
|
||||
«Оформить заказ за 30 секунд»
|
||||
|
||||
---
|
||||
|
||||
## 2.3. Checkout (Оформление заказа)
|
||||
## 2.2. Убрать лишнее
|
||||
|
||||
Оптимизировать стандартный WooCommerce checkout:
|
||||
Удалить:
|
||||
|
||||
### Поля:
|
||||
* дублирующие тексты
|
||||
* длинные объяснения
|
||||
* второстепенные карточки
|
||||
|
||||
* Имя (billing_first_name)
|
||||
* Телефон (billing_phone) — обязательное
|
||||
* Адрес (кастомизированный):
|
||||
|
||||
* Город (по умолчанию Севастополь)
|
||||
* Улица
|
||||
* Дом
|
||||
* Квартира
|
||||
* Подъезд / этаж
|
||||
* Комментарий
|
||||
|
||||
Удалить лишние поля:
|
||||
|
||||
* company
|
||||
* postcode (если не нужен)
|
||||
Принцип:
|
||||
👉 1 экран = 1 действие
|
||||
|
||||
---
|
||||
|
||||
### Доставка:
|
||||
## 2.3. Правый блок (усилить)
|
||||
|
||||
* Использовать WooCommerce Shipping Zones:
|
||||
Оставить:
|
||||
|
||||
* Севастополь — фикс или бесплатно от суммы
|
||||
* Выбор:
|
||||
* список товаров
|
||||
* количество
|
||||
* итог
|
||||
|
||||
* «Сегодня»
|
||||
* «Завтра»
|
||||
* Интервалы времени
|
||||
Добавить:
|
||||
|
||||
(реализовать через кастомные checkout поля)
|
||||
* блок «Добавьте еще»:
|
||||
|
||||
* «Добавьте 1 бутыль — доставка бесплатно»
|
||||
* «Чаще всего берут: помпа»
|
||||
|
||||
---
|
||||
|
||||
### Оплата:
|
||||
## 2.4. Sticky итог
|
||||
|
||||
* Наличными
|
||||
* Картой курьеру
|
||||
* Онлайн (WooCommerce payment gateway)
|
||||
Сделать фиксированный блок:
|
||||
|
||||
* сумма
|
||||
* доставка
|
||||
* кнопка
|
||||
|
||||
---
|
||||
|
||||
## 2.4. CTA
|
||||
# 3. Усиление CTA
|
||||
|
||||
* Кнопка: «Оформить заказ»
|
||||
* Добавить urgency:
|
||||
Заменить все кнопки:
|
||||
|
||||
* «Доставим сегодня при заказе до 18:00»
|
||||
❌ «Перейти к оформлению заказа»
|
||||
✔ «Оформить заказ за 30 секунд»
|
||||
✔ «Получить воду сегодня»
|
||||
|
||||
Добавить:
|
||||
|
||||
* микро-текст под кнопкой:
|
||||
«Без регистрации»
|
||||
|
||||
---
|
||||
|
||||
# 3. Логика и функции
|
||||
# 4. Триггеры конверсии
|
||||
|
||||
## 3.1. Кастомная логика:
|
||||
Добавить:
|
||||
|
||||
* Добавить fee:
|
||||
## 4.1. Срочность
|
||||
|
||||
* залог за бутыль (если нет обмена)
|
||||
* Условие:
|
||||
* «Доставим сегодня при заказе до 18:00»
|
||||
* «Осталось 5 слотов на сегодня»
|
||||
|
||||
* бесплатная доставка от X руб
|
||||
* Сохранение корзины (cookies / localStorage)
|
||||
## 4.2. Социальное доказательство
|
||||
|
||||
* «Более 1000 клиентов в Севастополе»
|
||||
|
||||
## 4.3. Гарантия
|
||||
|
||||
* «Если не понравится — вернем деньги»
|
||||
|
||||
---
|
||||
|
||||
## 3.2. Upsell механики:
|
||||
# 5. Upsell (увеличение чека)
|
||||
|
||||
* Перед checkout:
|
||||
Добавить блок:
|
||||
|
||||
* «Добавьте помпу — удобно наливать воду»
|
||||
* После добавления товара:
|
||||
«Рекомендуем добавить»
|
||||
|
||||
* popup / notice
|
||||
* Помпа
|
||||
* Стаканы
|
||||
* Малые бутылки
|
||||
|
||||
С текстом:
|
||||
«Чаще всего заказывают вместе»
|
||||
|
||||
---
|
||||
|
||||
## 3.3. Повтор заказа:
|
||||
# 6. Быстрый заказ (КРИТИЧНО)
|
||||
|
||||
* Если пользователь авторизован:
|
||||
Добавить:
|
||||
|
||||
* кнопка «Повторить прошлый заказ»
|
||||
* поле «Телефон»
|
||||
* кнопка «Заказать в 1 клик»
|
||||
|
||||
Интеграция:
|
||||
|
||||
* WooCommerce / кастомный AJAX
|
||||
|
||||
---
|
||||
|
||||
# 4. SEO-оптимизация
|
||||
# 7. SEO-оптимизация
|
||||
|
||||
## 4.1. Meta (через Yoast SEO или RankMath)
|
||||
## 7.1. H1
|
||||
|
||||
Сгенерировать:
|
||||
* «Корзина доставки воды в Севастополе»
|
||||
|
||||
* Title:
|
||||
## 7.2. Текст (короткий, 500–800 символов)
|
||||
|
||||
* «Оформить заказ воды в Севастополе — доставка 19л на дом»
|
||||
* Description:
|
||||
|
||||
* «Быстрая доставка питьевой воды по Севастополю. Закажите воду 19 литров с доставкой на дом или в офис. Удобная оплата.»
|
||||
|
||||
---
|
||||
|
||||
## 4.2. SEO-текст (внизу страницы)
|
||||
|
||||
Написать 1200–1500 символов:
|
||||
Добавить внизу:
|
||||
|
||||
Ключи:
|
||||
|
||||
* доставка воды Севастополь
|
||||
* заказать воду 19 литров
|
||||
* вода на дом Севастополь
|
||||
* доставка питьевой воды
|
||||
|
||||
LSI:
|
||||
|
||||
* Гагаринский район
|
||||
* Ленинский район
|
||||
* Нахимовский район
|
||||
|
||||
Требования:
|
||||
|
||||
* естественный текст
|
||||
* без переспама
|
||||
* с акцентом на удобство заказа
|
||||
* вода на дом
|
||||
|
||||
---
|
||||
|
||||
## 4.3. Schema.org
|
||||
# 8. Мобильная версия
|
||||
|
||||
Добавить:
|
||||
Сделать:
|
||||
|
||||
* LocalBusiness
|
||||
* Product
|
||||
* Offer
|
||||
* AggregateRating
|
||||
* CTA на первом экране
|
||||
* Sticky кнопка
|
||||
* Убрать лишний текст
|
||||
|
||||
---
|
||||
|
||||
# 5. UX и конверсия
|
||||
# 9. WooCommerce реализация
|
||||
|
||||
Добавить:
|
||||
Учитывать:
|
||||
|
||||
* Валидация формы (JS)
|
||||
* Маска телефона
|
||||
* Автозаполнение адреса (Dadata или аналог)
|
||||
* Индикатор прогресса:
|
||||
* hooks:
|
||||
|
||||
* Корзина → Оформление → Готово
|
||||
* woocommerce_cart_totals_before_order_total
|
||||
* woocommerce_after_cart_table
|
||||
|
||||
* кастомизация:
|
||||
|
||||
* functions.php
|
||||
* AJAX обновление
|
||||
|
||||
---
|
||||
|
||||
# 6. Сценарии ошибок
|
||||
|
||||
Продумать:
|
||||
|
||||
* Пустая корзина:
|
||||
|
||||
* CTA «Перейти в каталог»
|
||||
* Ошибка оплаты
|
||||
* Нет доставки в выбранное время
|
||||
* Неверный телефон
|
||||
|
||||
---
|
||||
|
||||
# 7. Мобильная версия (КРИТИЧНО)
|
||||
|
||||
* Sticky итог
|
||||
* Большие кнопки
|
||||
* Минимум полей
|
||||
* Autofill
|
||||
|
||||
---
|
||||
|
||||
# 8. Результат
|
||||
# 10. Результат
|
||||
|
||||
На выходе предоставить:
|
||||
|
||||
1. Полную структуру страницы
|
||||
2. Готовые тексты UI
|
||||
3. SEO (meta + текст)
|
||||
4. PHP/JS рекомендации для WooCommerce
|
||||
5. UX-решения для повышения конверсии
|
||||
1. Новый UX-скелет страницы
|
||||
2. Готовые тексты (все блоки)
|
||||
3. Новый CTA
|
||||
4. Upsell блок
|
||||
5. SEO текст
|
||||
6. Рекомендации по внедрению в WooCommerce
|
||||
|
||||
Reference in New Issue
Block a user