WooCommerce – самый популярный плагин для создания магазинов на базе самой мощной CMS – WordPress. Неудивительно, что люди рассматривают, в первую очередь, возможность разработки торговых площадок именно с помощью этого плагина. Он лучший в своём роде.
Мы взяли для примера несколько дизайнов WP, которые хорошо подойдут под создание магазина на WooCommerce.
Для большинства WordPress становится первой CMS ввиду предельной простоты и удобства на фоне других систем для создания сайтов. Несмотря на блоговый профиль, это универсальный движок, который позволяет создавать качественные магазины благодаря плагинам, лучшим из которых является бесплатный WooCommerce. Такая связка позволит начать торговать с минимальными навыками разработки сайтов. Первое, что вы станете выбирать, – это шаблон будущего магазина. Чем ближе к задумке он окажется, тем меньше правок придётся вносить.
Важно понимать, что любой шаблон, разработанный для WP, совместим с использованием WooCommerce. Тем не менее, существуют шаблоны, которые изначально создавались прицельно под использование с магазинным плагином. Они обычно платные, но не все. В нашу подборку взяли 3 единственных бесплатных, скажем так, профильных, изначально создаваемых для WooCoomerce, и ещё несколько просто хороших eCommerce-макета. По итогу, получаем подборку из хороших, бесплатных дизайнов, на базе которых можно создавать любые магазины.
Deli – профильный шаблон №1 для магазинов на WooCommerce
Адаптивный eCommerce-шаблон с достаточно простым оформлением. Построен по классической схеме, всё внимание сфокусировано на ярком меню с удобной навигацией и витрине магазина. В сайдбаре дублируются категории товаров, есть фильтр по стоимости, а также ссылки на последние статьи из блога. Футер вообще, по сути, отсутствует, но при желании там можно разместить больше информации. Дизайн простенький, у миниатюр изображений товаров отсутствуют отступы от содержащих контейнеров, но всё это можно настроить в панели управления. Шаблон подходит для малого бизнеса, тематика – продажа овощей и другой сельхозпродукции, хотя, при желании, можно продавать что угодно, но придётся хотя бы цветовую гамму изменить. Если заменить коричневый фон светлым, то шаблон преобразится, границы сольются, он станет более чистым. Это базовый макет для несложных по структуре магазинов. Загружается быстро и отлично дружит с WooCommerce.
Boutique – профильный шаблон №2 для магазинов на WooCommerce
Шаблон с простым, но достаточно элегантным оформлением за счёт чистой контентной области и тёмного обрамления. Хорошее сочетание. Подходит для небольших и средних магазинов брендовой одежды, ювелирных, сувенирных лавок и всего в таком духе. Крупные, наглядные миниатюры товаров на витрине, простая навигация, сайдбар с последними постами блога, недавними комментариями товаров, их категориями и глобальным поиском по магазину. Всё удобно, понятно. Шрифты по умолчанию обыкновенные, хорошо читаются, оптимальны по размеру. Никаких дизайнерских изысков и анимаций, способных замедлить загрузку страниц и снизить юзабилити площадки. Карточки товаров оформлены наглядно, есть поля для показа рекомендуемых товаров, комментариев клиентов и рейтинг. Всё чётко, ничего лишнего либо явно недостающего.
Storefront – профильный шаблон #3 для магазинов на WooCommerce
Добротный шаблон, сочетающий в себе хороший баланс производительности, лоска и функциональности. Это уже более серьёзная вариация, которая подходит для средних и больших магазинов. Сочный хедер с полноэкранным видеофоном и ссылкой для прямого перехода в каталог товаров. Крупные миниатюры категорий товаров, информативная, приятная глазу светлая витрина. Всё, что обычно бывает в сайдбарах сайтов на WP, здесь вынесено в футер, поэтому контентная область шире среднего, что является плюсом – витрина шире и получит больше внимания посетителей. Меню мощное, в него можно запрятать десятки разделов и категорий без ущерба эргономике навигации. Каталог простой, удобный, сайдбар содержит навигацию по категориям. Товарные карточки лаконичные, чистые по дизайну, содержат всю необходимую информацию. Отличный вариант для продаж электроники, часов, аксессуаров, одежды и много чего ещё.
Shop Zita – шаблон магазина детской одежды
Отличный адаптивный eCommerce-дизайн, идеально совместимый с возможностями WooCommerce. Оформление простое, но с изюминками, присущими платным шаблонам: видео-баннер, иконки преимуществ и социальных сетей, меню-гамбургер и расширенный футер с полезной информацией. Под основным меню лаконично размещено ещё одно для категорий товаров. Таким образом, в магазине все меню одноуровневые, что делает навигацию очевидной, немного повышает юзабилити. Витрина простая, наглядная, сдобрена эффектом увеличения при наведении, что приятно выглядит. Товарные карточки минималистичные, эргономика на высоком уровне: удобное переключение фото товара, вкладки для описания, дополнительной информации и отзывов. Всё это компактно, не растянуто 2 экрана. Есть поле рекомендуемых товаров, можно сразу выбрать количество позиций для заказа. Шаблон содержит много настроек внешнего вида – можно подогнать дизайн практически под любую тематику.
Orchid Store – универсальный магазинный шаблон
Качественный адаптивный eCommerce-шаблон с масштабной, развитой структурой и хорошей эргономикой. Рассчитан под продажи одежды, из коробки содержит 3 разных пресета демо-контента. Но, на деле, можно использовать для чего угодно: электроника, строительные инструменты/техника, спортивные товары, косметика, детские товары и т. д. Встроенных настроек дизайна и вариантов структуры хватит для подгонки под всё. В хедере висит сумма покупок, иконки ссылок на социалки, а в слайдере можно разместить баннеры товаров или категорий и ссылки на них. Карточки категорий, лента товаров, витрина – всё смотрится органично, крупно, украшено несложными анимациями. Баннер с акциями, последние поступления, публикации блога и массивный футер со всей необходимой информацией венчает структуру главной страницы. Меню-гамбургер и кнопка «наверх» тоже не мешают. Товарные карточки оформлены отлично. Шаблон, которым стоит пользоваться, — хороший выбор для многих.
Выводы и рекомендации
Создание магазина связкой WordPress+WooCommerce – хорошая идея и для новичков, и для более опытных разработчиков. Под неё существуют тысячи шаблонов, мы лишь привели несколько надёжных примеров. Все они бесплатные, беспроблемные в работе. Отличаются структурой и функциональностью, заложенной в бекэнде. Не забудьте посмотреть демо-версии. Шрифты, фоны и структуру можно подогнать под задачу – не переживайте за них. Можете брать любой подходящий и строить на его основе качественный магазин.
Создать сайт на WordPress + Bluehostустановка CMS в 1-клик на хостинг ↵
Быстрый, простой и безопасный хостинг с автоматической установкой WordPress. Включена БЕСПЛАТНАЯ регистрация домена на 1 год + SSL сертификат в подарок!
Цена: от $2.95
- Автор: Дмитрий Луценко