Как сделать интернет магазин на wordpress

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

Тем не менее, интернет магазин на WordPress подойдет не всем. Вот примеры ситуаций, в которых он будет лучшим выбором:

• Вы хотите легко управлять веб-сайтом.
• Вы хотите легко добавлять другие разделы на сайт интернет-магазина (блог, страницы, и т.д.).
• Вам не нужны лишние затраты на другие интегрированные платформы, как Shopify или BigCommerce.
• Вы хотите начать с небольшого проекта и расширяться по мере необходимости.
• Вас не пугает техническая работа – то есть, аббревиатура «FTP» вызовет у вас чувство любопытства, а не страха (вообще, сделать онлайн-магазин на ВордПресс достаточно просто, но далеко не в один клик).
• Вы хотите иметь общую платформу, под которую сможете легко найти дополнительных разработчиков по мере роста.

Если вам подходят хотя бы несколько пунктов из данного списка, то пришло время ознакомиться с тем, как создать интернет магазин на wordpress.

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

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

Таких инструментов достаточно много на WordPress, но есть один интересный вариант от русских разработчиков, называющийся WP Shop. Это бесплатный плагин, обладающий мощным функционалом для создания сайта электронной коммерции, с возможностью подключения многих Российских платежных систем и дополнительных модулей.

Основные возможности WP Shop

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

В WP Shop можно выбрать множество вариантов, чтобы дать пользователям возможность получать и оплачивать товары с вашего веб-сайта, включая как онлайн способы (оплата через все электронные платежные системы, картами VISA и MASTERCARD, РОБОКАССА и ЕДИНАЯ КАССА (W1)), так и офлайн способы (получение курьером, самовывоз из офиса, наложенным платежом по почте). Кроме того, в нем доступна полноценная интеграция платежной системы Яндекс Касса. Для каждого варианта оплаты предусмотрена своя форма оформления заказа.

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

• Личный кабинет покупателя, позволяющий просматривать профиль, текущие заказы, историю покупок.
• Инструмент для продажи «цифровых продуктов», разрешающий скачивание файла только после оплаты.
• Система скидок, формирующихся по заданной формуле.
• Генерация XML файлов, позволяющая передать ассортимент сайта в различные сервисы, такие как Яндекс.Маркет.
• Подключение PayPal, и интеграция метрик Яндекс и Google.
• Экспорт и импорт настроек.

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

Использование WP Shop

Установка

WP Shop можно установить прямо из административной панели WordPress вашего сайта, но обратите внимание, что для корректной работы понадобиться дополнительный плагин – cFormsII, иначе не будет отображаться форма для оформления заказа. Отдельная форма для каждого варианта оплаты, в cFormsII, создается автоматически, когда установлен WP Shop.

Добавление WP Shop товаров

Товары в плагин добавляются очень просто. Сделать это можно через создание новой записи WordPress, у которой заголовок будет наименованием изделия, содержание – описанием, а миниатюра — изображением. Чтобы эта запись отображалась как карточка продукта, нужно добавить к ней произвольное поле с именем «cost_1» и значением равным цене. Цена вводится без пробелов, а копейки следует отделять точкой. Обратите внимание, что наименование валюты вводить не требуется, оно добавляется автоматически.

У одного изделия может быть несколько свойств, которые будут влиять на цену, как пример — вес или комплектация. Чтобы не создавать кучу копий для всех разновидностей одного изделия, можно просто добавить дополнительный ценник. Это делается через создание еще одного произвольного поля с именем «cost_2» и нужной ценой.

К каждому ценнику можно добавить собственное описание, это делается с помощью создания произвольного поля «name_1» для «cost_1» и «name_2» для «cost_2» соответственно. Цифры в индексе полей у одного продукта должны обязательно соответствовать.

Импорт товаров

Помимо создания записей для каждого продукта с нуля, в WP Shop можно использовать партнерский интернет-магазин как источник. Для этого вам понадобиться дополнительный модуль от этого же разработчика — WP Shop YML Parser. Он позволяет скопировать партнерский список продуктов, а потом импортировать в WP Shop. Также, в нем можно синхронизировать партнерский магазин с вашим, чтобы своевременно обновлять ассортимент.

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

Изменение валюты

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

Создание витрины

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

[vitrina название_тега кол-во_стобцов высота_блока кол-во_строк длина_текста]

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

[vitrina телефоны 4 500 4 140]

Краткое описание для отдельных изделий на витрине можно добавить в дополнительное поле «short_text», иначе оно будет браться из текста записи. Кроме того, можно добавить другие дополнительные поля на витрину, такие как: pic (HTML код для изображения), видео, flash, и даже JavaScript.

Размещение корзины покупателя

Чтобы добавить корзину на страницы сайта, нужно всего лишь сделать текстовый виджет, содержащий шорткод [minicart]. В нем будет отображаться количество заказанных продуктов, а также их общая сумма. Чтобы можно было посмотреть на товары присутствующие в корзине, необходимо создать новую страницу, как пример — «Мои покупки», с содержимым [cart]. Ссылка на нее должна быть обязательно на английском языке. После чего, нужно скопировать эту ссылку, а затем, в разделе «Настройки магазина», вставить ее в поле «Ссылка на страницу корзины».

Включение расширенного режима

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

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

Установка минимальной суммы для покупки

Иногда, бывает такая ситуация, что стоимость товара оказывается меньше цены за доставку, а это не целесообразно экономически. В таком случае, установка минимальной суммы для дальнейшего оформления покупки будет самым простым решением. Стандартная минимальная сумма равна 0.1 руб., но ее можно поменять в разделе «Настройки магазина», в блоке «Корзина». Кроме того, там же можно сделать предупреждение для покупателя, набравшего заказ меньше минимальной суммы.

Вывод

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

Похожие статьи

wordpresslib.ru

Почему я должен выбрать именно WooCommerce?

Давайте разберем подробно почему именно этот плагин, а не один из множества других.

Плюсы если у вас уже есть блог:

1. Сделать интернет-магазин можно в 2 счелчка мыши: просто установите плагин WooCommerce через меню Плагины.
2. WooCommerce сейчас разрабатывает та же команда что и делает WordPress. По этому он такой же простой и понятный как сам WordPress: вам не придется переучиваться. Добавить новый товар это все равно что добавить новый пост.
3. Работая в WordPress вы наверно привыкли что любой нужный но отсутствующий функционал всегда можно добавить, добавив соответствующий плагин. Так вот с woocommerce все точно так же: если какого то функционала не хватает, то его всегда можно будет найти среди тысяч бесплатных плагинов.

Плюсы если вы начинаете с нуля:

1. WordPress + WooCommerce это самая популярная в мире платформа! 28% интернет магазинов делают именно на этой связке!
2. WordPress + WooCommerce это 100% гарантия что все переведено на русский язык!
3. Это 100% бесплатно!
4. Вы всегда будете в тренде: движок активно развивается и обновляется ежемесячно.
5. Это очень просто. Раньше WordPRess был самым простым движком для создания сайтов и блогов. Он быстро завоевал мир оставив далеко позади своих конкурентов Joomla и Drupal именно благодаря простоте! Теперь Woocommerce идет тем же путем: он самый простой из всех существующих движков интернет-магазинов!

Инструкция

Наша инструкция подойдет и тем у кого уже есть блог и тем кто все делает с нуля.

Шаг 1. Установка WordPress на хостинг

Если у вас нет блога, то вам нужно сначала поставить движок WordPress. Для этого вам нужно зарегистрироваться на хостинге, купить доменное имя и установить сам движок.

Мы уже 7 лет рекомендуем для интернет-магазинов хостинг Beget.ru. У него самый продолжительный тестовый доступ: 30 дней и самый большой выбор бесплатных движков в разделе автоустановки. Это означает что прямо сейчас вы сможете зарегистрироваться на хостинге и получить тестовый доступ на 30 дней. После регистрации в течении 20 минут вы сможете сделать свой интернет магазин на WooCommerce по наше инструкции.

После регистрации на хостинге вам нужно открыть раздел CMS в панели управления хостингом:

Далее выбирайте WordPress:

В следующем окне запомните тестовое доменное имя на которое будет установлен сайт (вам дается тестовое доменное имя после регистрации на хостинге, например test525.bget.ru) и введите пароль к сайту. И жмите «Установить». Ждем несколько секунд и сайт готов.

Что бы перейти в админку созданного сайта открывайте адрес: test525.bget.ru/wp-admin. Логином будет admin, а пароль тот что вы придумали.

Шаг 2. Установка плагина WooCommerce

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

Нажмите Установить, затем Активировать.

Шаг 3. Работа с помощником установки

После активации откроется окно «Помощника установки». Вам нужно будет пройти 4 шага настройки: Общие, Оплата, Доставка, Дополнения. Затем активировать.

На первой закладке Настройка магазина вам нужно выбрать страну Россия, указать адрес магазина, выбрать валюту Российский рубль. Так же можно выбрать какой тип товара вы планируете продавать: физические, цифровые или все вместе.

Так же есть интересная галочка: Я буду также продавать товары или услуги лично.

На второй закладке просто отключите PayPal. В России он есть но к нему как то не привыкли еще. Мы установим Яндекс.Кассу чуть позже. А вот «Офлайн оплату» разверните и выберите «Оплата при доставке» — по любому пригодится.

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

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

На пятой закладке вам предлагают поставить плагин Jetpack. Это довольно таки полезный плагин, в том числе и для магазина. Совемуем поставить.

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

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

Шаг 4. Добавление товаров

Добавление товаров очень и очень похоже на добавление постов в блог:

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

На закладке «Данные товара» вы можете выбрать тип товара и цену.

Бывает 4 типа товаров:

• Простой товар. Это самый распространенный тип. Подходит для большинства товаров. Например «Дрель»! Так же к простым товарам относятся нематериальные товары товары. Если поставить галочку Виртуальный товар, то можно продавать услуги например «Выгул собак». Если поставить галочку «Скачиваемый», то вы сможете прикрепить файл который станет доступен сразу после оплаты. Например «Программа для архивации» или книга в формате PDF.
• Сгруппированный товар. Это товары которые продают обычно вместе. Например Смартфон и чехол к нему. Состав группы указывается на закладке Сопутствующие. Цена указывается для каждого товара входящего в группу.
• Внешний/партнерский товар. Это очень редкий вид товара. Вы таким образом можете продавать через свой магазин товары другого интернет магазина просто указав ссылку.
• Вариативный товар. Это например размеры или цвета. Когда вы продаете одежду без вариаций никак. Например у вас может быть 5 ботинок одного фасона, но разного размера.

Поля Базовая цена и Цена распродажи — используются для задания цены. Если вы укажите цену распродажи, то на странице товара обычная цена будет перечеркнута и указана цена распродажи.

На закладке «Запасы» можно включить учет запасов для данного товара. Например вы можете указать что на складе осталось всего 5 шт. данного товара. Если вы используете Вариативный товар, то вы можете указывать остатки в разрезе Вариаций. Например «осталось 5 шт красного товара».

На закладке «Доставка» указываем вес и габариты товара.

Вкладки «Сопутствующие» и «Атрибуты» пока детально рассматривать не будем в рамках этого поста.

Изображение товара и фотографии добавляются через блоки «Изображение товара» и «Галерея товара» справа от описания:

Так же для товара можно задать Категорию и Метки как для обычного поста:

Шаг 5. Настройка меню.

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

Что бы добавить меню нужно выбрать: Внешний вид / Меню. Далее нажать ссылку «Создайте новое меню» и придумайте название. Например «Главное»:

После этого вы сможете добавить в меню страницы связанные с магазином:

• Магазин
• Оформление заказа
• Корзина

Так же вы можете добавлять категории товаров, для создания удобной навигации по вашему каталогу. Эндпоинты WooCommerce это тоже страницы для зарегистрированных покупателей. Через них они могут войти/выйти в личный кабинет, просмотреть свои заказы и т.д.

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

Шаг 6. Подключение специализированной темы StoreFront

StoreFront это официальная тема от разработчиков WooCommerce. На момент написания статьи ее скачали более 2 млн. раз. Эта тема позволит использовать все функции этого плагина на все 100%.

Что бы ее установить идем по такому пути: Внешний вид / Темы. Затем жмем «Добавить новую» и в строке поиска вбиваем StoreFront. Затем жмем «Установить», а затем «Активировать».

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

eecommerce.ru

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

Мы предлагаем вам отдать предпочтение созданию интернет-магазина на ВордПресс, так как эта платформа считается одной из самых простых и надежных. Причем ею пользуются не только новички. Многие популярные интернет-магазины с нынешней доходностью свыше 1 млн рублей в месяц также разрабатывались на ВП. Это в очередной раз свидетельствует об эффективности платформы и ее широких возможностях.

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

Пошаговая инструкция создания интернет-магазина на WordPress

10 шагов, которые необходимо выполнить для быстрого и бесплатного создания интернет-магазина на WordPress с нуля:

1. Приобретаете хостинг и домен.

В первую очередь, нужно приобрести хостинг — сервер, на котором будет находиться ваш сайт. Чтобы обеспечить площадке стабильную бесперебойную работу, лучше отдать предпочтение надежным компаниям, существующим на рынке более 2 лет.

В идеале лучше воспользоваться хостингами, сервера которых базируются за границей. Однако если вы только начинаете и не ожидаете большого потока клиента, то для начала вполне будет достаточно недорогих вариантов с дисковым пространством 1-2 ГБ.

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

2. Устанавливаете WordPress на хостинг.

Инструкцию по установке CMS вы найдете в главном меню своего хостинга после его покупки. Да и, как правило, служба поддержки всегда поможет решить эту проблему.

3. Создаете карту сайта.

Для этого используйте плагин Гугл XML сайтмэпс. Также рекомендуем самостоятельно разобраться в теме создания файла robots.txt.

4. Устанавливаете плагин All In One SEO Pack.

Скачиваете этот плагин в интернете и загружаете его через соответствующий раздел в меню CMS.

5. Устанавливаете плагин WooCommerce.

Таким же образом устанавливаете плагин WooCommerce, который и станет основным мотором нашего интернет-магазина.

6. Русифицируете WooCommerce.

Скачиваете русификатор этого плагина и устанавливаете его точно так же. После этого все основные страницы будут переведены на русский язык.

7. Скачиваете шаблон магазина.

Находите подходящий платный/бесплатный шаблон на WP в интернете и скачиваете его себе на компьютер.

8. Загружаете шаблон на сайт.

Админка — Внешний вид — Загрузить тему — Активировать.

9. Проводите завершающую настройку.

Как настроить интернет-магазин на WordPress, и что под этим подразумевается? Сюда входит итоговая подкрутка базовых параметров под себя. В настройках измените валюту, которую собираетесь принимать, поставьте условия оплаты и доставки, удалите или добавьте модули в зависимости от потребности.

10. Наполняете сайт контентом.

Ну вот, в принципе, и все. Интернет-магазин на ВордПресс своими руками мы создали. Теперь осталось самое интересное — заполнить его контентом. Загрузите на сайт товары, напишите к ним описания и заполните характеристики, добавьте статьи и новости.

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

Почему WooCommerce?

Давайте разъясним, почему мы решили вам рассказать, как создать интернет-магазин на ВордПресс, базируясь именно на плагине WooCommerce. Да, существует еще большое количество различных вариантов: eShop, eCommerce, Cart66 Lite и прочие. Тем не менее, одним из самых популярных интернет-магазинов на WordPress остается именно WooCommerce. На сегодня на его базе созданы уже более 1 млн коммерческих площадок.

Итак, преимущества, которые имеет этот плагин перед существующими аналогами:

Улучшение интернет-магазина

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

Чтобы понять, какие места в интернет-магазине на ВордПресс можно и нужно докручивать, вам, в первую очередь, стоит ознакомиться с этим материалом. В нем подробно описываются 12 фишек, изучение которых гарантировано поможет положительно повлиять на успешность сайта. Помимо этого, порекомендуем еще несколько полезных плагинов:

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

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

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

webformyself.com

Как создать интернет-магазин самостоятельно

• Урок стартовый
• Урок 1
• Урок 2
• Урок 3
• Урок 4
• Урок 5
• Урок 6
• Урок 7
• Урок 8
• Урок 9
• Урок 10
• Урок 11
• Урок 12
• Урок 13
• Урок 14
• Урок 15
• Урок 16
• Урок 17
• Пошагово
• Ответы на вопросы

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

Урок 0 (ввод) — создание сайта на WordPress

Урок 1 — создание интернет-магазина

Урок 2 — настройка интернет-магазина

Урок 3 — как настроить WooCommerce

Урок 4 — продвижение, SEO оптимизация интернет-магазина

Урок 5 — настройка внешнего вида сайта

Урок 6 — подключение платежной системы, установка счетчиков

Урок 7 — как поставить социальные кнопки, вести блог и защитить магазин

Урок 8 — где брать клиентов в интернет-магазин

Урок 9 — как ускорить сайт и прочие улучшения

Урок 10 — как создать кнопку «под заказ»

Урок 11 — как настроить оплату на карту по номеру и переводить шаблоны (темы)

Урок 12 — как настроить события в Google Analytics и настроить доставку

Урок 13 — настраиваем главную страницу — Page Biluder или Visual Composer

Урок 14 — как быстро настроить красивый внешний вид + новый шаблон

Урок 15 — как подключить оплату Яндекс Деньги и Webmoney

Урок 16 — как настроить премиум шаблон на WooCommerce 3.0

Урок 17 — настройка темы Woostroid — часть 2

Основные моменты:

1. Регистрируем доменное имя, если RU, то дешево здесь
2. Заказываем хостинг например здесь
3. Устанавливаем автоматически WordPress прямо из опций хостинга, которая доступна на большинстве из них.
4. Скачиваем и устанавливаем тему оформления для магазина. Их очень много, я рекомендую Mega Shop или более новую Boulder, которая отличается более современным дизайном и возможностью создания лендингов из ваших товаров.
5. Устанавливаем необходимые плагины для работы магазина: Cyr to Lat enhanced, WooCommerce, Saphali Woocommerce Russian, Page Builder by SiteOrigin.
6. Настраиваем WooCommerce так как нам необходимо, установив все параметры, например: валюта магазина, доставка, налоги и тп
7. Настраиваем магазин, особое внимание стоит обратить на настройки ЧПУ и тп.
8. Создаем разделы товаров.
9. Добавляем около 10 тестовых товаров в разные рубрики дабы можно было визуально настроить наш магазин.
10. Проверяем как работает заказ товара, для чего выходим из админки, пробуем положить товар в корзину, а также проделать все действия, которые будет делать потенциальный покупатель: регистрация на сайте, оформление заказа и тд.
11. Заходим в админку и проверяем что наш заказ успешно добавлен.

beprofy.org

Почему стоит выбрать WooCommerce

WooCommerce — бесплатный плагин для WordPress. Он расширяет функциональность сайтов на самой популярной CMS в мире: превращает их в полноценные интернет-магазины. WooCommerce повторяет главное преимущество WordPress. Работать с движком и плагином для электронной торговли можно без знаний и опыта в веб-разработке.

По состоянию на середину лета 2017 года, количество активных установок плагина превышает 3 млн. По данным аналитической платформы BuiltWith, WooCommerce — самая популярная платформа для онлайн-торговли в мире.

Обратите внимание на важный нюанс. Если учитывать все существующие интернет-магазины, доля WooCommerce превышает 40 %. Если сузить охват до 1 млн или 100 тыс. самых популярных торговых площадок, популярность платформы снижается. А среди 10 тыс. самых крупных магазинов доля WooCommerce сокращается до 11 %.

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

Еще один нюанс: в Рунете WooCommerce пасет задних. Здесь явный лидер — OpenCart.

Стоит или нет использовать WooCommerce для создания интернет-магазина? Вот преимущества инструмента:

• По простоте настроек и управления WordPress и WooCommerce равных нет. Для создания магазина не нужны навыки разработчика. С Joomla!, OpenCart и Drupal работать сложнее, хоть с этими CMS тоже можно справиться без специальных знаний.
• Надежность и безотказность. Сайты на WordPress работают как часы. С другими движками иногда приходиться повозиться, чтобы что-то заработало. Например, интеграция модуля микроразметки на Joomla! отняла у меня двое суток, а на WordPress эта задача решается за 5 минут.
• Бесплатный инструмент независимо от выручки, количества товаров и других характеристик. За многие альтернативные решения, например, модуль «Эквид» или Magento Enterprise Edition, придется платить.
• Развитая инфраструктура. Для WordPress созданы тысячи бесплатных плагинов и тем, которые решают конкретные практические задачи. При работе с другими CMS за аналогичные решения придется платить или обращаться к разработчикам в индивидуальном порядке.
• Широкая функциональность. WooCommerce обеспечивает доступ к базовым функциям, которые необходимы интернет-магазину. А с помощью бесплатных и платных плагинов функциональность платформы можно расширить, а сайт адаптировать к потребностям конкретного проекта.

У WooCommerce есть недостатки. Главный — вам придется лезть под капот. Такой же недостаток есть у всех CMS и ecommerce-модулей. А лишены его конструкторы интернет-магазинов, например, Shopify. Если вы не хотите разбираться с техническими вопросами или тонкостями настройки, задачу можно делегировать профильным специалистам.

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

WooCommerce работает только с WordPress. Это может быть недостатком для онлайн-торговцев, которые предпочитают другие CMS.

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

Первые шаги: выбор хостинга, установка CMS, выбор дизайн-шаблона

Если вы создаете интернет-магазин с нуля, выбирайте виртуальный хостинг. Масштабов «Связного» и высокой посещаемости вы достигнете не сразу, поэтому VDS или выделенный сервер понадобится не сразу.

Обратите внимание на объем доступного дискового пространства. Если на витрине будет выставлено несколько десятков товаров, вопрос не имеет критического значения. А вот если счет товарам идет на сотни или тысячи, выбирайте хостинг-план с большим объемом дискового пространства. 10 ГБ на первом этапе хватит с запасом.

Чтобы работать со связкой WordPress и WooCommerce, лучше выбрать Linux-хостинг. Он должен поддерживать MySQL и PHP. Тарифный план должен включать доступ к панели управления сервером и к FTP.

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

Инструкции по установке CMS WordPress есть в руководстве для новичков. Но она вам не понадобится, если в панели управления хостингом есть автоустановщик скриптов Softaculos. Он поможет установить WordPress буквально в два клика.

Перед автоматической установкой CMS обратите внимание на важные детали:

• Замените автоматически сгенерированный пароль к базе данных.
• Вместо стандартного Admin укажите другое имя администратора.
• Придумайте надежный пароль для входа в административную консоль.
• Установите плагин Loginizer для защиты от брутфорсинга.
• Включите автообновление CMS, тем и плагинов.

После изменения настроек запустите установку.

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

При выборе темы ориентируйтесь на свои предпочтения и особенности проекта. Учитывайте важный нюанс: дизайн-шаблон должен быть совместимым с WooCommerce. Теоретически плагин должен работать со всеми темами для WordPress. Но на практике некоторые шаблоны работают с ecommerce-платформой некорректно.

Гарантированно хорошо работает дефолтная тема WooCommerce Storefront, а также ее дочерние темы.

В официальном каталоге тем WordPress есть шаблоны, разработчики которых декларируют совместимость с WooCommerce. Эти же темы можно найти через административную панель сайта в разделе «Внешний вид – Темы».

Также подходящие дизайн-шаблоны можно найти у одобренных сообществом WordPress разработчиков коммерческих тем.

Как установить и настроить WooCommerce

Плагин WooCommerce можно найти в официальном каталоге WordPress. Удобнее всего установить его через админку в меню «Плагины – Добавить новый». А если вы выбрали дефолтную тему Storefront от разработчиков WooCommerce, на панели управления появится предложение установить и плагин.

После установки и активации плагина система предложит указать основные настройки. На первом этапе мастер настройки создаст базовые страницы: «Магазин», «Корзина», «Оформление заказа», «Мой аккаунт».

На следующем этапе выберите страну и валюту. В выпадающем меню укажите позицию обозначения валюты. Для Рунета подойдет вариант «Справа с пробелом».

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

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

Далее мастер настройки предложит указать единицы измерения веса и длины. Если вы работаете в Рунете, придется выбирать между килограммами и граммами, а также между сантиметрами и метрами. Здесь все просто: если вы продаете чай в розницу, вес удобнее указывать в граммах. Оптовым продавцам лучше выбрать килограммы. Длину агроволокна в рулоне удобнее указывать в метрах, а габариты полок для книг или цветов проще оценивать в сантиметрах.

В настройках платежей укажите только оплату наличными при доставке. Адаптированные к российскому рынку системы для онлайн-расчетов вы подключите позже.

Вы выбрали базовые настройки интернет-магазина.

Как добавить товар в магазин на платформе WooCommerce

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

Товары в магазине под управлением WordPress и WooCommerce организованы в категории. Посмотреть существующие или создать новые рубрики можно в меню «Товары – Категории».

Чтобы создать новую категорию, укажите название, добавьте краткое описание и миниатюру. При необходимости укажите ярлык. Если категория дочерняя, с помощью выпадающего меню выберите родительскую рубрику. В меню «Тип отображения» выберите нужный вариант.

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

Добавить товар можно в меню «Товары – Добавить новый». Выберите категорию, укажите название продукта, добавьте описание.

Выберите тип товара, укажите стандартную цену. Если планируете распродажу, введите соответствующие данные.

Добавьте нужные данные на вкладке «Запасы»: укажите артикул, при необходимости включите автоматическое управление запасами. В этом случае на сайте будет отображаться количество доступных товаров. Также вы можете включить оформление предзаказов.

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

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

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

Убедитесь, что на странице товара указаны корректные данные.

Добавьте несколько товаров и приступайте к тонким настройкам магазина.

Как настроить главную страницу и меню

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

Если сайт работает только как интернет-магазин, логично сделать витрину главной страницей. В меню админки «Настройки – Чтение» укажите, что в качестве главной будет отображаться статическая страница. В выпадающем меню выберите нужный вариант.

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

Создать или отредактировать меню можно в разделе «Внешний вид – Меню». Укажите название, в разделе «Показать местонахождение» отметьте флажком опции «Главное» и «Мобильное меню». Добавьте в меню нужные страницы.

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

Добавьте в меню ссылки на основные или самые популярные категории товаров. Для этого скопируйте URL категории и укажите его в разделе «Произвольные ссылки».

При необходимости создайте дополнительное меню. Для этого перейдите на вкладку «Управление областями». Воспользуйтесь ссылкой «Использовать новое меню».

Добавьте в дополнительное меню страницы. Например, это могут быть эндпоинты WooCommerce.

Как работать с расширенными настройками WooCommerce

После установки WooCommerce мастер настройки помог вам указать основные параметры магазина. Теперь уделите внимание расширенным настройкам.

Как настроить налоги в WooCommerce

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

Согласно пункту 6 статьи 168 Налогового кодекса РФ цены товаров и услуг в магазинах необходимо указывать с учетом налогов. При этом сумму или ставку налога указывать не нужно. Например, если товар продается за 1180 рублей, в конечную стоимость уже включен НДС в сумме 180 рублей при ставке 18 %.

Если ваш магазин работает на упрощенной системе налогообложения, вы ориентируетесь на внутренний рынок, а в качестве регистрационной формы используется ООО или ИП, используйте следующие настройки налогов:

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

Сохраните изменения и проверьте, как отображается цена товаров.

Как настроить параметры доставки

В меню «WooCommerce – Настройки» выберите вкладку «Доставка». Нажмите кнопку «Добавить зону доставки».

Укажите название зоны и выберите географический регион. Добавьте методы доставки. Доступны методы «Самовывоз», «Бесплатная доставка» и «Единая ставка». Последний метод позволяет установить единую стоимость доставки для выбранного региона.

Чтобы отредактировать метод доставки, нажмите ссылку «Изменить» возле соответствующей ссылки в списке. В открывшемся диалоговом окне можно поменять название метода, налоговый статус и стоимость услуги.

Как настроить платежи для магазина на WooCommerce

Сразу после установки с помощью мастера настройки вы включили один способ расчетов: наличными при доставке. Теперь подключите к сайту универсальную платежную систему, которая поддерживает несколько популярных способов приема платежей от клиентов.

Например, подключите к сайту сервис Wallet One. Для этого зарегистрируйтесь в системе, предоставьте провайдеру платежей необходимые данные и установите бесплатный плагин для WordPress от «Единой кассы». После установки и активации плагина настройте способы платежей в меню «WooCommerce – Настройки».

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

«Единая касса» поддерживает платежи с банковских карт, через системы интернет-банкинга и электронных денег, банковские переводы, мобильные платежи и другие способы расчетов.

Вместо Wallet One можно подключить другие платежные сервисы, например, «Яндекс.Касса», PayOnline.

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

Как улучшить технические характеристики и расширить функциональность магазина на WooCommerce

На данном этапе подключите дополнительный SEO-модуль, создайте идеальную структуру URL, настройте ускоренные мобильные страницы и специфичную для ecommerce-сайтов микроразметку.

Как оптимизировать магазин на WooCommerce

Сайты на WordPress и WooCommerce по умолчанию SEO-оптимизированные. Если вы настраивали сайт по инструкциям для новичков, то уже установили базовый плагин All in One SEO Pack. Он позволяет тонко оптимизировать ресурс к требованиям поисковых систем.

Установите и активируйте надстройку для базового плагина: модуль WooCommerce All in One SEO Pack. Этот инструмент позволяет контролировать метаданные страниц товаров. Он добавляет блок All in One SEO Pack на страницу редактирования продукта.

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

Уделите внимание URL. На этапе базовой настройки сайта вы включили ЧПУ. Но при использовании WooCommerce по умолчанию ссылки на продукты содержат префикс product. Это лишняя информация, из-за которой URL получается слишком длинным.

Проблему можно решить с помощью платного плагина Perfect SEO URL. Эта надстройка делает ссылки на товары в магазинах на WooCommerce идеальными. Примеры можно увидеть на демонстрационном сайте плагина.

Если вы не хотите тратить 119 долларов на плагин Perfect SEO URL, скачайте и активируйте модуль Permalink Manager Lite. В консоли выберите меню «Инструменты – Permalink Manager». Откройте вкладку Permastructures. В строке «Товары» укажите желаемую структуру URL. Чтобы в ссылке отображалось только название категорий и название товаров, используйте конструкцию %product_cat%.

Добавьте на сайт новый товар. Проверьте, как отображается ссылка.

Обратите внимание, изменения структуры URL не применяются автоматически к опубликованным ранее товарам. Ссылки на них придется редактировать вручную. Для этого на странице настроек плагина выберите вкладку URI Editor. В разделе товары внесите необходимые изменения.

Проверьте отображение измененных вручную ссылок.

Как настроить микроразметку и протокол Open Graph

Если вы подключили рекомендованный в руководстве для новичков плагин All in One SEO Pack, подключение протокола Open Graph не займет много времени. В настройках SEO-комбайна включите модуль «Социальные мета». Этого достаточно, чтобы при публикации ссылок на товар в социальных сетях отображался привлекательный сниппет.

На странице модуля измените настройки Open Graph для Facebook. Выберите тип данных «Сайт», включите Facebook Meta для типа записей «Товары».

Укажите тип данных Product для страниц товаров.

Предложенные настройки обеспечивают визуально привлекательный сниппет для ссылок на страницы товаров.

При необходимости измените настройки отображения Twitter Cards.

Дефолтный шаблон для магазинов на WooCommerce поддерживает тип микроразметки Product Schema.org для страниц товаров. Однако реализованная в теме микроразметка не проходит валидацию.

Из-за ошибок в микроразметке поисковые системы могут не показывать расширенные сниппеты на страницах поисковой выдачи. Это снижает CTR ссылок и уменьшает поисковый трафик магазина.

Исправить ситуацию можно с помощью платного плагина Schema WooCommerce Plugin by Schema App. Эта надстройка исправляет ошибки и добавляет в разметку недостающие данные, которые необходимы для формирования расширенного сниппета в SERP. Стоимость плагина для одного сайта составляет 47 долларов.

Корректную микроразметку также можно добавить с помощью бесплатных инструментов, например, All In One Schema.org Rich Snippets. После установки и активации плагина необходимо включить поддержку разметки на страницах продуктов.

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

Созданная с помощью All In One Schema.org Rich Snippets разметка проходит валидацию. Проблема в том, что в коде страницы остается и старая разметка с ошибками.

Кроме того, All In One Schema.org Rich Snippets реализует разметку не через JSON-LD. Поэтому информация видна не только поисковым роботам, но и людям. Блок с семантическими данными фактически дублирует информацию на странице.

Как создать AMP для магазина на WooCommerce

По данным Google, конверсия мобильных пользователей прямо зависит от скорости загрузки и простоты использования страниц ecommerce-сайтов на маленьких экранах. Поэтому крупнейшая поисковая система в мире рекомендует владельцам интернет-магазинов использовать AMP.

Чтобы реализовать ускоренные мобильные страницы, установите и активируйте базовый плагин AMP и две надстройки: AMP for WP и AMP WooCommerce. На сайте появятся ускоренные версии статических страниц, записей и товаров.

Уделите внимание настройкам AMP. Они доступны в соответствующем меню административной панели. Подробную инструкцию смотрите в руководстве по ускоренным мобильным страницам.

Обратите внимание на ряд важных опций в контексте настройки AMP для интернет-магазина. Включите кнопку «Позвонить сейчас». Она поможет владельцам мобильных гаджетов немедленно связываться с отделом продаж. Указать номер телефона и выбрать внешний вид кнопки можно в разделе Design настроек AMP.

Подключите платную функцию Call to Action. Эта надстройка для плагина AMP for WP добавляет на ускоренные страницы конверсионные формы с призывом к действию. Стоимость надстройки составляет 30 долларов.

В разделе Notifications при необходимости подключите уведомления. Их часто используют, чтобы сообщить посетителям об использовании на сайте cookie.

Проверьте, как ускоренные страницы отображаются на мобильных экранах.

Используйте дополнительные возможности WooCommerce

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

Воспользуйтесь кастомайзером, чтобы настроить внешний вид магазина. В меню «Внешний вид – Настроить» можно менять заголовок и описание сайта, устанавливать фоновое изображение в шапку, менять цвета ссылок, заголовков и текста. Также можно выбрать внешний вид кнопок, положение сайдбара, настроить меню и виджеты, добавить пользовательские CSS.

В разделе меню «Внешний вид – Storefront» можно расширить функциональность базовой темы WooCommerce. Вы можете выбрать бесплатные и платные надстройки. Например, бесплатно можно подключить прикрепленную кнопку «Купить» и дополнительную иконку корзины.

Также из меню «Внешний вид – Storefont» можно выбрать и установить дочернюю тему.

Обратите внимание на несколько полезных решений:

• Плагин Facebook for WooCommerce поможет управлять рекламными кампаниями в популярной соцсети. Также с помощью надстройки легко сделать магазин на странице бренда в «Фейсбуке».
• Плагин WooCommerce Multilingual поможет сделать сайт мультиязычным.
• Если выбранная тема не имеет встроенного слайдера, поможет плагин WooCommerce Poduct Slider.
• Если тема не поддерживает увеличение фотографий при наведении курсора мыши, попробуйте YITH WooCommerce Zoom Magnifier.
• Плагин YITH WooCommerce Wishlist добавляет на сайт функцию «Список желаний».
• С помощью Super Socializer можно добавить возможность регистрации через аккаунты в социальных сетях.
• Платный плагин WooCommerce 360º Image позволяет демонстрировать клиентам 3D-фото товаров.
• С помощью WooCommerce Recover Abandoned Cart можно возвращать на сайт посетителей, которые добавили товар в корзину, но не оформили заказ. Плагин платный.
• Платное решение WooCommerce Quick Export Plugin поможет мгновенно экспортировать данные о клиентах и сделках в файл. Это нужно, если вы переносите ресурс на новый хостинг.

Другие инструменты для повышения эффективности WooCommerce ищите в официальном каталоге плагинов WordPress.

Управлять заказами и отслеживать статистику можно в разделах «Заказы» и «Отчеты» меню WooCommerce. В разделе «Купоны» можно создать и опубликовать акционные предложения для повышения продаж.

Связке WordPress и WooCommerce нет равных

Благодаря самой популярной CMS и самой популярной ecommerce-платформе вы можете быстро создать полноценный интернет-магазин. Для этого не нужны знания в веб-разработке. На первых этапах ваши расходы будут минимальными, так как движок, шаблоны и базовые плагины доступны бесплатно.

Настраивать магазин и управлять им очень просто. Вы сможете самостоятельно повысить SEO-дружественность сайта и дополнительно адаптировать его к мобильному трафику. Благодаря развитой инфраструктуре WordPress вам доступны практически неограниченные возможности кастомизации и расширения функциональности магазина на WooCommerce.

Связка WordPress и WooCommerce поможет вам сосредоточиться на расширении ассортимента товара и увеличении продаж. А если появятся вопросы по настройкам сайта, пишите в комментариях.

kak-sozdat-internet-magazin-s-pomoshchyu-svyazki-wordpress-i-woocommerce-podrobnoe-rukovodstvo

texterra.ru