Shoptimizer - быстрая тема WordPress для создания Интернет-магазина. Обзор на русском

Shoptimizer — легкая, быстрая премиум-тема WordPress для создания Интернет-магазина. Тема содержит в себе функции, которые помогут вам превратить ваших пользователей в клиентов. Скорость, дизайн и конверсия являются ключевыми факторами.

Оптимизируйте свой магазин WooCommerce для повышения скорости и конверсии с помощью Shoptimizer!

Главные особенности темы

Скорость

Исследования показали, что даже задержка в одну секунду снижает конверсию на 7%. Будущие обновления Shoptimizer будут нацелены на получение максимального количества баллов по версии PageSpeed Insights. Разработчики ставят высокие цели — сделать эту тему самой оптимизированной на рынке.

Я в своих тестах получил оценки: 74/96. И это без использования плагинов кеширования, а на борту был плагин Elementor в качестве визуального конструктора.

Минимизированный и критический CSS создается автоматически!

Shoptimizer включает параметры темы, связанные со скоростью, которые включают автоматическую минимизацию основного файла CSS для сверхбыстрой загрузки. Кроме того, он динамически создает таблицу стилей «критического CSS», так что она почти мгновенно загружает содержимое окна просмотра пользователя. Вы можете использовать возможности для оптимизации сайта от самой темы или установить дополнительные плагины для ускорения своего сайта (например, WP Rocket).

Блоки внимания, которые повышают конверсию

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

Цифрами отмечены элементы, которые призваны повышать конверсию

1 – Липкая панель с кнопкой Добавить в корзину.
2 — Текст рекламного объявления.
3 — Улучшенный поиск с мгновенными результатами.
4 — Панель с любым ваши рекламным предложением (купон, скидка, акция и т.д.).
5 – Навигация по предыдущему и следующему товару.
6 — Увеличение изображения товара.
7 – Отображение наличия на складе для поощрения к покупке.
8 — Кнопки выбора количества товара.
9 — Кнопка «Добавить в корзину» имеет параметры настройки цвета.
10 — Таймер обратного отсчета.

11 — Отображение количества запасов.
12 – Преимущества товара.
13 – Повышайте доверие с помощью иконок безопасности.
14 — Список желаний/избранное.
15 — Кнопки для шаринга в социальных сетях.
16 — Запрос обратного звонка по товару.
17 – Дополнительная вкладка с информацией о доставке.
18 – Всплывающее окно FOMO с информацией о предыдущих продажах.
19 — Красивый макет вывода информации о товаре. Используйте визуальные конструкторы/редакторы для визуального оформления описания.

Оформление заказа без отвлекающих факторов

Ваши покупатели смогут быстрее выполнить оформление заказа, потому что их ничего не будет отвлекать.
Разработчики добавили некоторые параметры в свою тему, которые отключают шапку, футер и сайдбары сайта, акцентируя внимание покупателя на оформлении заказа. В свою очередь, это повышает конверсию и снижает количество брошенных корзин. Дополнительно, на страницу Оформления можно добавить различную информацию и иконки повышающие доверие покупателей (например, текст с отзывом, иконки платежных систем намекающие на безопасные платежи и т.д.).

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

Запрос обратного звонка

Изучая вопрос конверсии в электронной коммерции, разработчики темы наткнулись на интересный пример сайта, который заменил свой номер телефона на опцию «Перезвони мне», что привело к резкому росту продаж. В результате, эту функцию также включили в Shoptimizer, поскольку она особенно важна для интернет-магазинов, когда покупателям может потребоваться дополнительная информация перед покупкой.

Добавьте ключевую информацию рядом с кнопкой Добавить в корзину

Около 64% пользователей начинают думать о стоимости доставки на странице товара, а 61% пользователей отказались от заказов в прошлом квартале из-за дополнительных расходов. Исследование Baymard показало, что важную информацию, подобную этой, следует размещать под кнопкой «Добавить в корзину», где ее легко увидеть. Другими словами, укажите дополнительную краткую информацию о товаре, которая может развеять определенные сомнения и подтолкнуть к покупке.

Держите в поле зрения кнопку добавления в корзину

Разработчики добавили специальную липкую панель сверху, которая отображается при скроллинге вниз на странице отдельного товара. Благодаря этому, в поле зрения находится миниатюра товара, название, цена и кнопка «Добавить в корзину».

Читайте: QAEngine - вопросы, ответы и опросы

Продуктивный ФОМО-маркетинг

Используйте синдром упущенной выгоды, чтобы поощрять покупки. Около, 60% всех пользователей соцсетей регулярно испытывают синдром упущенной выгоды, он же – FOMO, Fear Of Missing Out.

Включите таймер обратного отсчета продаж для каждого товара вместе с анимированным счетчиком запасов, чтобы убедить покупателя купить уже сейчас. Для этого можно использовать реальные или виртуальные данные, чтобы усилить ощущение дефицита и ускорить потенциальную покупку.

Совместимость с визуальными конструкторами

В нашем обзоре мы тестировали создание страниц сайта на базе Elementor и Gutenberg. Если у вас не стоит задача создавать визуально сложные страницы, то я рекомендую использовать редактор Gutenberg. В этом случае, страницы сайта быстро загружаются и мы получаем хорошие баллы по версии PageSpeed Insights. Если родных блоков Gutenberg вам будет недостаточно, то вы можете использовать плагины с готовыми блоками под редактор Gutenberg.

В любом случае, мы должны стремиться к созданию быстрых и легких страниц.

Слабые стороны Shoptimizer

Не добавлены фильтры товаров. В этом случае, необходимо использовать родные фильтры от WooCommerce или устанавливать плагины фильтров.
Не совсем удобно создавать и настраивать Мега-меню. Функционал ограничен.
При установке демо-данных не создаются формы WPForms. Не критично. Вообще, вместо плагина WPForms вы можете использовать любой плагин для создания контактных форм (например, Contact Form 7).

Видеообзор темы Shoptimizer — установка и возможности

Содержание видео:

00:00 Вступление.
02:02 Краткий обзор возможностей.
13:41 Подготовка сайта и WooCommerce перед установкой темы.
16:08 Установка родительской и дочерней темы Shoptimizer. Установка плагинов.
21:22 Шапка сайта.
25:28 Как добавить форму запроса в плавающую кнопку?
27:42 Страница Корзина и ее сайдбары.
29:34 Локализация темы.
33:12 Страницы Оформление и Спасибо за заказ (+сайдбар).
39:04 Предфутер и футер.
44:51 Параметры темы в Кастомайзере. Скорость загрузки сайта.
55:51 Настройки магазина в CommerceKit (поиск, вариации, обратный отсчет, бесплатная доставка и др.).
1:14:06 Мега-меню.
1:23:37 Нужен ли Elementor? Shoptimizer поддерживает Gutenberg и плагины с дополнительными блоками.
1:53:46 Выводы. Акцент визуала и функционала на конверсиях.
2:07:43 Страница Оформление — как включить отображение шапки и футера сайта?
2:10:14 Сколько стоит тема Shoptimizer?
2:11:03 Страница Оформление на мобильной версии. Выравниваем элементы на странице.
2:13:22 Браузерное расширение для определения внутренних SEO-настроек страницы.