Обзор Bono — качественный WordPress шаблон для WooCommerce

Реально ли сделать стильный, функциональный и SEO-оптимизированный магазин WooCommerce за один вечер? Да, если установить шаблон Bono для WordPress от WPShop.

Достоинства шаблона Bono для WooCommerce

Эта премиальная тема предоставляет набор всех необходимых опций для современного интернет-магазина на WordPress.

Рассмотрю ключевые преимущества Bono:

• Микроразметка интернет-магазина WordPress. Использование микроразметки Schema.org помогает выделить веб-ресурс в поисковой выдаче благодаря формированию расширенного сниппета. Среди сайтов конкурентов ваш магазин в поисковике будет выделять наличие такой важной информации, как номера телефонов, категории каталога, рейтинг и др. Микроразметка уже встроена в WooCommerce, однако шаблон Bono содержит дополнительные возможности, что позволяет пройти проверку на валидность через сервис Яндекс Вебмастер.
• Блоки похожих и просмотренных позиций в карточке товара. Эти виджеты помогают повысить конверсию интернет-магазина WordPress. Они предлагают посетить страницы других продуктов, которые по характеристикам совпадают с тем, что ищет покупатель. Блок недавно просмотренных позиций позволяет вернуться на карточки, которые человек ранее смотрел, чтобы он смог сделать окончательный выбор.

• Страницы полного каталога и отдельных категорий. В разделе каталога представлена витрина всех товаров. А на странице отдельной категории вы увидите только те товары, которые входят нее. Витрина продуктов выводится в виде сетки с картинками, наименованиями и ценой товаров. При наведении на каждый продукт всплывает кнопка для добавления в корзину.
• Полностью функциональная карточка товара. Эта стандартная для магазинов WordPress страница в шаблоне Bono содержит набор всех необходимых опций. Слева расположена область с фотографиями позиции. При клике на отдельное фото всплывает окно с увеличенной версией. Справа от картинок размещены поля с ценой, коротким описанием, количеством, артикулом, кнопки «Купить в 1 клик» и «В корзину», а также иконки «Добавить в избранное» и «Добавить в сравнение».

• Табы с подробной информацией о товаре. На странице продукта под фотографией и кнопкой «Купить» расположен блок с удобными вкладками. В этих табах вы можете выводить важную информацию о товаре, такую как подробное описание, характеристики и отзывы.

• Возможность создания дочерней темы. Если собираетесь менять код шаблона, чтобы настроить его под себя, эта опция просто необходима. Bono Child дает гарантию, что после обновлений ваши правки не исчезнут с сайта, потому что изменения затронут только родительскую тему.
• Размещение хука woocommerce_after_shop_loop_item_title внутри блока shop-item-inner. Эта опция расположена в разделе расширенных настроек шаблона. По умолчанию в WooCommerce хук для вывода дополнительной информации о товаре после названия находится не там, где надо. Шаблон Bono исправляет этот недочет. Если захотите вернуть все к исходному виду, поставьте галочку.

Обзор основных настроек шаблона Bono для создания интернет-магазина WordPress

Теперь расскажу, что можно поменять через настройки темы Bono в админке WordPress.

Кастомайзер содержит следующие разделы:

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

• Блоки. Сюда входят настройки разных элементов магазина WordPress, таких как сайдбар, комментарии, архивы, поиск и другие.

• Верхняя полоса для важной информации. Это контрастная полоса над шапкой, где можно выводить объявления, которые будут привлекать внимание посетителей. Например, о распродаже или скидках. Секция настроек позволяет отобразить или скрыть эту полосу, задать ширину, цвет фона, текст и ссылки, а также добавить содержимое.

• Хедер веб-сайта. В этом разделе вы можете установить логотип, вид поиска, ввести номера телефонов и произвольный HTML-код, а также задать порядок отображения элементов шапки.

• Конструктор стартовой страницы. Здесь можно убирать или добавлять виджеты, которые шаблон отобразит на главной. Это такие блоки, как список постов, произвольный HTML-код, слайдер, витрина продуктов и категории.

• Слайдер. Расположен на главной странице сразу под шапкой. В настройках можно указать количество кадров, скорость их изменения и ширину слайдера.

• Сортировка каталога. Эту важную опцию вы найдете в разделе «Каталог товаров» секции WooCommerce. Она дает возможность настроить виджет сортировки, который расположен над сеткой продуктов в каталоге. Доступна сортировка по возрастанию и убыванию цены, популярности, рейтингу и дате добавления.

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

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

• Страница товара. На этой странице покупатели смогут узнать подробности об интересующей позиции, такие как цена, артикул, подробные характеристики и внешний вид в разных ракурсах. В секции настроек можно выбрать вид блока с табами, добавить дополнительные вкладки в этот виджет, вывести сайдбар и задать внешний вид блока просмотренных позиций.

• Изображение товара. При создании новой карточки вы можете добавить как одну, так и несколько картинок для продукта. Если загрузите больше одной фотографии, для дополнительных шаблон сгенерирует миниатюрки и выведет слева от основной картинки. При нажатии на фото покупатели увидят крупную версию изображения в лайтбоксе.
• Кнопки. На разных страницах шаблона вы можете заметить много ярких кнопок, которые задействуют различный функционал. Часть из них можно скрыть или показать через настройки темы, например, кнопки «Добавить в избранное» или «Добавить в сравнение». В каждой карточке продукта, а также на витринах каталога присутствуют обязательные кнопки «В корзину».
• Футер магазина WordPress. В настройках подвала можно ввести текст для копирайта, разместить код счетчиков, а также задать количество виджетов.

Внешний вид премиальной темы Bono

Магазин WordPress на базе шаблона Bono имеет чистый дизайн в стиле минимализм. Версия сайта с демо-данными заполнена контентом на тему мебельного магазина.

Рассмотрим, как выглядят отдельные элементы дизайна с загруженными демо-данными:

• Хедер. Шапка содержит всю необходимую информацию. Сразу после логотипа идет дропдаун-меню, ссылки на соцсети, телефон с режимом работы, иконки поиска, списка желаний, сравнения продуктов и корзины. В конце расположена ссылка на личный кабинет.

• Область контента. Везде на внутренних страницах эта область имеет удобный и привлекательный вид. Вы можете также переделать все по собственному вкусу в настройках шаблона.
• Стартовая страница. Главная имеет стандартный для интернет-магазинов WordPress вид. Покупатели легко сориентируются, где находятся важные элементы. Это позволит без проблем отыскать нужный товар и оформить покупку. На главной расположены шапка, эффектный слайдер с акциями и анонсами товаров, витрины нескольких категорий каталога, а также футер.

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

• Страницы каталога и категорий. Разделы с товарами обладают эстетичным видом и содержат весь необходимый функционал. Над сеткой продуктов выведен блок с фильтрами по цене, рейтингу, популярности и новизне. При наведении на каждую карточку возникает ховер-эффект. Плашку подчеркивает легкая тень, а поверх всплывают иконки списка желаний, сравнения товаров и кнопка «В корзину». На акционных товарах возникают яркие стикеры, оповещающие о скидках.

• Футер. В подвале продублирован логотип и иконки соцсетей. Также там расположены ссылки на важные разделы сайта, которые не попали в верхнее меню. В самом низу выведен копирайт.

YouTube

Создание блогового раздела в интернет-магазине на базе Bono

Тема Bono позволяет создать полноценный статейный раздел. Вы сможете оформлять интересные посты с помощью следующих опций:

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

• Блок оглавления для каждой статьи. Добавляйте в пост заголовки H2-H6, чтобы шаблон генерировал виджет с содержанием статьи. Он будет расположен в начале нового поста.

• Кнопки для расшаривания в соцсетях. Под каждым постом появляются иконки, по клику на которые посетители смогут делиться контентом в своих аккаунтах соцсетей.

• Разделы рекомендуемых материалов. Таких блоков на странице записи предусмотрено целых два. Один называется «Также интересно» и появляется сразу под постом. Второй отображается чуть ниже под названием «Вам также понравится».

• Рубрики. Для статейного раздела можно создавать свои категории и сортировать посты по ним. Виджет с рубриками вы можете вывести в сайдбар для удобства.

• Блок автора. Красивый виджет для представления автора статьи. Повышает авторитетность материала в глазах посетителей и поисковых систем.
• Комментирование. Этот блок вы можете показать или скрыть в настройках отдельной записи. Комментарии посетителей — хороший сигнал для поисковых систем о том, что ваш сайт WordPress активный и интересный для пользователей. Рекомендую добавлять этот блок в посты.

Другие преимущества темы Bono для магазинов WordPress

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

Как и все продукты компании WPShop, шаблон Bono отвечает всем этим критериям:

Промокод на Bono

Примеры красивых интернет-магазинов, где стоит шаблон Bono

В этом разделе статьи хочу показать примеры сайтов Вордпресс, которые, по моему мнению, отлично демонстрируют возможности Bono — русскоязычного шаблона для интернет-магазина на базе WooCommerce.

Правильные суши

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

Забукетами.ру

Сервис занимается круглосуточной доставкой цветов. Здесь также активно используется верхний тулбар для показа иконок быстрой связи с клиентами в мессенджерах и соцсетях.

Портал электроники

Сайт этой компании по продаже бытовой техники выделяется оригинальный цветовым решением. Хедер оформлен в контрастном синем цвете. Под ним выводится важная информация в полноэкранном слайдере.

Nikapannels

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

Marrakesh

Интернет-магазин WordPress про оптовой продаже разных сортов чая. Очень хорошо вписываются элементы фирменного стиля бренда в концепцию дизайна Bono.

Где купить WordPress шаблон Bono для интернет-магазинов

Приобрести лицензию можно на официальном сайте разработчика шаблона Bono компании WPShop. Стоимость различается в зависимости от количества сайтов, на которые вы будете устанавливать тему:

• 4900 рублей за использование на 1 домене;
• 8900 рублей за установку на 3 домена;
• 12900 рублей за безлимитную лицензию.

Если хотите немного сэкономить, ищите промокоды, которые распространяют партнеры WPShop. Также скидки бывают на офсайте в периоды распродаж на Черную пятницу и такие крупные праздники, как Новый год.

Промик на Bono

Тема Bono: отзывы реальных покупателей

В интернете на форумах и специализированных площадках можно встретить много отзывов об этом шаблоне.

Тема Bono рушит стереотип о том, что создание интернет-магазина требует много денег и сил. Она дает возможность разработать красивый, оптимизированный и полностью готовый к запуску E-Commerce сайт в кратчайшие сроки.

Bono со скидкой