Сайт, который продаёт
21 subscribers
196 photos
38 videos
2 files
331 links
Канал для владельцев интернет-магазинов. Разбираем сайты, показываем ошибки и даём простые шаги для увеличения продаж.
Download Telegram
Как цвет кнопки влияет на конверсию?
💡 Психология цвета

🔎 Оценка с помощью А/Б‑тестов

Выберите 2–3 цвета, удерживая одинаковый текст и размер кнопки.

Подключите Google Analytics 4 + Metorik для расчета conversion rate (CR).

Проводите тест минимум 1 000 уникальных визитов на каждый вариант (статистически надёжно при 95 % дов.); фиксируйте CR и время до клика.

💡 Практические рекомендации
Контраст – #fff на #1A73E8 (синий) даёт клик‑рейти 1,3‑2,1 × выше, чем текст без фона.

Размер – минимум 44 px (мобильные) и 16 pt шрифт; плохой размер → падение CR 7 % в мобильных.

Тёмный/светлый режим – используйте CSS‑переменные: --btn-bg: var(--color-primary, #FF6200); для быстрых изменений.

Тестируйте — «нечистый» красный может вызывать “стеснительность” у пользователей старшего поколения; для них лучше «зеленый» или «голубой».

Копируйте: 1‑ступенчатый A/B‑тест → Сокра. Цел. → Масштаб.

⚡️ Финальный совет: Начните с красного (тест A) и зеленого (тест B), измерьте. Если «red» показывает +4 % CR vs «green» в +2 % — держите «red», но только после проверки контраста и мобильного виджета.

Сделайте кнопку яркой, а данные — ещё ярче! 🚀

#ликбез@computy #WooCommerce #Оптимизация #A_B_Test #ЦветКнопки #Конверсия
👍1