На базе WordPress можно делать современные, удобные и адаптивные магазины. В данном случае рассмотрим решение с плагином WooCommerce, темой Storefront и интеграцией МойСклад.
Однако у этого решения есть 1000 возможных вариантов настройки. Есть бесплатные, где нужно платить только за хостинг с бюджетом 1000-10000 руб/год. А есть платные, где нужно разрабатывать, тестировать и настраивать множество других компонентов с бюджетом 1 000 000 — 10 000 000 руб./год.
Засада заключается в том, что без опыта многие владельцы сайта сами себя загоняют в ловушку, принимают решения которые в дальнейшем приводят сайт в ужасное состояние. Сайт начинает требовать все больше и больше работ для его настройки и поддержки. У многих просто не хватает бюджета на все эти тонкости. И далее остается выбор: мириться с кучей ошибок и проблем, терять свою репутацию либо искать специалистов, которые могут это все поправить.
Со специалистами отдельная история. Дешевые специалисты как правило способны добавить седины волосам, а на дорогих обычно не хватает бюджета.
Как быть? Вот на этот вопрос и попробуем ответить.
Путь простых решений
Если у вас есть бюджет в 10 млн. руб. в год то можно особо не думать. При таком бюджете можно позволить себе нанять хороших специалистов, которые помогут решить любые проблемы и сгладить допускаемые ошибки.
А если таких бюджетов нет? Первое что нужно запомнить — не надо усложнять. Не стоит гнаться за уникальным дизайном и прочими второстепенными задачами.
Пока прибыль магазина меньше чем 1 млн. руб. в месяц — нужно применять максимально простые решения.
Плагин и тема — важность правильного выбора
Есть десятки плагинов и тысячи тем WordPress на базе которых можно сделать магазин. Но только один плагин и одна тема гарантируют максимальные результаты при минимальных затратах. Позволяют получить результат дешево и сердито. Сделать магазин который по качеству, удобству будет отвечать всем современным требованиям, а во многих частях превосходить решения лидеров рынка: Окей (продукты питания), Спортмастер (активный отдых), Хэндерсон (деловая одежда).
Лидеры зачастую имеют большой бюджет, сильный бренд и могут себе позволить ошибки в выборе технологий. Их магазины содержат в себе множество ошибок, но при их весе это не смертельно. Вы можете по качеству магазина легко их обогнать не потратив ни копейки — если будете следовать этой инструкции.
Запомните эти 2 компонента:
- плагин WooCommerce
- тема Storefront или OceanWP (для тех кто хочет больше)
Эти два компонента на старте обязательно должны идти в месте. Это убережет вас от 99% возможных рисков и позволит получить каталог товаров или Интернет-магазин лучше чем у многих крупных брендов в РФ. И не только в РФ.
С ними ваш бюджет будет минимален, а качество результатов максимально.
Если выбрать другой плагин или другую тему — вы автоматически сразу падаете в качестве результатов и одновременно повышаете затраты на запуск и дальнейшее сопровождение магазина.
На сколько можно упасть по качеству? Можно легко упасть ниже плинтуса. Получить кучу ошибок и испортить впечатление клиентов о своем магазине. Потерять доверие и покупателей.
На сколько можно влипнуть по затратам? Можно легко с 0 затрат прилипнуть на 100-200 тыс. руб. Иногда затраты на доводку до ума могут составить от 1 000 000 руб. и выше.
Сможете ли вы повысить ценность и прибыль своего магазина при таких решения? Сомневаюсь. Если у вас нет большого опыта в этой теме, то скорее всего кроме проблем и затрат вы ничего не получите.
Выбор этих компонентов критически важен на старте. Когда у вас будет много опыта, большие бюджеты, прокачанный бренд — вы сможете начать эксперименты.
WooCommerce — один из лидеров построения Интернет-магазинов во всем мире. Около 30% всех магазинов сделаны на его базе. Он содержит в себе лучшие мировые практики.
Тема Storefront является базовой темой для WooCommerce. Она развивается синхронно с плагином. Все новшества и улучшения которые появляются в WooCommerce тут же появляются в Storefront. Ни одна другая тема в мире не обеспечит такой скорости развития.
Почти все проблемы и ошибки во внешнем виде сайта как правило вызваны другими темами, их детскими болячками и запоздалой реакцией на новый функционал в WooCommerce. Выбор Storefront убережет ваш проект от рисков и крупных затрат.
Настройка магазина на базе плагина WooCommerce и темы Storefront
Преимущество Интернет-магазина на базе WooCommerce вместе с темой Storefront или OceanWP заключается в том что нужно минимум усилий на начальную настройку и запуск проекта. При минимуме усилий вы получаем максимально качественный результат.
Разберем основные разделы и настройки, которые нужно сделать на старте.
Название сайта и описание
В теме Storefront можно обойтись без логотипа. Указать название и короткое описание сайта. Это хорошо если логотипа нет. Будет смотреться аккуратно и лаконично.
Если же есть логотип, то можно использовать его. Главное чтобы он не портил впечатление.
Продумать навигацию — еще одна критически важная задача. Навигация должна позволить клиентам сразу понять куда идти. Если категорий мало, то лучше все главное меню посвятить категориям каталога. Если же категорий много, то главное меню должно вести на главную страницу, каталог, контакты и прочие страницы типового магазина: доставка, оплата и т. д.
Главная страница
Это отдельная весьма хрупкая часть сайта. Часто начинающие владельцы магазина в погоне за модой безмерно усложняют главную страницу. В этом нет никакого смысла, но отсутствие опыта ведет к усложнению и дальнейшим проблемам.
Преимущества темы Storefront в том что есть готовый шаблон главной страницы. Который соответствует лучшим практикам. Дает обложку, 3 основные категории и списки новых продуктов и лучших. Большинство успешных магазинов начинают именно с такой структуры главной страницы. А многие так на ней и остаются.
Будет большой ошибкой на старте придумывать что то свое без опыта. Потому такая структура оптимальна и она изначально заложена в этой теме. Стоит взять ее за основу.
Прочее
В общем то когда с названием, навигацией и главной покончили — можно на этом остановиться. Если включить голову, то по хорошему еще можно настроить цветовую схему под ваш брендбук, проверить все страницы и их лаконичный внешний вид.
Без опыта можно испортить сайт выбрав плохую цветовую схему или сломать страницы. Потому если не уверены лучше не трогать. Либо по результату показать кому-либо с опытом.
Наполнение и контент
Это пожалуй самая важная часть с точки зрения продаж и привлечения клиентов. От того на сколько хорошо будут наполнены карточки продуктов, от качества фотографий — зависит доверие и продвижение. Если сделать тексты и фотографии как попало то не стоит ждать каких-либо результатов. Часто это самая сложная часть запуска магазина.
Иногда для наполнения нужно настраивать синхронизацию с внешними системами. Это может быть МойСклад, 1С Предприятие, магазин ВКонтакте или какая то своя CRM/ERP система.
Обычно для таких синхронизаций есть готовые плагины:
- Плагин для МойСклад (рекомендуется)
- Плагин для 1С Предприятие
- Плагин для ВКонтакте
При необходимости можно найти или написать свой плагин для интеграции со своим каталогом товаров.
Платежная система
Многие начинают работать без платежных систем. Делают это с оплатой по счетам, на карточки и т. д.
Но есть и готовые решения:
- Яндекс Касса (рекомендуется)
- Робокасса
- PayAnyWay
Также есть множество других решения для настройки оплаты прямо с сайта.
Доставка
Доставку на первом этапе также можно опустить. Либо подобрать или написать плагин с учетом своих операторов доставки.
Также можно использовать одно из наиболее продвинутых решений на сегодняшний день — Яндекс Доставка
Рекомендуемые плагины для магазина
Пока бюджет на магазин не велик, стоит избегать соблазна воткнуть туда как можно больше плагинов. У автора был опыт работы с магазинами которые состояли из 100 плагинов. Но бюджет на поддержку и развитие таких магазинов был более 10 000 000 в год. Если у вас нет таких бюджетов — не надо ставить все подряд. Даже если очень хочется и кажется что без этого никак.
Вот список полезных и безопасных плагинов:
- плавающая панель корзины для WooCommerce
- плавающая кнопка Купить для Storefront
- SEO Yoast — продвижение в поисковых системах
- Enchanced eCommerce Google Analytiсs — расширенная аналитика для интернет магазинов
- Cyr to Lat Enhanced — нужен для правильного преобразования ссылок на страницах с русскими названиями
Этот набор плагинов рекомендуется и обязателене для Интернет магазина на базе WordPress + WooCommerce + Storefront.
Другие можно ставить на свой страх и риск, хорошо осознавая что без должных знаний это может повлечь проблемы и затраты.
Заключение + чек-лист
Итак, сделать магазин сегодня на базе WordPress можно легко и без лишних затрат. При этом магазин будет приятным, простым, удобным и адаптивным под мобильные устройства. На голову лучше чем у многих лидеров Интернет-торговли в РФ.
Чек-лист быстрого запуска удобного, адаптивного и надежного магазина:
- использование платформы WordPress
- базовый плагина WooCommerce
- обязательное использование темы Storefront
- уделить внимание наполнению карточки продуктов (тексты и фотография)
- аккуратное оформление без погони за уникальностью
- минимум только проверенных плагинов
- показать опытным специалистам для оценки и комментариев
Главное не усложнять. Не устраивать гонки за уникальным дизайном. Без опыта и бюджета эти гонки обычно заканчиваются получением ужасного сайта.
Если сомневаетесь, лучше задайте вопрос в комментариях — так можно получить консультации и помощь от опытных специалистов.
оцените контент и участвуйте в выборе трендов
document.addEventListener(‘click’, function(event) {
var el = event.target;
var actionClassName = ‘action-like-post’;
if (el.parentNode.classList.contains(actionClassName)) {
el = el.parentNode;
}
// console.log(event.target.classList);
// console.log(event.target.parentNode.classList);
if (!el.classList.contains(actionClassName)) {
return;
}
var postId = el.getAttribute(«data-postid»);
var url = wpApiSettings.root + ‘u7/v1/likes/’ + postId;
// console.log(url);
var fetch_options = {
method: ‘POST’,
headers: {
‘Content-Type’: ‘application/json;charset=utf-8’
},
body: JSON.stringify({
‘postId’: postId
})
};
// console.log(url);
fetch(url, fetch_options)
.then(response => {
response.json().then(data => {
if (data.likes_count) {
// console.log(el.getElementsByTagName(‘span’)[0]);
el.getElementsByTagName(‘span’)[0].innerHTML = data.likes_count;
}
});
});
});
Источник: https://wpcraft.ru/blog/internet-magazin-na-wordpress-woocommerce-storefront-mojsklad/
