В этом видео я заканчиваю свой рассказ о том, как создать интернет-магазин на 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 году.
Если у Вас есть вопросы, пишите их в комментариях.
Я постараюсь ответить.
До встречи в новых видео!
