Файл: Разработка сайта интернет-магазина цветов.pdf

В процессе разработки было отключено большинство виджетов, из них были оставлены: «Свежие записи» и «Рубрики». Был добавлен логотип, а также «Призыв к действию» и обратная связь для посетителей сайта.

Был изменен «Подвал»сайта (Рисунок 14.)

Рисунок 14. «Подвал» сайта

В детальной настройке сайта было выбрано отображать сайт в виде бокс-коробки (Вместо растянутого стиля, как при установке) и установлен задний фон в виде цветов. Далее, для реализации коммерческой стороны сайта был подключен бесплатный плагин «WooCommerce», который позволяет автоматизировать заказ товаров в интернет-магазине, предоставляет функционал пользовательской «Корзины» и позволяет его редактировать. Для настройки плагина переходим во вкладку «Плагины», контрольной панели WordPress, после чего нажимаем кнопку «Добавить новый» и выбираем плагин для установки, как показано на рисунке ниже:

После чего в строке поиска пишем «WooCommerce» и устанавливаем плагин:

После установки нам нужно активировать и настроить плагин. Для этого жмем по кнопке «Активировать»:

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

Первоначальная настройка плагина «WooCommerce» завершена. Он автоматически создаст дополнительные необходимые для его работы страницы в меню сайта и заполнит их:

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

Для полной работоспособности плагина требуется настроить email-рассылку, по стандарту, если все шаги установки плагина и CMSбыли выполнены правильно, то рассылка будет выглядеть корректно, в противном случае, требуется настроить email-рассылку, следующим образом:

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

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

Для добавления товара в каталог требуется перейти во вкладку «Товары» панели WordPress, после чего нажать кнопку «Добавить новый», как это показано ни рисунках ниже:

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

• Название товара
• Фото товара
• Артикул
• Состояние (В наличии\на складе\по заказу)
• Категория
• Краткое описание
• Цена
• Метки

После заполнения карты товара мы можем посмотреть его на сайте:

Так выглядит заполненная карта товара:

И его отображение на сайте, в каталоге товаров:

Новости на сайте добавляются аналогично добавлению товара, за исключением параметров товара.

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

После добавления товаров в корзину, перейдем к оформлению заказа, для этого переходим во вкладку меню «Моя корзина», там будут отображены товары, которые Вы добавляли, следующим образом:

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

Для оформления заказа необходимо будет заполнить следующие поля:

Далее, если заказ принят в обработку, вы увидите электронный чек Вашего заказа:

Для отслеживания заказов внутри сайта, переходим во вкладку «WooCommerce»,где выбираем вложенную вкладку «Заказы». Там у нас отображается список всех заказов, сделанных на сайте.

Заключение

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