Обзор Bono — топовый шаблон для создания интернет магазина на WordPress

Многие ждали шаблон для интернет-магазина от разработчиков WpShop. И вот они выпустили новую тему, которая называется Bono.

Bono — шаблон для разработки интернет-магазина на базе WordPress + WooCommerce.

Как создать интернет-магазин в 2021 году — открыть пошаговый гайд

Изучите подробное руководство как создать свой магазин на WordPress.

Главные преимущества темы Bono:

1. Админка и документация полностью на русском языке
2. Чистый, оптимизированный код
3. Красивый, правильный дизайн
4. Лёгкая настройка без программирования
5. Демо-данные готового магазина, которые вы можете отредактировать под себя

Тема подойдёт и для новичков и для опытных разработчиков.

Обзор премиум шаблона Bono — качественный интернет-магазина на WordPress

Цель данного обзора показать вам все преимущества и возможности темы, поэтому здесь будет много скриншотов как визуальной части, так и админки.

Страницы

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

Что такое демо-данные (контент)? Если вы перейдёте на демо-сайт шаблона (ссылка https://bono.wpshop.tech/), то увидите тестовый магазин с заполненными страницами. Эти же данные вы можете установить на свой сайт и отредактировать под свою тематику.

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

Обязательные страницы магазина:

1. Магазин
2. Корзина
3. Избранное
4. Мой аккаунт
5. Оформление заказа
6. Оплата заказа

Элементы

Полоса над шапкой

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

Шапка

Все элементы в шапке вы можете включать/отключать и менять местами.

Элементы шапки:

• Логотип
• Меню
• Соцсети
• Телефон
• Поиск
• Избранное
• Корзина
• Сравнить товары
• HTML код 1
• HTML код 2

Конструктор главной

В тему Bono встроен конструктор, с помощью которого вы можете быстро собрать лендинг на главной странице.

Элементы конструктора:

1. Посты. Вывод статей.
2. Товары. Вывод товаров.
3. Слайдер. Создание слайдера, который будет пролистываться.
4. HTML. Через html виджет можно добавить любой код, например, вывести форму подписки на рассылку.

Слайдер

Вы можете добавлять слайдер, который может состоять из:

• Заголовка
• Текста
• Кнопки
• Фоновой картинки

Сортировка

Удобная сортировка товаров.

Сравнение

Добавьте 2 и более товаров в «Сравнение», чтобы удобно сравнить характеристики.

Избранное

Возможность добавить товары в избранное, чтобы иметь к ним быстрый доступ.

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

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

Картинка

Можно добавить одно фото товара, можно добавить галерею. Фото при клике увеличивается в попап окне.

Кнопки

Сайт быстро реагирует на нажатие кнопок «Добавить в корзину», «Сравнить» и другие за счёт чистого правильного кода.

Подвал сайта

Можно выбрать 1-4 столбца и заполнить их необходимыми виджетами.

Дизайн

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

Что ещё могу выделить:

• Приятная анимация при наведении на превью товара
• Правильные баджи со скидкой
• Правильная типографика
• Аккуратные кнопки, с анимацией при наведении

Настройки

Настройки шаблона Bono находятся во вкладке Внешний вид — Настроить. Есть настройки в целом шаблона и отдельно элементов магазина.

Настройки шаблона

Настроек много, но они все понятные. Расписывать каждый пункт не буду, для этого можно отдельный курс записать 🙂 как например я записал курс «Идеальный сайт на WordPress» по шаблону Reboot. Приложу несколько скриншотов, чтобы вы могли иметь общее представление. Если вы уже купили шаблон, то переходите и смело настраивайте шаблон под свои нужды. Благо всё на русском языке и сразу видны изменения, которые вы вносите.

Настройки элементов магазина

Эти настройки вынесены в отдельную вкладку WooCommerce и также просто редактируются.

Обратите внимание. Хоть настроек у темы Bono и много, вы не сможете отредактировать (при условии что вы хотите что-то кардинально поменять) абсолютно все стили и расположение элементов так как вам нужно. Что делать в случае, если не хватает встроенных настроек темы?

2 варианта: первый, добавляйте правки через код, если понимаете CSS, HTML, PHP; второй вариант, подберите другую тему, для этого у меня есть такая подборка шаблонов для интернет-магазина. Есть шаблоны, которые изнутри как робот из трансформеров, в котором можно настроить практически всё, но и минус здесь очевидный в том, что это сложнее будет сделать неподготовленному человеку и также 90% таких тем на английском языке (без русской локализации).

Цена

Конечно такая качественная тема не может быть бесплатной. Тема Bono стоит:

• Лицензия на 1 домен — 3800 руб.
• Лицензия на 3 домен — 6700 руб.
• Неограниченная лицензия — 7800 руб.

Платите один раз, никаких регулярных платежей нет, обновления и поддержку получаете пожизненно.

Заключение

Bono — крутой шаблон! Ребята из Wpshop всегда держат планку качества, они как Apple только на рынке WordPress.

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

Переходите по ссылке, смотрите демо и принимайте для себя решение, остановиться на Bono, либо поискать ещё варианты.

Напишите в комментариях, как вам шаблон? Купили бы для своего интернет-магазина?

Полезные ссылки

• Описание темы Bono https://wpshop.ru/themes/bono
• Демо сайт Bono https://bono.wpshop.tech/
• Ответы на вопросы по настройке Bono https://support.wpshop.ru/fag_tag/bono/
• Служба поддержки https://wpshop.ru/support