WooCommerce и Elementor Pro - вывод товаров, корзина, оформление заказа и кабинет покупателя
HTML-код
- Опубликовано: 21 ноя 2017
- Купить Elementor PRO - digitalalex.ru/r/elementor/
Сегодня мы посмотрим на виджеты #Elementor Pro для интернет-магазина на #WooCommerce. А именно:
- Вывод товаров интернет-магазина куда угодно;
- Создание обзоров и лукбуков с функцией купить;
- Создание и оформление страницы корзина;
- Страница оформления заказа с максимальной конверсией;
- Страница проверки статуса заказа;
- Личный кабинет пользователя.
А также несколько слов о странице товара.
Приятного просмотра и высоких конверсий в вашем интернет-магазине!
Всё об Elementor:
Обзор Elementor - • Elementor - первый обз...
Обзор Elementor PRO - • Elementor Pro - обзор ...
Скачать Elementor бесплатно - digitalalex.ru/r/elementor-free/
Купить Elementor PRO - digitalalex.ru/r/elementor/
#️⃣ Присоединяйся:
Канал - digitalalex.ru/r/youtube/
Сайт - digitalalex.ru/
Telegram - digitalalex.ru/r/telegram/
Вконтакте - digitalalex.ru/r/vk/
Я.Дзен - digitalalex.ru/r/zen/
Rutube - digitalalex.ru/r/rutube/ 
Наука
Нравятся видео про Elementor? Поддержите выпуск новых! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
подскажи пожалуйста с помощью какого плагина или виджета или еще чего этому одностраничнику удалось сделать такой эффект выбора разновидностей товара. я в elementor попробовал все но не знаю как сделать такой эффект. gboard.in.ua/ вот ссылка на этот одностраничник. Буду тебе очень признателен.
Привет из 2023 года. Elementor ещё жив!
Реально самый нормальный (даже супер отличный) пацан все так четко объяснил, отлично говоришь быстро четко все ясно не то что куча тормозил ээээкают бэээкают мэээкают. Супер мои аплодисменты. Буду тебя всем советовать.
Спасибо, Женя! Такие комменты очень мотивируют.
подскажи пожалуйста с помощью какого плагина или виджета или еще чего этому одностраничнику удалось сделать такой эффект выбора разновидностей товара. я в elementor попробовал все но не знаю как сделать такой эффект. gboard.in.ua/ вот ссылка на этот одностраничник. Буду тебе очень признателен.
На этом сайте самописное решение и никак в WordPress не относится. К сожалению, готовое не подскажу.
Спасибо огромное!
WPLovers - о Wordpress понятно и с любовью зачем?)))
А какие темы вордпресс совместимы с woocomerce и elementor? Я сделала карточку товара в Elementor (тема root) и вместо "добавить в корзину" кнопка "подробнее"
А функцию Quick View в Elementor с товарами можно реализовать?
Привет!. Не могу понять как сделать: ставлю вертикальное меню, но я хочу чтобы подкатегории были уже раскрыты и стиль список применялся.
Здравствуйте, а можно как-то в " оформлении заказа" убрать графу "Почтовый индекс" и другие элементы?
Большое спасибо!
Удобно стало все настраивать. Мне чтобы туже дату в записях убрать пришлось в файлах и коде копаться .)
Это точно. Вчера видео записывал и показывал что и как делать в коде. Осознал насколько проще визуально делать.
Как сделать карточки товаров ровно что бы были а то прыгают пример у вас в видео у меня так же как исправить?
Здравствуйте! Может Вы знаете, на вордпресс есть возможность бесплатно добавить корзину ?
Отличное видео, подскажите, пожалуйста. Мне необходимо создать интернет магазин для продажи мебели. Я собираюсь купить ElementorPro. Какую тему вы бы порекомендовали (платную и бесплатную), чтобы были шаблоны готового магазина?
Почему мой Елементор ПРО конфликтует с Ву комерс?
Как быть если elementor не открывает страницу магазин? Тема Ocean WP
Добрый вечер пожалуйста подскажите пожалуйста как в астре вывести регистрацию на главной странице и есть ли на элементор регистрация спасибо
Добрый день. Спасибо за обучающие уроки. Установила Elementor Pro но при установке WooCommerce плагин Elementor не работает и выдает ошибку, такая ошибка била и при бесплатной версии, при отключении WooCommerce Elementor работает. Как решить этот конфликт?
Здравствуйте. На минуте 4:48 вы показываете, что товары с шаблоном Элементов Холст работают "глючновато" - выходят не горизонтально, а вертикально. Скажите, пожалуйста, уже решилась эта проблема? Нормально отображается магазин на таких холстах (как лендинг)
Спасибо)
Здравствуйте. Точно не помню, что это было, но вроде бы проблемы с темой storefront. Если у вас то же самое, напишите найду решение в закромах.
У меня на странице Оформить заказ все поля для заполнения отображаются некорректно. Они маленькие и наехали друг на друга. Не могу понять в чём проблема. Может вы подскажете?
Добрый день! Подскажите виджеты woocommerce добавляются при установке woo, только в Elementor pro??
Sash Ermakov да. Но можно найти подешевле про:) например написав мне
Ты так бодро бегаешь по браузеру. Какой у теебя проц? Сколько памяти?
Спасибо за урок!
Привет подскажи как изменить дизайн категорий на странице магазина не нашел в твоих видео, спасибо
Звук кстати хороший, ушки радуются )))
Бодрого! Помогите, пожалуйста. Есть 3 вида категории товара, в каждом виде 5 подкатегорий и в додкатегории 4 типа товара. Торговать через сайт не буду. Мне надо сделать (возможно не с помощью woo) чтобы на странице сначала появлялись 3 категории из одной из них 5 и т.д. Это больше на каталог похоже. Как это реализовать? Работаю в Astra с Elementor
магия)
Можете мне подсказать, с чем может быть связано сбои в работе Елементор?
Иногда нажимаю на кнопку "редактировать в Елементор", а он не грузиться. Пустая страница.
Причины, по которым может не работать Elementor
ruclips.net/video/_arNH72QN24/видео.html
Memory Limit - ruclips.net/video/lnbi7SvFaPU/видео.html
Php 7+ - ruclips.net/video/ej8zDYOvqco/видео.html
У тебя отличная дикция! Все очень понятно. Развивайся) с меня подписка)
Спасибо большое. Я много работаю над дикцией, голосом и качеством звука. Приятно, что это н зря.
Купил по твоей ссылке плагин. Надеюсь деньги дошли)
Спасибо большое! Что то есть за вчерашний день, надеюсь, что ваш =)
Уроки что надо! Спасибо!!! Подскажите, каким все таки шоткодом выводиться корзина в меню? Не могу найти.
Вот все шорткоды WooCommerce docs.woocommerce.com/document/woocommerce-shortcodes/ Вам нужен [woocommerce_cart]
Спасибо за ответ. Но у меня выводит все как то странно и без иконки карзины(
Да, без иконки. Писал об этом разработчикам, как только виджет меню добавили, но они отписались как раз этим шорткодом.
Попробуйте создать ещё одну колонку и поместить туда иконку корзины виджетом иконка или изображение. Напишите, что получилось.
Вечер добрый! Отличные уроки, только следуя им создаю сайт. Хочу сказать, что все цвета и шрифты в настоящее время можно редактировать свободно. Также можно убрать ярлыки "РАСПРОДАЖА"
Здравствуйте. Перестал работать вывод товаров в woo по группам в elementor. Ставлю виджет, выбираю выбор вручную, ставлю к примеру группу товаров штаны и ничего не выводит. А если выбирать по товару, то тогда выводит. Но сами понимаете, если 1000 товаров, то вручную выбирать каждый товар это уйму времени займет. Не вкурсе что случилось? Раньше делала аналогичный магазин, все работало. И сейчас работает, но если сейчас на старом сайте сделать тоже самое, то тоже не получится вывод товаров в группе, только по товару выбирать.
Кто-нибудь, подскажите хороший хостинг и тариф (из личного опыта) для интернет-магазина на Woocommerce в Украине?
Подскажите пожалуйста как привязать товары к определенной странице? Или если урок такой был скиньте ссылку.
Если есть про, то можно вставить товары виджетом Товары. Либо шорткодом [products] Все шорткоды здесь docs.woocommerce.com/document/woocommerce-shortcodes/
Подскажите, кнопка добавить в корзину, перекидывает в карточку товара, так и должно быть? И тогда какой от нее смысл, если это можно и обычной кнопкой сделать. Тема Астра (не про).
Проверил, работает и от Astra и от Elementor? всё улетает в корзину. Пробуйте отключать плагины по очереди, чтобы выяснить, который конфликтует с этой функцией.
Спасибо! Проверил и нашел свою ошибку, я просто не опубликовал товар )), ларчик открывался просто ))
И опыт сын ошибок... ну вы поняли =)
Бро ответь пожалуйста.
я создал свои мини магазин на конструкторе гугль сайта НО там нет ни корзины для покупок ни оплаты, так вот возможно ли сделать HTML код для корзины и оплаты на этом сайте про который ты рассказываешь и просто в своём магазине гугль вставлять его под каждый товар??
Пойдёт так или нет?
Заранее спасибо
Разработчики Elementor говорят, что это известная проблема и она касается Storefront. Чтобы её исправить, нужно добавить секции, в которую вы вставляете виджет товаров или категорий, класс site-main на вкладке Расширенные.
хоспаде, храни тебя Бог, неделю с этим парился пока не нашел твой коммент
Влад, хорошо, что помогло.
подскажи пожалуйста с помощью какого плагина или виджета или еще чего этому одностраничнику удалось сделать такой эффект выбора разновидностей товара. я в elementor попробовал все но не знаю как сделать такой эффект. gboard.in.ua/ вот ссылка на этот одностраничник. Буду тебе очень признателен.
А в бесплатном элементоре можно woocommerce воспользоваться?
Если установить оба плагина, то работать они будут, только вывести с помощью Elementor из WooCommerce ничего не получится. Виджеты WooCommerce есть только в Elementor Pro.
Привет! Огромное спасибо за проект!
Есть вопрос который мы не можем пока решить, подскажи пожалуйста:
Весь сайт делаю на Elementor, (все старницы холст-elementor) и наткнулся на проблему с категориями. Когда щёлкаешь по одной из категорий товара, (из раздела категории) тебя выносит на страничку этой категории , но она на шаблоне сайта(который я не использую), не на elementor-холст, и невозможно редактировать эту страницу через elementor.
Как это можно решить?
Реально ли вывести какую-то категорию на холст EL-OR?
Или заменить каким-нибудь навигационным меню из какого-то плагина ?
vk.com/photo18947604_456241006?rev=1
vk.com/photo18947604_456241005?rev=1
Скриншоты
ещё поясню, наверное очень туго обьясняю)):
вопрос в том, когда в просмотре сайта, щелкаешь на эти категории (на любую), выскакиваешь на страницу темы ,хотя сам работаешь полсностью в элементор, и мешает хедер, сайт бар темы и невозможно редактировать эту странице в элементор.
Страница товара была такая же, не редактировалась, но Элемент корзины, товара, мазазина, есть в виджетах, я могу создать отдельно страницу, задать параметр elementor холст, и добавить магазин, или карзину, и всё работает, а с выбранной категорией это не получается.
@@user-lz9sq3lv5s Я понял тебя. Нужно создать шаблон архива товаров, но это только в Pro. Делается через Шаблоны > Конструктор тем > добавить новый > тип шаблона Архив товаров.
@@DigitalAlex Спасибо просто нереально гиганское, я очень благодарен. получилось
Есть ли решение синхронизации WooCommerce с 1С:Управление торговлей?
Находил несколько сомнительных. Даже авторы платных меня отговаривали. Что там говорить, даже Битрикс нормально с 1С не работает. Куда уж там сторонним решениям, тем более западным.
WooCommerce установлен, но виджеты "Woo товары" и "Woo элементы" в разделе Elementor Pro, все равно не отображаются...
Elementor Pro обновился и в этой части произошли значительные изменения обзор на которые будет со дня на день. Виджета Woo-товары теперь нет. Есть виджет Products (Товары). Ожидайте обзор в общем.
Как поменять язык магазина? Мне нужно, чтобы Вордпресс и Элементор были по-русски, а магазин и все, что с ним связано на немецком.
У меня не создалась страница Корзины и Оформление заказа и Учетной записи от Woocommerce при его установке как быть ? при нажатии перейти на каорзину кидате просто на главную, подскажите пожалуйста
Создайте страницы вручную, а в настройках WooCommerce на вкладке Дополнительно есть возможность задать соответствие служебных страниц.
Не могу найти, а как сделать в ВП галлерею, что бы через неё можно было бы попадать на каждый отдельный товар. А когда попадаешь на товар, то слева отображалось бы меню.
В галерею товары нужно выводить или что?
Да, сделать галерею, которую можно было бы пополнять, как блог. Т.е. я добавляю новый товар( в моём случае это проект "инвестирования в недвижимость") а этот проект добавляется в галерею.
Потом, когда человек смотрит в галерею, выбрал один проект например. Нажал на него. попал внутрь. А слева, у него всегда под рукой меню. что бы можно было видеть другие проекты.
Elementor Pro не покупали? Думаю, что можно без WooCommerce обойтись. Если конечно вы его используете. Вы оставили комментарий под соответствующим видео, поэтому решил, что вы его используете.
ПРО не использую. Без ПРО этого не реально сделать? Пока не могу понять ,как решить этот вопрос.
есть WooComerc, подскажете как это сделать физический?
Саш а как поменять цвет кнопок при создании страницы корзины???
Тоже интересно. В настройках поменяла только в карточке ответа, в корзине не меняется никак.
А вы планируете показать как затачить премиум тему под себя, Елементор страницы очень тяжелые да и код не чисть как нам хотелось бы
Пока таких планов не было. Проще уже тему с нуля сделать под себя, чем ковырять чужой громоздкий код.
Отчасти согласен но такие темы мне кажется шустро работает плюс чистый код. И еще поддержка woocommerce под себя, так ли это?
Если в темах используется Visual Composer то не будет чистого кода на тех страницах, где он активен. А так, я бы не был слишком уверен в чистоте кода. Темы конечно тщательно проверяются перед публикацией на маркетплейсы, но я сталкивался с многими темами, которые даже в админке WordPRess тормозили. И вопрос тут нев качестве и чистоте кода, а в объеме настроек из которых как всегда нужно лишь 20%.
очень хотелось бы видеть подробный туториал по вукомерш как сделать корзину, чек аут, как сделать личный кабинет пользователя, а то вариантов много потеряешся среди них.
Да, есть в планах, но очень не хватает на всё времени.
Использую бесплатную версию elementor в дополнении к header footer плагину, возможно ли каким то путем вывести значок корзины в виде виджета/шорткода или как то еще в кастомную шапку?
Простейший способ - шорткод [woocommerce_cart] Вот если что все шорткоды WooCommerce docs.woocommerce.com/document/woocommerce-shortcodes/
Спасибо за ответ! но
Шорткод [woocommerce_cart] отвечает за отображение страницы корзины, а не значка мини корзины. И как я понял нет ни одного шорткода который бы подходил под эту задачу, что очень странно.
@@stanlessemotion5480 Ой, ёлки. Перепутал. Попробуйте этот код:
Вопрос наверное глупый, но не совсем ясно куда код внедрять) поскольку шапка кастомная не знаю какой файл отвечает за её отображение.
@@stanlessemotion5480 Виджет HTML-код и туда его туда ))
Если купить версию pro для одного сайта и его заблокируют,я больше не смогу воспользоваться конструктором?
А как его заблокируют? Вы имеете в виду когда действие закончится? Если да, то всё продолжит работать и просто обновлений не будет.
Не знаете из-за чего может быть ошибка 502 при заходе в редактор Elementor Pro?
В вашем конкретном случае не знаю, но скорее всего глючит какое-то стороннее расширение. Попробуйте пройтись по советам из этого видео ruclips.net/video/_arNH72QN24/видео.html и отпишите что было.
Проблема была с плагином WooCommerce, а есть какие нибудь аналоги?
WooCommerce это лучшее решение интернет-магазина для WordPress и оно совместимо с Elementor. Зашёл на форум поддержки, ни одного сообщения об этом, а значит это частный случай.
Если вы купили Elementor Pro, может быть попробуете тогда в поддержку написать?
В том то и дело что у меня не официальная версия в данный момент:(
Он то работает, то не работает. Очень странно
Даже с бесплатной версией не работает почему-то
Может здесь ещё кто-то есть? Объясните мне как поставить форму оплаты без товаров и корзины. Есть курсы, для них сайт (elementor free + woocom. ) Люди платят на баланс, менеджер его распределяет, товаров нет, есть курсы по датам, т.е. добавить товары или корзину нельзя. Подключил и настроил яндекс-кассу. Как сделать отдельную форму ян.кассы с возможностью оплачивать любую сумму?
Как сделать аналог "купить в один клик" когда просто всплывает окошко для заполнения и все!?
Как вариант ru.wordpress.org/plugins/yith-woocommerce-one-click-checkout/ или woocommerce.com/products/woocommerce-one-page-checkout/ поищите one click checkout woocommerce возможно найдёте что-то стоящее бесплатно.
@@DigitalAlex Это все со страницы товара, но очень часто заказы именно одностраничники с каталогом и без переходов надо чтобы заказывали прямо не переходя во внутренние. Реализовали программированием, готовых плагинов нет.
Здравствуй. Подскажи пожалуйста. При выводе товаров на страницу. Изображение товара отображается не миниатюрой, а на всю колонку, можно ли как-то это исправить?
Приветствую. Пока не вижу всей картины того, что ты делаешь, сложно подсказать.
@@DigitalAlex Разобрался,Тема растягивала изображения. Но в любом случае, спасибо за ответ.
Появился вопрос, создал магазин. В настройках вукомерса есть выбор главных страниц для товара, корзины, покупки, все поменял на свои сделанные нормально, но вот Главная страница самого магазина с товарами которая не даёт потом редактироваться и слетает в стандартный шаблон, идаже когда с любой другой страницы проваливаешься в товар, он открывается на странице стандартного шаблона а не елементор, как решить данную проблему?
Так, Игорь, давайте разбираться по порядку.
В WooCommerce можно задать:
Страницу Магазина и что именно будет отображаться на странице магазина и категории;
Страницу корзины;
Страницу оформления заказа.
Страницу магазина, который создал WooCommerce вы отредактировать не сможете. У неё свой шаблон, заданный на уровне Вукомерс.
Вы можете создать новую страницу, отредактировать её в Elementor сделав из неё как бы страницу магазина, и сделать главной вот так ruclips.net/video/zBfMYJaGIMs/видео.html При этом, в настройках WooCommerce -> Товары -> Отображение, в поле Страница Магазина нужно нажать крестик, чтобы было пусто и сохранить настройки.
По последней части вопроса вообще не понял. Вероятно, вы ожидали, что изменится страница самого товара, но в Elementor её отредактировать нельзя. По крайней мере пока.
Спасительный крестик, спас меня!) убрал в разделе отображения. Спасибо. Но вот если из корзины нажать на товар, перейдет в стандартный шаблон с карточкой полной товара
А вы чего ожидаете при переходе на карточку товара?
Хмм, а кто в курсе, если Elementor не PRO то WooCommerce виджеты не появятся? Просто у меня вот не видать их
Виджеты WooCommerce доступны только в Pro.
я так понял РАЗМЕР одежды настроить нельзя?
Размер одежды настраивается в атрибутах товаров и всё спокойно выводится.
Ну походу у Вас я и получу ответ.... про шорткод мини корзины в шапку сайта.... все перепробывал.... может поможите
[woocommerce_cart] не помогает? Вот если что все шорткоды WooCommerce docs.woocommerce.com/document/woocommerce-shortcodes/
Уточните, у вас есть Elementor Pro?
Я буду его покупать . Сейчас изучаю по Вашим видео . Суть в том что этот шорт код я и ставлю . Но проблема в том что появляется корзина с товаром внутри . А мне надо поставить в правый верхний угол лого корзины ( чтоб показывал общую сумму и кол-во товаров ) а этот шорт код ставит корзину которая открывает со всеми картинами и описаниями .
Скоро в прошке появится иконка корзины. Уже в бэта версии видел, как выглядит.
Нашёл, что разработчики рекомендовали. Временно вставить нативный код Woo в произвольный html. Ealb тема Astra, то у неё в меню есть возможность это сделать. Выглядит так себе, но хоть что-то.
Кто знает как подключить платёжные системы VISA, MasterCard к интернет-магазину? Где можно почитать самую понятную инструкцию?
Всё зависит от того, в какой стране вы будете продавать. Вам нужно купить дополнение-платёжный шлюз здесь saphali.com/wordpress/payment-gateways , затем настроить его и принимать платежи.
Если уточните какой стране будете продавать и есть ли регистрация в налоговой, то возможно подскажу более предметно.
Спасибо за подсказку! Пока планирую продавать в РФ. Регистрация - ИП.
У Яндекса есть услуга Яндекс Касса и бесплатное расширение-шлюз для WooCommerce. Знакомьтесь с условиями, подписывайте договор, подключайте и принимайте платежи. Для России на первое время хватит.
спасибо, брат!
Для СНГ еще подойдет, для клиентов с Европы или США нет. Придется вбахать тонну времени, чтобы красиво это всё дело довести до ума. Проще уже на другую тему пересесть, ту же Nitro. Я к тому, что есть eCommerce темы, а если для пару-страничников/лэндингов. Например, та же Divi ужасна для ИМ, но прекрасна для пару-страничников/лэндингов. Тут та же самая ситуация. Не зря есть темы для недвижки, ИМ, форумов и т.д. Да, можно и с Elementor, но костыли)
Максим, я и сказал, что это вспомогательное решение для интернет магазина и специально ведь заострил внимание на том, что тему он не заменит. И не обязательно пару лендингов. В магазинах громадный ассортимент и можно сегментировать аудитории до бесконечности, а соответственно и лендингов под это дело делать такое же количество. Обзоры и посты тоже удобно оформлять. То, что есть специализированные темы - это хорошо. Elementor к ним подойдёт как хорошее дополнение. Уж получше Композера и единственное, чем он выигрывает, так это тем, что его виджеты уже оформлены автором темы и готовы к использованию.
Да хоспаде. Ты когда нибудь будешь отвечать на мои вопросы уже? Почему, при создании товара, у меня нет кнопки "в корзину", а есть "заказать"?
Изменить название кнопки не пробовал?
16:26
Посмотрел потому что работа, спасибо за видео. Но это напоминает отчаянье, работа на говне WP -> используя другое говно. Пишу потому что привык работать на mvc структурах)
Я не знаю, что на это ответить. Когда у человека есть какая-то жизненная позиция, он кругом видит её подтверждения. Видимо это как-то так работает. Это как муха и пчела. Одна видит дерьмо и помойки, другая благоухающие цветники.
И WordPress и Elementor не лишены изъян, но это прекрасный способ войти в тему создания сайтов людям, которые до этого на компьютер то лаяли, и десятки отзывов этому подтверждения.
говорим по-русски, а названия озвучиваем с английским акцентом, Элементор, а не элЭменЦор
Какой-то ты дерганый. По легче снимай. Не возможно сосредоточится на чем-то. Дизлайк не поставлю, по-тому что работу большую сделал.
Запиши хоть один скринкаст, потом поговорим.
?