Как создать интернет-магазин на Wordpress за 1 день в 2020 году. Окончание

18 July

В этом видео я заканчиваю свой рассказ о том, как создать интернет-магазин на Wordpress за 1 день в 2020 году.

Смотрите предыдущие видео из серии Как создать интернет-магазин на Wordpress за 1 день в 2020 году (часть 1 и часть 2).

В этом видео мы будем настраивать сам интернет-магазин.

1. Редактируем магазин

Мы можем отредактировать оформление главной страницы магазина, аналогично другим страницам сайта.

Изменит основные цвета и кнопки, шрифты.

Устанавливаем страницу магазина в настройках плагина WooCommerce.

Далее включаем отображение сайдбара для страниц магазина с левой стороны.

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

Сейчас у нас в сайдбаре отображаются два виджета: поиск по товарам и категории товаров.

Оставим пока так и перейдем к следующему этапу.

2. Добавляем и редактируем товары

Переходим в Консоль.

Далее в пункт меню Товары - Добавить.

Появляется форма добавления товара.

В первое поле мы вводим название товара.

В следующее поле, полный текст описания товара.

В поле данные товара вводится цена, пока она обозначена в евро.

Чуть позже мы изменим валюту на рубли.

И еще есть два интересных поля: виртуальный и скачиваемый.

Если вы продаете цифровые товары или услуги, то можете отметить товар как виртуальный.

Если после покупки, нужно скачать какой-либо файл, то отмечаете - скачиваемый.

И последнее поле для краткого описания товара.

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

В частности, Спортивные часы Suunto 9 Baro, цвет черный за сорок восемь тысяч сто девяносто семь рублей.

Копируем текст описания.

Вставляем его в поле описания товара.

Копируем название и вставляем в соответствующее поле.

Указываем цену с разделителем точкой.

Теперь нам нужно указать новую категорию для товара.

Она будет называться Спортивные часы.

Нажимаем на ссылку Добавить категорию и вводим название.

В поле для краткого описания вводим название Спортивные часы Suunto 9 Baro, цвет черный

Теперь нужно добавить изображение для товара.

Сохраняем его себе на компьютер и загружаем на сайт.

Вводим текст подсказки и заголовок для картинки.

Сохраняем новый товар.

Теперь его страницу можно посмотреть и новый товар можно добавить в корзину покупок.

3. Добавляем категории

Давайте добавим новую категорию в меню товаров.

Переходим на главную страницу магазина.

Мы видим что появились виджеты с фильтром по цене и рейтинговые товары.

Также наш новый товар.

Переходим в настройки нашего шаблона.

В раздел меню.

Нажимаем на кнопку Добавить элементы.

Выбираем раздел Категории товаров.

И нашу новую категорию Спортивные часы.

Перетаскиваем её на нужное место.

Публикуем изменения.

Проверяем работу.

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

Нужно выбрать пункт меню Товары - Категории.

Я добавляю еще две категории: Шагомеры и Фитнес-браслеты.

В новые категории также нужно добавить товары.

Я это сделаю без демонстрации вам.

Покажу результат.

Я добавил два товара:

Фитнес-браслет Honor Band 5, черный

Шагомер Omron HJ-325-EB, синий

Вижу что у фитнес-браслета я забыл указать цену.

Давайте её добавим, а также я покажу как можно отредактировать товар.

Открываем его страницу и на верху выбираем пункт меню Изменить товар.

Открывается форма для редактирования товара.

В поле Базовая цена вводим значение.

И нажимаем на кнопку Обновить.

Теперь новые категории нужно добавить в пункт меню Магазин.

Снова переходим в настройки нашего шаблона.

В раздел Меню.

Нажимаем на кнопку Добавить элементы.

Выбираем раздел Категории товаров.

И добавляем две новые категории Шагомеры и Фитнес-браслеты

Проверяем работу.

Я не сказал, что меню можно изменять через консоль.

Если выбрать пункт меню Внешний вид - Меню.

И раскрыть на верху панель Настройки экрана.

Где можно отметить отображение Категории товаров.

Давайте добавим Фитнес-браслет в Корзину.

Мы переходим на соответствующую страницу, где видим что отображается сайдбар.

Нужно его отключить.

Для этого приходим в Консоль - Страницы и изменяем Страницу корзины.

В настройках Сайдбара выбираем Без сайдбара.

А в Разметке содержимого - Опции настройщика.

Аналогично для страницы оформления заказа.

4. Добавляем параметры доставки

Сначала уберем сообщение о невозможности доставки в наш регион.

Для этого приходим в Консоль, WooCommerce - Настройки.

На странице Основные настройки в поле Страна/Область, республика выбираем Россия.

Сохраняем изменения.

Далее переходим на вкладку Доставка.

Здесь Вы должны добавить зону куда будет осуществляться доставка.

Если у меня доставка будет по всей России, я выбираю зону Россия.

Указываю название зоны Российская Федерация.

Потом мы добавляем метод доставки.

Можно выбрать один из трех вариантов:

- Единая ставка

- Бесплатная доставка

- Самовывоз

Я выбираю Бесплатная доставка.

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

Например, сумма минимального заказа - 1 000.

Сохраняем изменения.

5. Добавляем приём платежей.

Переходим на следующую вкладку в настройках интернет-магазина Платежи.

Нам предлагают использовать следующие методы оплаты:

- Прямой банковский перевод

- Чековые платежи

- Оплата при доставке

- Через систему платежей PayPal

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

Я выбираю метод Оплата при доставке.

Нажимаем на кнопку Установить и попадаем на страницу настроек.

Здесь Вы можете задать своё название, описание и текст для инструкций по оплате.

Выбрать необходимый способ доставки для данного метода оплаты.

Я указываю Российская Федерация - Бесплатная доставка.

Можно еще разрешить наложный платеж, отметить соответствующие параметры.

Сохраняем изменения.

Если ваш интернет-магазин ориентирован на зарубежную аудиторию, то вы можете настроить приём платежей через PayPal.

Для платежей по России это не подойдет.

Проблему со способами оплаты могут решить дополнительные плагины:

1. FONDY — Платежный шлюз для WooCommerce

После установки и активации плагина, ваши покупатели смогут оплачивать товары используя:

банковские карточки,

интернет-банкинги,

Apple Pay

Google Pay.

2. Сбербанк РФ — WC rbspayment, чтобы дополнить методы оплаты WooCommerce

Ваши покупатели смогут расплачиваться с вами через платёжную страницу «Сбербанка».

3. Тинькофф банкинг

Интернет-эквайринг от Тинькофф позволяет настроить оплату на 35 CMS, в том числе Woocommerce WordPress.

Для подачи заявки на подключение и получение плагина нужны ИНН и паспорт руководителя.

Сам плагин бесплатный.

4. Яндекс касса

Возможности модуля:

Соответствие законам: 54-ФЗ и 54-ФЗ ФФД 1.05;

Возможность b2b-платежей;

Умные платежи;

Возврат денег;

Оплата в две стадии;

Быстрые повторные платежи.

Все ссылки на плагины я добавлю на страницу с видео на моём сайте.

Если поискать, можно найти и другие решения.

Возвращаемся на страницу оформления заказа и в поле Страна/регион указываем Россия.

С правой стороны появляется сообщение:

Оплата при доставке. Оплата наличными при доставке заказа.

6. Изменяем валюту магазина

Для этого снова переходим в Консоль, WooCommerce - Настройки.

И в нижней части Основных настроек находим раздел Настройка валюты.

В качестве валюты выбираем Российский рубль.

Позиция обозначения валюты - с права.

Разделитель тысяч - пробел.

Десятичный разделитель - точка.

Сохраняем изменения.

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

Возвращаемся в основные настройки магазина.

В разделе Основные настройки для торговой точки выбираем Продавать в определённые страны.

Страну указываем Россия.

Также в поле Локации доставки указываем Россию.

Сохраняем изменение.

Переходим на страницу оформления заказа и видим, что страна у нас закреплена.

7. Изменяем страницу с контактной формой

Оформление и текст на странице можно отредактировать через конструктор Elementor.

А для редактирования самой формы контакта необходимо перейти в Консоль - WPForms - Все формы.

У нас есть одна форма Contact Form 1.

Нажимаем на ссылку Изменить.

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

В разделе Настройки можно изменять параметры формы.

В частности, поменять текст на кнопках.

Настраивать письма для уведомления и подтверждения.

Еще для интернет-магазина важен такой момент - это получить SSL сертификат.

Т.к. вы работаете с данными пользователей.

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

Уточните у администратора вашего хостинга, как можно получить SSL сертификат для вашего сайта.

На этом я заканчиваю серию видео о создании интернет-магазина на Wordpress за 1 день в 2020 году.

Если у Вас есть вопросы, пишите их в комментариях.

Я постараюсь ответить.

До встречи в новых видео!