Онлайн-Магазин с Нуля за 30 Минут: на WordPress + Woocommerce (2022)

Рет қаралды 51,440

Күн бұрын

Заказать сайт: a.yrokiwp.ru
Коммерческие запросы: t.me/dmitry_litvi
Мой блог о создании сайтов на WP: yrokiwp.ru
Хостинг для ваших сайтов (200 рублей при пополнении баланса): timeweb.com/ru/services/hosti...
В этом видео мы будем создавать онлайн-магазин на CMS WordPress в связке с плагином Woocommerce. Такое «стек» (не плюйтесь, как по другому это назвать?) используется без преувеличения миллионами сайтов по всему миру и очень многие из них довольно успешны в сфере электронной коммерции. Многие из тех, кто не понаслышке знаком с Вордпресс, знают - нам нужна тема. Мы будем использовать тему Astra и ее бесплатный шаблон.
Мы научимся создавать и редактировать меню, контент главной страницы с помощью визуального конструктора страниц Elementor, а также настроим страницу чекаут и методы оплаты для наших клиентов. Приятного просмотра!
Содержание видео:
00:00 Что мы собираемся делать
01:10 Хостинг
02:50 Наш сайт
03:30 Установка темы и плагинов
04:40 Выбор шаблона
06:45 Внешний вид магазина
07:40 Товары, категории и настройки
15:50 Настройка внешнего вида
21:50 Меню сайта
23:00 Айдентика
24:30 Чикаут/ оплата
#магазин #woocommerce #wordpress #вордпресс #вукомерс #вукомерц #yrokiwp #коммерция #продажи #сайт #сайтснуля #onlineshop #astra #elementor #вукоммерц #урокивп #учебка #обучение #длячайников #элементор #чекаут #checkout #корзина

Пікірлер: 80

@yrokiwp 2 жыл бұрын

Мой виджет, который повышает конверсию сайта в РАЗЫ: 1we.ru Мое портфолио/ заказать сайт/ связаться: a.yrokiwp.ru

@1bglmnt178 Жыл бұрын

А можно ли добавить свою кнопку с анимацией ( с бликом ) на такой шаблон ?

@A.Z.R.E.T. Жыл бұрын

Я один задаюсь вопросом - где размеры!??!? И как их прописывать в карточке товара? Допустим у меня джинсы. И продаю я размерный ряд от 44 до 52 размеров. Как сделать так, чтобы человек выбрал товар, выбрал нужный цвет, (если есть цветовая градация), выбрал нужный ему размер. И чтобы это всё отображалось в корзине. Или еще такой момент: допустим размерный ряд у меня большой - от 20 до 56, к примеру. Соответственно джинсики 20-го размера стоят 1500 руб а джинсы 52-го размера стоят 3500. Где и как можно это сделать, чтобы при выборе того или иного товара в корзине отображалась корректная цена? Заранее спасибо.

@asikomezahiri5443 Жыл бұрын

Здравствуйте а как можно создать поисковый панель и настроить эго?

@svoy4el 4 ай бұрын

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

@user-lj8hp9lo2x 4 ай бұрын

Красава, что тут сказать! Пошел делать магазин! Спасибо

@tunerkismanlibor8147 Жыл бұрын

Чувак ты крут! Очень рад, что набрел на твое видео. Респект

@messi_fans_1490 2 ай бұрын

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

@LanaTil-jq6ou Жыл бұрын

Очень понятное объяснение 👍 🔥

@uikitt Жыл бұрын

Большое спасибо! У вас полезные видео и очень приятный голос)

@yrokiwp Жыл бұрын

Большое спасибо за позитивный фидбек. Буду стараться делать еще лучше!)

@_VaNneZz_ Жыл бұрын

Мужик, ты просто космос!! Видео огонь!!! Спасибо огромнейшее!!!!))))

@yrokiwp Жыл бұрын

Благодарю, очень приятно

@munavvarak3521 Жыл бұрын

Спасибо за очень ооочень полезное видео! Щас еду на экзамен( нужно сделать сайт) , думаю теперь все сдам)

@yrokiwp Жыл бұрын

Вот это поворот! Очень рад, что видео оказалось полезным даже в такой ситуации. Ни пуха там! И обязательно напишите потом как справились :)

@user-oh7zu9zl2k 2 жыл бұрын

Отличное видео, спасибо! Хотелось бы подробнее про промокоды - вы обещали

@yrokiwp 2 жыл бұрын

Будут, спасибо!

@sergeevxx 4 ай бұрын

Видео очень крутое. Все четко и без воды. За два дня сделал девушке сайт по продаже курсов, прикрутил платежку и все отлично работает. Спасибо! Только есть один вопрос, если ответите буду благодарен)

@rufatabbasov Жыл бұрын

Большое спасибо!

@yrokiwp Жыл бұрын

Не за что :)

@user-od6fb7rl3k 2 жыл бұрын

Спасибо!

@yrokiwp 2 жыл бұрын

Вам спасибо за комментарий :)

@user-gs6gj4cy4z 4 ай бұрын

Видео хорошее, автор молодец без воды и не нужных понтов рассказывает. Теперь пожалуйста расскажите как на той же Астра теме создавать с ИИ сайт. Начал смотреть ваше видео, выбрал тему Астра загрузил и опа , а там ИИ пишет давай я за тебя всё сделаю, я пишу давай и через 10 минут сайт готов, осталось чуток подправить под себя *магазин* и всё делов 30 минут. Расскажите про это новшество людям будет интересно.

@foxtv7021 3 ай бұрын

Здравствуйте скажите пожалуйста эти шаблоны имеют адаптацию под мобильные устройства уже встроенные(дифолт)? Или нужно настраивать вручную на каждый вид телефона отдельно плюс-минус?

@Imnightlily Жыл бұрын

Для такого формата магазина нужен специальный плагин?

@nikolayalabanco6539 5 ай бұрын

Вы не сказали в видео, куда падают истории всех заказов, можно ли это сделать со сторонней CRM системой, какой? И с чем лучше интегрировать каталог товаров, чтобы каталог был отдельно от woocommerce и синхронизировался с ним.

@alexandrchumakov6269 21 күн бұрын

Прикольно ... но когда ты установил елементор ?

@_trendi 2 жыл бұрын

Здравствуйте. Делаю для себя потихоньку сайт интернет магазина. У меня три торговые очки в разных населенных пунктах. Хотелось бы при выборе метода доставки Самовывоз, чтобы появлялись эти три торговые точки (как пункт выдачи) с возможностью выбора конкретной. Как это делается?

@yrokiwp 2 жыл бұрын

Здравсвуйте! Вам сюда: qna.habr.com/q/643402

@workgou5389 11 ай бұрын

Спасибо огромное! Почему-то после установки не отображается описание товара, этой вкладки нет вообще, хотя у вас она отобразилась сразу, почему?

@robertbierwert4854 6 ай бұрын

2 недели сидел разбирался с WP, что-то получалось, но максимально криво, а оказывается надо было просто в настройках на русский язык поменять 😂 Спасибо за разбор основ, но взгляд на этот конструктор открылся

@duoduoo6732 Жыл бұрын

woocommerce автоматически установился вместе с темой стартер темплейта "brandstore"?

@foodcritic. Жыл бұрын

СПАСИБО БОЛЬШОЕ! ОГРОМНОЕ ТЕБЕ СПАСИБО!

@yrokiwp Жыл бұрын

Не за что :)

@skytype2077 Жыл бұрын

Спасибо, хорошее видео. А как добавить вывод товаров другой категории на главной странице?

@yrokiwp Жыл бұрын

Спасибо! Уточните, что вы имеете ввиду?

@1311avenue_ 11 ай бұрын

А есть вариант подключить что-нибудь из российского? ЮMoney, СберPay и подобные?

@user-fe7pn3uq1q 4 ай бұрын

На какой минуте видео вы установили woocommerce?

@smokejoy799 2 ай бұрын

Здравствуйте! Вы вот показали как удалить меню а подскажите пожалуйста как создать новое меню чтоб его было видно в Main Menu

@likelook5486 Жыл бұрын

Подскажите пожалуйста как такой сайт сделать мультиязычным? Есть ли какой-то плагин wp, или может в самой теме есть такой функционал? И нельзя ли как-то на главной странице добавить блок навигации с категориями товаров, как во многих интернет-магазинах. То-есть например слева стоит панель навигации с категориям 1/3 экрана а справа например слайдер 2/3 экрана, как на главной алиэксперсс например?

@yrokiwp Жыл бұрын

Можете поискать по репозиторию WordPress. Забейте "плагин мультиязычности" или "multi lang", или что-то подобное. Далее почитайте описание различных плагинов, есть разные: автоматический перевод, платные, бесплатные и тд. Некоторые также имеют предустановленный свитчер языков, или детект языка браузера пользователя.

@likelook5486 Жыл бұрын

@@yrokiwp ok, спасибо)

@likelook5486 Жыл бұрын

@@yrokiwp а на счет навигационного блока на главной, это можно как-то в добавить в этой теме без прогера ?

@Alexssis 10 ай бұрын

Сколько примерно будет стоить такой магазин под заказ?

@seoonlyRU 2 жыл бұрын

100%ный лайк вам от СЕООНЛИ

@yrokiwp 2 жыл бұрын

Мои постоянные комментаторы. Спасибо за комментарий и за упоминание себя любимых :)

@angelo4ek360 7 ай бұрын

а можно вопрос, как сменить валюту на сайте? например на рубли.

@user-natal04ka 4 ай бұрын

Как редактировать страницу магазина? В особенности фильтры

@yuriyshell9208 Жыл бұрын

Здравствуйте. Не устанавливается woocommerce, пишет "обновление не удалось", хотя его ещё и вовсе нет. Другие плагины, пожалуйста, легко. Что делать?

@GEMSofGOD_com 10 ай бұрын

Из Штатов собирать лямы в месяц сейчас через русский банк вариант? Некоммерция / мелкие нормально вывозимые поделки, ИП

@Katrina-Br 10 ай бұрын

Здравствуйте! А у вас есть видео на канале о том как создать магазин с электронными товарами в формате pdf, которые будут храниться в лк пользователя. Спасибо Если нет, есть ли вообще такая возможность создания на wp?

@yrokiwp 10 ай бұрын

Здравствуйте! Это базовый функционал Woo, там можно создавать электронные товары и делать все что вы описали :)

@sergeevxx 4 ай бұрын

@@yrokiwpставлю товар "скачиваемый" загружаю его. После оплаты ничего не происходит и вылетает какая то сломанная страница

@user-vl1zz3xn1s Жыл бұрын

Добрый вечер. Подскажите пожалуйста, как обновить PhP на локальном сервере? И можно ли обновить PhP через wp

@tomsorry8460 Жыл бұрын

Только через хост можно обновить версию ВП

@mem_v_kruzhochke Жыл бұрын

Вопрос с тем, чтобы поменять валюту решён, но вот как сделать так, чтобы значок корзины редактировался? У меня в настройках страницы он меняется, а на самом сайте нет

@mem_v_kruzhochke Жыл бұрын

Этот вопрос тоже решён, нужно иногда выходить с админки и перезапускать через хостинг

@andrepoz Жыл бұрын

Как поменять валюту? Спасибо за экскурс!!!

@alexnik4710 Жыл бұрын

Аналогичный первый вопрос (возникает у 99% русскоязычного пользователя)

@potpison362 Жыл бұрын

какая астра я только на вуд комерсе работать хотел

@user-lr4yj1pr3w 4 ай бұрын

Как фоновые картинки менять?

@maptsv 10 ай бұрын

Почему нельзя менять ссылку на товар?

@user-vv4lb2vb4q Жыл бұрын

Что делать если он застривает на 5% и дальше не грузит

@user-lj1ht1nb5s 7 ай бұрын

А как понять что плагин пален?

@1311avenue_ 11 ай бұрын

почему он ко всем товарам дописывает "бесплатная доставка"?

@user-ff6ws5be9u Жыл бұрын

подскажите, а как поменять на рубли?

@yrokiwp Жыл бұрын

В основных настройках плагина WooCommerce.

@guest_worker Жыл бұрын

Не могу установить никакую тему. update failed. Плагины тоже не качаются

@tomsorry8460 Жыл бұрын

это проблема связана с тем что у ворд преса нет доступа к скачиванию Обратись в подержку хоста они сделаю так чтобы это работало

@guest_worker Жыл бұрын

@@tomsorry8460 спасибо!

@user-vz8iv9hs4e Жыл бұрын

Насчёт оплаты ,надо плагин какой нибудь ,чтобы могли переводить на карты российских банков,в этом видео видимо автор спешит ,много не рассказал

@art51751 Жыл бұрын

Какие платежные системы для рф сегодня там работают, как могут из сша сейчас потаить, и как выводить в р?

@yrokiwp Жыл бұрын

Вы можете подключить Юкассу, или Тинькофф. Для этого есть платежные системы. Остальное можно погуглить, либо узнать в вашем банке, где обслуживаетесь.

@art51751 Жыл бұрын

@@yrokiwp Спасибо большое за ответ! А из США смогут оплачивать по каким-либо системмам там сайчас, чтобы я в рф вывести смогла, вы знаете?

@armlurtoday9496 Жыл бұрын

@@yrokiwp можно пожалуйста видео на эту тему 🙏🏻

@tomsorry8460 Жыл бұрын

С темой какая то беда не скачивается пишет ошибки { "isTrusted": true } Importing CartFlows flows failed due to parse JSON error. upd решение проблемы настолько безумное) kzfaq.info/get/bejne/brKghrqFurvHeas.html

@alexnik4710 Жыл бұрын

Чувак, ты русскоязычных пользователей учишь продавать за доллары? 98% русскоязычных пользователей продают за рубли!!! Как поменять знак доллара на рубли ?

@yrokiwp Жыл бұрын

Спасибо за ваш комментарий! Это делается в основных настройках WooCommerce - изменение валюты.

@GEMSofGOD_com 10 ай бұрын

Одно английское слово в 20 раз дороже американского. Какие продажи русским? В России надо с американцев собирать