Лого SiteHere.ru

Как создать интернет-магазин на WordPress с импортом из 1С

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

Интернет-магазин создать совершенно несложно. Недавно мы закончили выполнение проекта по созданию интернет-магазина на WordPress для нашего клиента и я решил написать статью, чтобы показать, как это сделать по шагам.

Кроме того, что вы узнаете, как создать интернет-магазин на WordPress, мы еще разберем, как делать импорт товаров из 1C.

Содержание

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

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

А мы начнем с установки локального сервера на свой ПК.

Установка локального сервера

Первое что нам нужно сделать, это установить локальный сервер (он предназначен для того, чтобы вы смогли запустить ваш сайт на своём ПК). Заходим на сайт https://ospanel.io/download/ и скачиваем версию ultimate(в ней будет куча полезных программ для разработки сайтов, в отличии от версии Basic). После вас попросят пожертвовать любую сумму по желанию, но можно отказаться и нажать “Нет, спасибо, хочу просто скачать”.

Скачивание Open Server

Качаться будет долго, поэтому идём по своим делам и возвращаемся через пару часов.

После того, как загрузка завершена, мы должны распаковать данный файл. Нажимаем на него и открывается следующее окно, где мы нажимаем “извлечь”. Через несколько минут файл распаковывается в выбранную “папку назначения”.

Установка Open Server

Заходим в данную папку и видим следующее, где “domains” папка где будет хранится интернет-магазин, а два файла “Open Server x64” и “Open Server x84” предназначены для запуска локального сервера. В зависимости от разрядности вашей системы windows нужно выбрать исполняющий файл Open Server. Чтобы узнать это нужно воспользоваться поиском и набрать “система”, выбрать “система”.

Как посмотреть свойства системы Windows

В открывшемся окне узнаем разрядность системы

Как узнать разрядность системы Windows

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

Через несколько минут подтверждаем перезагрузку ПК.

После перезагрузки запускаем open server и в нижнем углу экрана должен появится красный флажок, кликаем на него правой кнопкой мыши и выбираем “запустить”. Протестировать работу сервера можно кликнув в том же самом меню “мои сайты -> localhost”.

Установка Open Server завершена успешно

Установка и настройка WordPress

Отлично, переходим к следующей части, а именно — установка WordPress.

Качаем его тут https://ru.wordpress.org/download/ и распаковываем в “domains” папку “wordpress”, переименовываем эту папку в “ourshop.loc” (ourshop можно заменить на любое другое название, “loc” мы же добавляем для того, чтобы у нас не срабатывала переадресация на ourshop.ru/ или любую другую существующую доменную зону).

Запускаем http://ourshop.loc/ в любом браузере.

Установка WordPress

Заполняем вот так и ничего не нажимаем, а переходим к созданию базы для интернет-магазина.

Установка WordPress - база данных

Опять нажимаем правой кнопкой мыши на флажок в правой нижнем углу и выбираем “дополнительно -> PhpMyAdmin”(PhpMyAdmin – это веб-приложение для администрирования баз данных). И так, запустили и набираем логин “root” и поле пароля оставляем пустыми(это стандартные логин и пароль для PhpMyAdmin).

После нажимаем в левой верхнем углу “Создать БД” , заполняем имя базы данных “ourshop” и нажимаем “создать”.

Установка WordPress - настройка базы данных

Теперь возвращаемся установке wordpress и нажимаем “отправить” и получаем следующее окно.

Установка WordPress - запуск установки

Нажимаем “запустить установку” и заполняем название сайта, имя пользователя, пароль желательно использовать тот, что рекомендуется(никаких “123”), только предварительно сохраните логин и пароль в блокноте, чтобы потом не нужно было его восстанавливать. А на случай, если вы всё-таки забыли пароль (также туда будут отправляться заявки из интернет-магазина) заполняем поле “Ваш email”.

Установка WordPress - настройка wordpress

Нажимаем “Установить WordPress” и после нажимаем “войти“ и заполняем сохраненные в блокноте, логин и пароль.

Теперь давайте разберемся, что же такое wordpress. WordPress — это система управления сайта с массой уже готовых решений(плагины) на любой случай жизни и мы можем сложить любой сайт как конструктор. Но перед этим, нам нужно установить уже готовый шаблон для страниц(в wordpress это называется тема) для интернет-магазина. Заходим сюда и качаем. Теперь нужно перенести содержимое загруженного архива в “путь_к_OpenServer\domains\ourshop.loc\wp-content\themes\”.

Установка WordPress - настройка wordpress

Теперь нужно активировать тему storefront. Заходим в http://ourshop.loc/wp-admin/ и в левой панели выбираем “внешний вид->темы” и нажимаем “активировать”. После активации мы заходим через меню в “плагины” и нажимаем “добавить новый”. В правом верхнем углу в поле “Поиск плагина” записываем “woocommerce” и когда запрос поиска обработается мы увидим плагин “woocommerce”, далее нажимаем “установить”. Когда загрузка закончится(иконка загрузки пропадет и вместо нее появится кнопка ”активировать”, которую мы и нажимаем.

Установка плагина WordPress

Установка и настройка Woocommerce

Далее настраиваем плагин “woocommerce”. И разберем каждое поле для настройки.

Настройки магазина:

  • Где базируется ваш магазин? Здесь указываем страну, где находится ваш магазин(просто физический адрес);
  • Адрес. Записываем точный адрес, а именно улица, адрес дома, номер кабинет или квартиры;
  • Дополнения по адресу. Дополнительная информация по адресу;
  • Город. Здесь указываем город;
  • Почтовый индекс . Здесь записывается индекс для вашего адреса;
  • В какой валюте вы принимаете платежи? Здесь выбирается валюта, которая будет применятся на всём сайте для каждого товара Woocommerce;
  • Какого типа товары вы планируете продавать? Здесь указывается тип товара и в зависимости от того, какой тип вы продаете, будут появляться опции для наполнения и соответсвенно , для вывода на сайте.
Установка Woocomerce - настройка магазина

Оплата:

  • Это настройки для оплаты и здесь нужно указать приемлемый вид оплаты для вас. PayPal не так распространен в странах СНГ, поэтому лучше его отключить;
  • Выбираем, из перечисленных интересующий нас, способ оплаты. Я выберу оплату при доставке.
Установка Woocomerce - настройки оплаты

Доставка:

  • Выбираем способ доставки для России. Для единой доставки нужно указать цену доставки и можно зафиксировать эту цену для товаров;
  • Выбираем способ доставки для остальных стран. Тут также как и в предыдущем пункте;
  • Параметры веса и размеров товара. Эти параметры будут распространяться на весь сайт.
Установка Woocomerce - настройки оплаты

Рекомендуемые плагины для WooCommerce:

  • Здесь я сниму все галочки, при желании эти и остальные плагины можно будет установить позже.

Активация плагина Jetpack:

  • Тут также пропускаем.

Теперь Woocommerce настроен и можно приступать к наполнению. Нажимаем Перейти в консоль.

Установка Woocomerce - успех

Установка плагина WP ALL Import и настройка импорта товаров.

Теперь нам нужно установить ещё один плагин “wp all import”. Он нам нужен для наполнения сайта с помощью выгрузки из 1С.

Установка WP ALL import

И ещё скачаем “wp all import woocommerce add-on”.

Установка WP ALL import add-on

Скачиваем и активируем два плагина. После этого плагин появится в левом меню с названием All import. Кликаем по нему и выбираем New import.

Теперь нужно загрузить файл в формате utf-8 по нажатию на кнопку “Upload a file”.

Пример выгрузки 1С

Внимание! UTF-8 — это обязательный формат для WP ALL import.

Настройка WP ALL

И выбираем Woocommerce Products.

Настройка WP ALL

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

  • Если же у вас все поехало, то скорее всего у вас выбран другой разделитель полей. В стандартной выгрузке разделитель “;”.
  • Если же вы видите иероглифы, то формат вашего файла не utf-8. В стандартной выгрузке разделитель формат уже изменен.

Далее, если ваша выгрузка выглядит как у меня, то нажимаем “Continue to Step 3”.

Настройка WP ALL

Далее нам нужно заполнить поля для товаров. Нам нужно просто перетаскивать нужное нам поле из правого окна, в соответствующие поле слева. Здесь можно помещать несколько полей из правого окна, в одно слева и также вставлять свои разделитель как у меня в title description.

Настройка WP ALL

В окошке Woocommerce add-on, поле sku обязательно для заполнения, это артикул каждого товара. Также обязательно поле это цена “regular price”.

Настройка WP ALL

В images мы помещаем поле, которое идентично названию файла-картинки, которые мы помещаем в “путь_к_OpenServer\domains\ourshop.loc\wp-content\uploads\wpallimport\files\”.

Настройка WP ALL

В Taxonomies, Categories, Tags мы можем разместить категории наших товаров, которые будут автоматически создаваться на нашем сайте.

Настройка WP ALL

Сохраняем на “Continue to Step 4”. В поле Unique Identifier нажимаем auto-detect.

Настройка WP ALL

Потом нажимаем кнопку “continue” и “run import”.После этого плагин перемещает все данные из выгрузки и мы получаем окно об успешной импорте файла.

Переходим на http://ourshop.loc/shop и видим наши товары.

С Уважением, Семенов Павел

1 комментарий к записи
  • Артём

    Просто, лаконично и понятно, описано всё по делу! Лайк!

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *