Создание интернет-магазина на WordPress + Woocommerce

Отличная и умеренно простая связка, чтобы уже сейчас начать создавать интернет магазин. Видеоинструкция вам поможет с легкостью освоить разработку сайтов на CMS WordPress. Ну что…полетели)

Хостинг для размещения сайта

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

Регистрируем хостинг по ссылке выше. Вам понадобится электронная почта (ранее она не должна быть зарегистрирована на хостинге), а так же номер телефона с такими же условиями, что и email. После прохождения полной регистрации (вводите личные данные), подтверждаете e-mail. Оповещение для подтверждения приходит к вам на почту. Далее следует установить систему с помощью которой мы будем управлять своим сайтом. А именно WordPress.

Что такое WordPress?

WordPress — это самая популярная бесплатная система управления сайтом (CMS).Первоначально была создана для создания блогов. Первый релиз был выпущен в 27 мая 2003 года. Сайтов на WordPress уже насчитывается более 60 миллионов.

В дальнейшем начали создаваться разнообразные плагины (так сказать дополнения) для него. На сегодняшний день это мощная платформа, которая способна выполнять практические любые задачи. На ей платформе теперь создаются блоги, форумы, сайты визитки, Landing Page и конечно же интернет-магазины. Официальные сайт WordPress доступен в сети интернет. На нем можно скачать последнюю версию CMS.

Автоматическая установка WordPress

Автоматическая установка WordPress осуществляется на хостинге с помощью ISP MANAGER.

1. Переходим на вкладку хостинг, далее переходим в панель управления.
2. Попадаем в ISP MANAGER кликаем Установка CMS
3. Кликаем установить WordPress
4. Вводим данные. Указываем доменное имя, куда устанавливаем WordPress. Можно выбрать технологический домен. Как настроить тех. домен указано в инструкции от REG.RU. Устанавливаем логин и пароль для входа в админ панель сайта. В конце странице кликаем на установить.

Ручная установка WordPress

Для того чтобы начать ручную установку wordpress к себе на хостинг нужно скачать последнюю версию CMS с официального сайта. Ссылка указана в блоке Что такое WordPress?. Далее можно пойти по разным путям. Использовать FTP или использовать стандартный файловый менеджер от хостинга. Будем использовать файловый менеджер, так как не у всех есть специальные программы (напр. FileZilla) для работы с хостингом по FTP и не каждый умеет с ними работать.

1. Для начала заходим в свой аккаунт на REG.RU. Кликаем на ссылку хостинг, далее панель управления.
2. Далее слева с сайдбаре находим ссылку менеджер файлов. Переходим.
3. Видим папки. Двойным щелчком переходим в папку www. Далее видим папки с названием домена. Например технологического домена такого вида u1234567.isp.regruhosting.ru. В разделе автоматической установки WordPress, я указывал как можно его настроить.
4. Далее находим где наш скачанный архив с установочными файлами CMS WordPress. Выбираем наш файл, кликаем загрузить.
5. После загрузки нашего архива на хостинг. Требуется его распаковать. Выбираем папку с архивом. Далее находим Архив > Извлечь. Распаковываем в папку домена, куда нужно установить.
6. Наш архив распаковался. Но не в корень сайта. Файлы сайта нужно переместить (вытащить) из папки wordpress. Идём в папку wordpress. Выделяем все файлы и кликаем на копировать. Выбираем нужную папку домена, отмечаем перенести файлы. Файлы перенесли в корень сайта. Теперь папку wordpress можно удалить. ZIP архив с установочными файлами CMS тоже удаляются.
7. Переходим по домену, на который мы делали установку. Например u1234567.isp.regruhosting.ru. Нас просят создать базу данных.
8. Идём создавать базу данных. Слева в сайдбаре кликаем базы данных. Далее создать базу данных. Заполняем поля. Имя (базы данных), имя пользователя, пароль. Все данные сохраняем в файлик.
9. Базу данных мы создали. Кликаем вперёд в браузере где происходило завершение установки wordpress. Из файлика заполняем данные базы данных. Имя базы данных, имя пользователя, пароль. Остальное оставляем как есть. Отправляем данные. Получаем сообщение, что все хорошо.  Кликаем запустить установку.
10. Указываем название сайта (можно потом заменить). Вводим данные для входа в админ панель сайта, e-mail администратора (ваш адрес) и отмечаем галочку «Попросить поисковые системы не индексировать сайт». Вероятно сайт пока не нужно запускать в поиск. Он же еще не сделан до конца. Данные для входа сохраняем в файл или запоминаем. Кликаем установить WordPress.
11. Попадаем на экран поздравления. Кликаем войти. Вводим сохраненные данные для входа в админ панель. Установка закончена. Попадаем в админ панель сайта.

WooCommerce

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

Установка WooCommerce из админ панели WordPress

Установить последнюю версию плагина WooCommerce можно через админ панель WordPress. Плагины > Добавить новый > В поле поиска введите WooCommerce. Кликаем установить. Активируем. Проходим все этапы настройки.

Установка WooCommerce с официального сайта вручную

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

Установка бесплатной темы для интернет-магазина на WooCommerce + WordPress

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

Если вдруг вы пропустили этот пункт, то переживать не стоит. Вы всегда можете её установить из разделы темы, в вашем WordPress. Переходим Внешний вид > Темы. Кликаем кнопку добавить. В поле поиска вводим название темы Storefront. Наводим на тему. Устанавливаем и активируем. На этом установка закончена. У вас изменится главная страница, страница магазина, появится корзина, оформление заказа и все, что требуется настоящему интернет-магазину.

Что делать дальше с интернет-магазином

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

Взлетаем в ТОП с Ptahini.