newUX: new User Experience

Превью ссылок для интернет-магазина

admin 2 мин чтения

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

Зачем магазину

Клиент не любит кликать вслепую. Если при наведении на ссылку он видит карточку с названием, описанием и фото, он охотнее переходит. Больше переходов внутри магазина означает больше просмотренных товаров и выше шанс покупки. Подробнее о механике в статье "Превью ссылок: как удержать клиента".

Сценарии в каталоге

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

Карточка товара

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

Сопутствующие товары

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

Как настроить

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

Что проверить после подключения

  • наведите курсор на товар в каталоге: появляется карточка с фото и названием;
  • проверьте ссылки на похожие товары внутри карточки;
  • убедитесь, что превью не мешает навигации в меню;
  • посмотрите на глубину просмотра: переходов внутри магазина должно стать больше.

Итог

В магазине превью ссылок работает как подсказка на каждом шаге выбора. Подключите его и посмотрите, как меняется глубина просмотра. Если ещё не настроили скрипт, начните с инструкции "Как подключить скрипт newUX".

← Все статьи