Как настроить поля на Странице оформления заказа WooCommerce
HTML-код
- Опубликовано: 14 июн 2024
- Я продолжаю серию видео по самостоятельной настройке Интернет-магазина на WordPress+WooCommerce. В этом видео я расскажу вам как отключить лишние поля на странице оформления заказа и добавить свои поля. Для этого мы будем использовать бесплатные плагины WordPress.
✅Содержание:
00:00 Вступление. Как выглядит страница оформления по умолчанию? Зачем убирать лишние поля?
02:24 Обзор плагина Flexible Checkout Fields for WooCommerce
09:03 Обзор плагина Checkout Field Editor (Checkout Manager) for WooCommerce
13:14 Обзор плагина WooCommerce Checkout Manager
20:37 Обзор плагина WooCommerce Multi-Step Checkout
Ссылки на плагины, а также Как отключить поля с помощью кода без плагинов читайте здесь: bit.ly/3RTLCdO
--------------------
→ Мой сайт, статьи по веб-разработке и WordPress:
inwebpress.com/
→ Новости WordPress в TG-канале (на украинском):
t.me/inwebpress
![Как изменить поля на странице оформления заказа [checkout] | Плагин Saphali WooCommerce Russian](http://i.ytimg.com/vi/7E--cJSEdbQ/mqdefault.jpg)
Привет, друзья! Какой из вышеуказанных плагинов вы будете использовать для настройки полей на странице оформления? Или вы будете использовать др. плагин? Отпишитесь в комментариях. Ну, и не забудьте поставить лайк этому видео.👍
Друг можешь подсказать, что за плагин используется при созднаие нижнего меню "Главная - категория - корзина - позвонить - учетка" на мобильной версий
technodom.kz в мобильной версий появится паттерн и теперь не могу понять как сделать
@@yerzhansadykov1851 Это где вы увидели? Если увидели в видео о теме Вудмарт, то это функция самой темы.
@@inwebpress а нельзя его самому настроить?
@@yerzhansadykov1851 Если на сайте стоит elementor то можно. Или искать плагины. А так такой функции по умолчанию нет. Еще некоторые темы такую функцию имеют.
Наконец-то нашелся человек, который все разжевал и красиво упаковал про плагины полей. Спасибо Вам за работу. Однозначно палец вверх и подписка)
Николай, обзор получился идеальный. Благодарю!
Лайк авансом
Спасибо за подборку! Очень облегчил жизнь)
Спасибо! Очень редкая и ценная информация
Спасибо за подробный обзор! Оба варианта рабочие. Выбрал второй.
Отлично!
Информативное видео без воды.
Спасибо, очень помогло
Спасибо за видео! Очень полезно. У Вас есть возможность снять видео о настройке целей вукомерс для Яндекс Метрики? Такой информации вообще нигде не найти (имею в виду самостоятельную настройку)
Спасибо все работает.
Все работает на первом плагине в обзоре, спасибо
Отлично! Спасибо за комментарий.
Спасибо за годный материал. Буду благодарен, если подскажите плагин или скрип для валидации телефона (или ввода строго по маске) на странице оформления заказа.
Создал видео в котором объясняю как это сделать: ruclips.net/video/xl-IcyLFCwc/видео.html
у меня в Woocommerce Checkout Manager(который третий из списка) добавленные поля почему то не приходят на почту, незнаю что делать, в других полагинах работает всё
спасибо, очень отличный обзор.
От себя добавлю. Этот плагин Плагин Checkout Field Editor for WooCommerce дополнительно предлогает установить ряд плагинов пзволяющие выбрать любимые товары (вишлист)
Ок, хорошо.
Здравствуйте, информация очень полезная, спасибо!
Но вот можно ли изменит сам дизайн полей и кнопки?
Скруглить углы и изменить цвет кнопки например?
Буду очень благодарен!
Можно, через стили CSS. Определите класс CSS, который отвечает за стиль полей и кнопок. И этот класс измените, прописав новые стили, например, в файле style.css дочерней темы.
У меня на странице заказа все поля для заполнения наехали друг на друга. Никакие манипуляции в настройках размеров блока не помогают. В чём причина - не понимаю.
Спасибо большое за информацию!) подскажите пожалуйста , как убрать поле "Доставка по другому адресу?"
WooCommerce - Настройки - Доставка - Параметры доставки.
Поставить галочку "Принудительная доставка по платёжному адресу клиента".
Добрый День, можно ли как-то объединить поля из раздела "оформление заказа" в страницу корзины?
Убрать этот лишний шаг с нажатием на "оформить заказ"?
Можно страницу корзины обойти. Покупатель попадет в оформление. А перенаправление в корзину отключается.
Спасибо за обзор! Можно ли отключить уведомления клиента о заказе (Детали счёта/заказа клиента)?
Посмотрите WooCommerce - Настройки - Email'ы.
Возле нужного уведомления нажимаете на Управление и включаете/отключаете уведомление.
Здравствуйте! спасибо за информацию! У меня такой вопрос. В интернет-магазине два варианта доставки по адресу и самовывоз. Можно ли сделать как-то, чтобы при самовывозе не нужно было вводить адрес, а только имя и номер телефона?
С помощью плагинов из обзора или др. поискать можно привязать отображение полей к способу доставки.
Добрый день) Установил плагин Checkout Fields Manager for WooCommerce по вашему видео. Признаюсь не сразу с логикой получилось, но сейчас всё ок. Нужно внимательнее ваше видео смотреть.
ВОПРОС:
Как отобразить добавленные поля в письме на почту мне и клиенту а также в заказы WooCommerce?
Поля добавил, логику настроил. Условия по полям выставил такие же как и у полей что идут по умолчанию.
Я их заполняю выбираю при заказе.
Но нет этих полей в письме с заказаом которые получаю я и покупатель.
И нет этих полей в заказах WooCommerce
Спасибо большое за видос, очень пригодилось. Хотела использовать woocomerce checout manager, но он не работает с новой версией... по этому выбрала первый вариант
Пожалуйста, рад что помог.
Здравствуйте
Большое спасибо за видео
Можете подсказать как на странице магазин добавить кнопку «добавить в корзину» чтоби клиент постоянно не открывал сам продукт и тогда добавлял в корзину а сразу мог добавить з страницы магазина
В вариативных товарах такой кнопки не будет. Будет кнопка Выбрать...
Иногда в темах авторы отключают эту кнопку в функциях или делают такую возможность через настройки темы. Проверьте настройки темы. Если настроек нет, то нужно проверить функции темы или попробовать вставить функцию вывода такой кнопки. Сама функция может выглядеть вот так: pastebin.com/0j0C8i62
2021 год 2 часа ночи смотрю ролик и понимаю из многих ты один кто разжувал четко. Но почему именно в 2 часа ночи, у меня проблема в оформление заказа вместо "Ваш заказ" написано "Your Order" и я никак не могу изменить, подскажи пожалуйста
Здравствуйте, подскажите пожалуйста как переименовать в разделе оформления заказа слово "ПОДЫТОГ" хочу заменить на "СУММА". И можно ли добавить в теме WOOODMART дополнительную кнопку возле корзины, чтобы было 2 кнопки: В КОРЗИНУ и вторая кнопка "КУПИТЬ В 1 КЛИК", как это сделать? Буду благодарен за помощь.
ПОДЫТОГ находится в переводе плагина WooCommerce. Но, менять его нет смысла, потому что после обновления WooCommerce перевод слова слетит. Попробуйте этот совет: inwebpress.ru/kak-zamenit-podytog-v-woocommerce/
КУПИТЬ В 1 КЛИК - кнопку можно добавить с помощью плагинов. Есть такие плагины для woocommerce.
@@inwebpress спасибо Вам!
Пожалуйста, введите адрес для продолжения.
Некорректный метод оплаты.
как убрать эту ошибку ?
Как удалить кнопку в checkout (я хотел бы получать эксклюзивные электронные письма) ?
Добрый день! А как сделать так чтобы поля которые я добавил были в письме? Выбрал 3 плагин.
Все плагины должны в письмах отображать ваши поля. Попробуйте плагин Flexible Checkout Fields он работает отлично.
Подскажите пожалуйста есть ли какой нибудь плагин который позволяет ОТКЛЮЧАТЬ ненужные поля при выборе способа доставки. То есть если клиент выбирает САМОВЫВОЗ то такие поля как адресс, страна и тд и тп удалялись и оставалось только форма ввода телефона и ФИО
Это можно реализовать, есть два способа.
1) кодом, функциями которые работают с хуками вукомерс.
2) с помощью плагина Saphali Woocommerce Russian - рекомендую.
В плагине есть возможность скрывать поля в зависимости от способа оплаты и способа доставки.
@@inwebpress Подскажите как это сделать этим плангином? установил и не вижу там таких настроек
@@user-wj6cc4jz7s prntscr.com/10kgbmg
@@inwebpress спасибо , только у вас нашол решение етой проблеми , спасибо вам 👍💪
Как сделать на сайте выбор языка? Например есть сайты где ты можешь выбрать язык нажимаешь кнопку и вуаля
Нужно ставить плагин, например WPML и уже в нем все перевести (категории, товары, записи, теги, меню, вариации) на все языки какие есть на сайте.
Например, у нас есть 2 языка: русский и украинский. Значит нужно каждую запись, товар и меню создавать на этих двух языках (плагин предоставит такую возможность). И уже с помощью виджета этого плагина или кода вывести переключатель языков в нужном месте сайта.
Привет всем, у меня в теме есть возможность добавления кнопки "быстрой покупки". Поля оставлены только имя и эл. почта. Товары скачиваемые, их отправка в автоматическом режиме функционалом вукомерса. Как можно убрать кнопку "добавить в корзину"? Может есть какой-то плагин?
Кнопку "Добавить в корзину" можно отключить через хук. Вот код: pastebin.com/d03AdJND
Кнопка Добавить в корзину будет отключенана странице архива и на странице товара.
А можно отключить кнопки всюду, но на странице архива вывести кнопку Подробнее. В этом случае предыдущий код не используем, а используем этот: pastebin.com/fyQTSdEP
@@inwebpress спасибо огромное, попробую!
Здравствуйте! А если есть уже готовая вёрстка, я могу заменить свои поля формы полями из плагина?
Верстка страниц WooCommerce может быть своя, но функционал полей идет с WooCommerce. Обычно, на страницах используют специальный шорткод, который выводит поля оформления, или корзины. Создаете страницу Оофрмление и вставляете шорткод [woocommerce_checkout] и тогда на странице появятся поля. А сами поля, которые выводит WooCommerce уже с помощью CSS подгоняете под свою верстку и дизайн.
@@inwebpress про поля примерно понятно, но что делать с данными о товарах в корзине? как их брать и отправлять на почту? Подскажите пожалуйста!
@@teamitsystem2114 Если ваш магазин на базе WooCommerce работает, то эти функции уже присутствуют.
@@inwebpress у меня есть обычная кнопка внутри тега form. Что мне с ней делать, чтобы заказы отправлялись?
@@teamitsystem2114 Если это обычная форма, которая ни к чему не привязана и к вукомерсу не имеет отношения, то здесь может быть такой вариант: создать файл обработчик на PHP, который будет отправлять письмо на почту, которую укажете в этом обработчике. Можно создать форму с помощью плагина Contact Form 7 и с помщью шокртода вывести форму на странице. Тогда и обработчика не нужно. Плагин Contact Form 7 будет отправлять письма. Вообще, перед тем как создавать формы нужно подумать, а есть ли у меня понимание как эти формы будут работать и отправлять письма? если такого понимания и знаний нет, то нужно использовать готовые решения в виде плагина WooCommerce/Contact Form 7.
Добрый день, а как я могу сделать на каждый метод оплаты - свои поля?
С помощью тех же плагинов из обзора. Можно настроить отображение полей по выбору способа оплаты и доставки. Можно кодом прописать необходимые условия (если выбрана "доставка 1", значит выключаем следующие поля).
Например:
if ( 'local_pickup:1' == $chosen_methods[0] ) {
unset( $fields['billing']['billing_last_name'] );
unset( $fields['billing']['middle_name'] );
unset( $fields['billing']['billing_address_1'] );
unset( $fields['billing']['billing_city'] );
unset( $fields['billing']['billing_postcode'] );
unset( $fields['billing']['billing_country'] );
unset( $fields['billing']['billing_state'] );
@@inwebpress каким именно плагином можно изменять поля, в зависимости от метода доставки?
То есть в Украине есть разные операторы и под каждый НЕОБХОДИМО различные поля
Николай добрый день! Вы может сталкивались с проблемой у плагина woocommerce checkout manager, когда при оформлении заказа, любое поле ему не нравится, ни регион, ни город, ни индекс, ни адрес, все для него неправильно и даже электронная почта (для выставления счета не является корректным адресом электронной почты. Город/ населённый пункт для выставления счета не является корректным адресом электронной почты. Название улицы и номер дома для выставления счета не является действительным почтовым индексом.)
Добрый день! Я не сталкивался с таким. И я для настройки полей не пользуюсь плагинами - только кодом все делаю. Попробуйте др. плагин использовать, как он себя поведет, будет ли выдавать ошибки?
@@inwebpress я заметила что он выдает такие сообщения-ошибки когда убираешь названия полей и делаешь заполнители. Он их вместо текста считает чтоли
Здравствуйте. Клиент заказывает товар, куда приходит нам уведомление о заказе? Например когда я не онлайн в интернет магазине. Как сделать так чтобы уведомление о заказе приходил на мой мобильный телефон?
Заказы приходят вам в личный кабинет в магазине и на вашу почту, которая указана в настройках плагина WooCommerce. Уведомления можно получать и на телефон, если поставить приложение WooCommerce.
Добрый день. Скажите, а как можно в woo сначала пользователю зайти под своим аккаунтом (изначально зарегистрироваться как положено, через почту и придуманный пароль), затем войти под своим аккаунтом, набрать корзину и оформить заказ. Вот это было бы супер видео или уже такое есть у вас на канале?
Это тема Woodmart? Если да, то в шапке нужно вывести ссылки на авторизацию/регистрацию. После авторизации вместо них будет Профиль.
Спасибо,но что то не идет!!
Пишет что есть обязательные поля,хоть я их и отключил.
Рябзя кто в теме,помогите плиз.
(Мне нужны только мыло,телефон,и имя )
Он мне что я не делаю пишет что адрес не введен (при тесте уже)
Добрый день. Как я заметил есть обязаетльные поля к заполнению не в плагине а в самом Woocomerce. И они сообщают об необходимости заполнения. Не довая идти дальше. Так это поле об оплате в правой стороне от полей плагина. Как я его востановил стало работать.
а можно слелать не страницу оформления заказ а форму на cf7 спасибо
Нет. Но, вы можете сделать так:
1) Переведите магазин в режим каталога - тогда будет отключена корзина и оформление.
2) Установите плагин Art WooCommerce Order One Click
bit.ly/3pfEU2k
Добрый день. После успешного оформление заказа, выйдет текст: "Спасибо. Ваш заказ был получен" как этот текст изменить?
Или в файлах плагина WooCommerce, или можно попробовать через подмену (замену) перевода.
@@inwebpress пожалуйста подробнее напишите
много раз переустанавливала темы (может из за этого...) когда нажимаю в корзине "оформить заказ" то не выходит страница Оформление заказа (хотя она есть в разделе страницы), а открывается новая пустая.... Как можно подвязать ее обратно? заранее спасибо
Страницу нужно указать в настройках: WooCommerce - Настройки - Дополнительно - Страница оформления заказа
@@inwebpress спасибо большое! помогли!!!
Николай, как убрать блок "Доставка по другому адресу?"
Это в настройках WooCommerce
@@inwebpress хорошо, проверю ещё раз ;)
Добрый день. Скажите пожалуйста как избавиться от надписи в товаре "от Admin" Заранее большое спасибо.
Возможно, в настройках темы есть опция (типа, отключить авторство, или мета-данные), которая отключает это? Если нет, то нужно вырезать в файлах темы. Можно попробовать определить стиль блока и скрыть его с помощью display:none;
@@inwebpress вопрос решен. Сменил тему
Приветствую, друг помоги! Я тут именно в оформление заказов "Your Order" не могу изменить на "Ваш заказ" никак не получается
WordPress и WooCommerce на русском?
@@inwebpress Оказывается при изначальном настройку сайт должен быть на русском, а потом устанавливать плагин. Из за этого в памяти сохранился английский язык. ришлось копаться в файлах и там менять Your Order на русский) потратил на это 15 часов
@@yerzhansadykov1851 Для плагина WooCommerce язык можно обновить и позже, в разделе Консоль - Обновление.
Вітаю, в мене мультимовний магазин, мені потрібно щоб при використанні української на сайті користувач бачив одні поля форми (їх менше, є відділення нп), а користувачі з іншого світу бачили інші поля (там адреса та детальні дані). Як мені це зробити?
Якщо є платні версії плагінів або ще якось буду вдячний за допомогу
Ну, взагалі можна подивитись в сторону створення зон доставки в налаштуваннях WooCommerce. В кожній зоні ми додаємо свій список країн і вказуємо способи доставки. Скрин: i.imgur.com/id8lUWx.jpg
Кто-нибудь отправлял с помощью woocommerce письма, просьба отозваться!
С 4.0.2 woocommerce ни один плагин не заработал.
Последняя версия woo на 5 июня - 4.2.0. Плагины работают, некоторые из них я использую в клиентских проектах.
@@inwebpress В видео не показано, что все работает! Поля пропали, да. Но нужно что бы не только поля пропадали, а что бы еще и перекидывало на оплату товара. У меня тоже поля исчезают. А по клику Подтвердить заказ, наступает креш! Нужно убрать функционал этих полей, а не тупо их скрыть!
Эти плагины отвечают только за страницу оформления, за поля на этой странице. А как вы дальше попадете на страницу оплаты зависит от способа оплаты, который указан в настройках WooCommerce и который выбран пользователем на странице оформления.
Используйте плагин Flexible Checkout Fields for WooCommerce - работает отлично.
Я не просто снимаю видео ради видео, а сам являюсь практиком, который использует решения из видео.
У меня есть магазин, который я недавно создал для клиента. Там использую плагин Flexible Checkout Fields for WooCommerce + плагин для оплаты через LiqPay. На странице Оформления сделал только 3 поля, все остальное вырезал. Эти три поля падают в почту, в админку в заказы. И оплата товара отлично с ними работает.
@@inwebpress Как я дальше попаду на страницу оплаты, зависит не от способа оплаты, как ты тут пишешь, а от того заполнил ли я все поля или нет. Способ оплаты тут совершенно ни причем. До способа оплаты еще нужно добраться. Ладно. Свою проблему я конечно решил. И к большому моему сожалению не программно, а за счет так же плагина, который тоже довольно популярный. Сам пока не могу кодить. Знаний маловато пока!
какой ты долгий, ну разве это важно сколько установок на каком то плагине. Сразу нельзя!! нажать сюда, потом сюда... вода одна. Давайте посмотрим,у плагина миллион утснаовок. да пох сколько установок у него. По делу сразу а не жуй сопли!
Какой ты нудный и неблагодарный!
@@inwebpress Я ни хотел обидеть, извини. Ну правда, на доедо вода от всех. Зачем вот например мне нужна информация, о том, сколько раз скачали этот плагин?? Почему сразу нельзя с ходу: скачиваете тут, нажимаете установить, потом жмете распаковывать, нажимаете сюда и сюда. Тут это там то. А не так: Этот плагин завоевал сердца многих, его скачали тысячи человек, он очень гибкий и т.д и т.п. Не за этим многие приходят. Сегодня любят информацию получать быструю и точную. Нахера мне знать, сколько раз его скачали?? Ваше видео можно было легко уложить в 10 минут. А вы вообще знаете. Что даже алгоритмы ПС давно начали выдавать быстрые овтеты в поисковиках. Ну просто для того, что бы ищущий ответ на свой вопрос, не читал всю статью, ища в ней пару предложений, какой размер ключа нужен для того, что бы открутить водопроводный кран. Поверьте, сейчас важно для продвижения преподносить быструю информацию -это комфортно.