- Заказ товара в один клик ➤ Плагин Buy one click WooCommerce
- Примечание
- Способы добавления кнопки «Купить в один клик» в Woocommerce
- Плагин Buy one click WooCommerce
- «Купить в один клик» с помощью плагинов Contact Form 7, Easy FancyBox
- «Купить в один клик» с помощью онлайн сервиса «Обратный звонок»
- Как в WooCommerce добавить кнопку «Купить в 1 клик» рядом с кнопкой «Добавить в корзину»?
- Купить в один клик в WooCommerce
- Если не работает дополнительное поле
- Как вставить ссылку с политикой обработки персональных данных
- Выводим email в тело письма
- Web разработка и оптимизация
- Плагин Заказать в один клик для WooCommerce
- Обновление 1.5 от 14.06.2017
- Скачать бесплатный плагин покупки в один клик для WooCommerce
- 1 000 thoughts on “ Плагин Заказать в один клик для WooCommerce ”
Заказ товара в один клик ➤ Плагин Buy one click WooCommerce
Большинство покупателей в интернет-магазинах не хотят проходить долгий пошаговый процесс оформления покупки. Вместо этого они предпочитают делать быстрые заказы в один клик. Посмотри это видео и сделай в своём магазине кнопку быстрого заказа. Не теряй клиентов!
Функцию быстрого заказа можно сделать если вам нужно кроме стандартной кнопки “Добавить в корзину” вывести еще кнопку “Купить в 1 клик”. Или если вам не нужна кнопка “Добавить в корзину”, не нужна сама корзина и страница оформления, но, вам нужно чтобы покупатели имели возможность совершить быструю покупку с помощью простой формы.
Для реализации этой возможности я буду использовать бесплатный плагин Buy one click WooCommerce.
Всплывающее окно быстрого заказ
Настройки плагина
Примечание
Плагин не работает с вариациями в вариативных товарах.
Возможны такие варианты:
1) установите платное дополнение “Buy one click WooCommerce – вариативные товары”, вбейте в Google и найдете, я не тестировал данное дополнение;
2) установите другой плагин Art WooCommerce, отличная альтернатива;
3) установите плагин Quick Buy For Woocommerce.
Источник
Способы добавления кнопки «Купить в один клик» в Woocommerce
Чтобы ускорить процесс оплаты в интернет-магазине под управлением Woocommerce можно добавить кнопку «Купить в один клик». У покупателя будет выбор: сделать массовую покупку товаров отложив их перед покупкой в корзину, либо оплатить или заказать один товар сразу, в обход страницы с корзиной.
Реализовать у себя на сайте кнопку «Купить в один клик» можно несколькими способами.
Плагин Buy one click WooCommerce
На мой взгляд, это самый оптимальный способ ускорить процесс покупки в обход страницы с корзиной. Плагин «Buy one click WooCommerce» создает кнопку «Купить в один клик», при нажатии которой появляется всплывающая форма заказа, поля которой можно настроить в самом плагине.
Т.е. у вас уже нет необходимости создавать дополнительные формы и привязывать их к таблице Woocommerce. Все заказы оформляются только в Woocommerce. После оформления заказа покупатель получает детали счета на свой E-mail, как и при обычном заказе. Единственное, нет возможности выбрать вариативный товар. Но можно попросить клиента указать параметры в самом заказе.
В настройках плагина можно отметить, как будет совершаться переход к оформлению товара: использовать всплывающее окно или редирект на страницу checkout. Также предлагается выбрать позицию, где будет размещена кнопка «Купить в один клик». Есть настройка SMS-уведомления для клиента через сервис «SMSC».
«Купить в один клик» с помощью плагинов Contact Form 7, Easy FancyBox
С помощью бесплатных плагинов «Contact Form 7», «Easy FancyBox» и небольшого кода также можно создать кнопку «Купить в один клик».
В настройках плагина «Contact Form 7» создается контактная форма с нужными полями. Такие как: номер телефона, имя, электронный адрес и любые другие дополнительные поля. На второй вкладке контактной формы «Письмо» в тело письма вставьте шоткоды [_post_title] и [_post_url]. Так, вы будете знать с какой именно страницы покупатель отправил вам заказ.
В настройках плагина «Easy FancyBox» включите параметр Inline content , остальные пункты можно отключить, если они вам не нужны. Этот параметр позволяет контактной форме всплывать на экране в виде модального окна, после нажатия на кнопку, которую мы разместим возле стандартной кнопки «Добавить в корзину».
Теперь скопируйте этот код в любой текстовый редактор или редактируйте прямо здесь, кликнув дважды на код.
Скопируйте шорткод контактной формы, которую вы создали для кнопки «Купить в один клик» и замените им шорткод [contact-form-7 404 «Не найдено»] на свой. Классы fancybox-inline и fancybox-hidden необходимы для того, чтобы скрипт «Easy FancyBox» сработал. Класс single_add_to_cart_button button alt — это класс стандартной кнопки на странице одиночного продукта, вы можете заменить его на свой и добавить стили на свой вкус.
Вставьте отредактированный код в файл темы functions.php или воспользуйтесь плагином «Code Snippets» и сохраните. На странице одиночного продукта появится вторая кнопка при нажатии на которую откроется контактная форма, задайте свои стили и для неё.
«Купить в один клик» с помощью онлайн сервиса «Обратный звонок»
На страницу товара можно интегрировать дополнительную кнопку рядом с кнопкой «Добавить в корзину», которая откроет очень удобную форму обратного звонка. Если покупатель нажмёт эту кнопку, то появится всплывающее окно, где клиенту будет предложено оставить свой номер телефона, а продавец получит заявку и различную информацию о посетителе. Этот способ подходит для ускорения процесса взаимодействия с клиентом, кроме того, сервис предоставляет и другие услуги, в том числе и CRM-систему.
Предположим, что вы зарегистрировались на Envybox и подключили в футер своего сайта скрипт обратного звонка. Не забудьте в настройках Envybox включить параметр «Звонить только с форм, у которых есть класс callbackwidget-call-form». Теперь скопируйте код ниже, в котором указан class для срабатывания виджета обратного звонка callbackwidget-call-form (согласно инструкции онлайн-сервиса на момент написания статьи). Также можно изменить класс single_add_to_cart_button button на свой и добавить произвольные стили.
Это будет выглядеть так:
Данный код размещаем в файле темы functions.php или с помощью плагина «Code Snippets». После этого обновляем страницу товара и видим, что на странице появилась вторая кнопка.
⚠️ Так как WordPress и его плагины могут изменяться, тестируйте любой кастомный код на промежуточном веб-сайте перед переходом в рабочую среду.
Источник
Как в WooCommerce добавить кнопку «Купить в 1 клик» рядом с кнопкой «Добавить в корзину»?
Здравствуйте! Необходимо в категории с товарами, возле каждого товара вывести 2 кнопки: «Купить в 1 клик» и «Добавить в корзину». Естественно функционал должен быть соответствующий. При добавлении в корзину товар должен просто добавляться в корзину. С этим проблем нет, кнопка «Добавить в корзину» есть возле каждой карточки товара. При нажатии на «Купить в 1 клик», необходимо добавлять товар в корзину и сразу же отправлять человека на страницу checkout (Оформление заказа). Это необходимо реализовать, так же, на станице товара. Вроде бы ничего сложного, но есть одно НО, о нём в последнем абзаце, если кратко. Подробнее, в предпоследнем.
Пробовал решить данную задачу разными способами. Первый способ был поиск плагина. Их было найдено несколько. Если кому-то понадобится, это: Buy one click WooCommerce и WooCommerce Direct Checkout. Платные варианты я не рассматривал, а они есть, один из них есть на сайте saphali, но функционал очень похож на Buy one click WooCommerce. Второй способ был написать простой javascript, который будет автоматически нажимать на ссылку добавить в корзину, а после, переадресовывать на страницу «Оформление заказа». Но такой скрипт который работал бы как задумано, написать не получилось. Далее о самих сложностях, которые у меня возникли.
Почему не подошли плагины?
1. Buy one click WooCommerce — отличный плагин который не добавляет товар в корзину, а просто показывает форму с полями для заполнения. Которая в последующем, после заполнения, сохраняется в сам плагин. А не в заказы WooCommerce. Необходимо что бы все заказы были в одном месте. Это удобно, правильно и понятно. Так же в этом плагине я не смог настроить то что мне нужно. Он добавляет рядом кнопку, но как я уже сказал выше, товар в корзину она не кладёт, хотя и умеет перенаправлять на страницу «Оформления заказа». Возможно плагин более конверсионное решение и скорее всего я его протестирую. Но сейчас, стоит другая задача. С этим плагином к сожалению у меня не сложилось, хоть он и имеет большое количество настроек.
2. WooCommerce Direct Checkout — отличный плагин который заменяет функционал кнопки «Добавить в корзину». Он в точности реализует функционал кнопки «Купить в 1 клик», который мне и необходим. Но функционал кнопки «Добавить в корзину» полностью пропадает и заменяется на «Купить в 1 клик». Я попытался создать свою кнопку «Добавить в корзину». Но к сожалению не понял как это можно сделать, так как всегда при нажатии на неё выполнялся функционал «Купить в 1 клик».
Почему не получилось с помощью JavaScript?
Я это пытался сделать такой функционал путём нажатия через JavaScript на ссылку «Добавить в корзину» и автоматической переадресацией на страницу «Оформление заказа». Но так и не смог это сделать, так как скрипт переадресовывал меня сразу на страницу оформления заказа но не нажимал на ссылку «Добавить в корзину». В ссылке я указывал атрибут onClick и туда вставлял скрипт. Выглядело у меня это так:
Вариант 1.
Кнопку я добавлял в файл по пути: «\wp-content\plugins\woocommerce\templates\loop\add-to-cart.php» (если кому-то поможет, это файл шаблона WooCommerce, в котором редактируется код кнопки «Добавить в корзину»). Так же был вариант с функцией, но с ним тоже ничего не вышло.
Кратко: плагины не подходят по причине того что они один из них при нажатии на кнопку «Купить в 1 клик» вызывает форму и не добавляет товар в корзину, а другой удаляет кнопку «Добавить в корзину» и оставляет возможность только «Купить в 1 клик». Пытался реализовать путем нажатия на ссылку «Добавить в корзину» по средствам JS и переадресации на страницу «Оформление заказа», после переадресации оказывается что товар в корзину не добавляется. Соответственно JS не работает как надо, хотя код рабочий. Пробовал разные варианты реализации на JS этой возможности. Как ещё можно попробовать это реализовать? Возможно через хуки, но я в этом ничего не понимаю, знаю только куда их вставлять, а как найти подходящий хук, без понятия, вряд ли это делается перебором.
Источник
Купить в один клик в WooCommerce
На данный момент плагин Buy one click WooCommerce для WordPress — это единственный бесплатный плагин, который позволяет максимально быстро поставить кнопку «купить в один клик» в woocommerce.
Для некоторых сайтов мне приходилось отключать стандартную кнопку «в корзину», минуя весь последующий цикл оформления заказа, а в качестве более простого аналога, позволяющего осуществить заказ, ставить обычную форму обратной связи.
Плагин «Buy one click WooCommerce» является простой и одновременной гибкой реализацией похожих задач, как указано в описании плагина, его код распространяется открыто и его можно быстро поправить под себя.
Не сложно заметить, что код плагина имеет множество комментариев, что еще больше упрощает адаптацию под свои нужды.
Если не работает дополнительное поле
Первое с чем столкнулся, не работало дополнительное поле textarea (версия 1.5.1), исправить данную ошибку очень просто:
В файле buy-one-click-woocommerce/inc/javascript-class.php ищем строку:
Теперь информация из дополнительного поля textarea будет приходить нам на почту.
Как вставить ссылку с политикой обработки персональных данных
С 1 июля 2017 г. в России вступил закон, который призывает размещать на своем сайте информацию об обработке персональных данных. Это необходимо делать не везде, но вот при оформлении заказа в большинстве случаев лучше разместить ссылку, потому что если ваш сбор данных попадает под этот закон, то штраф будет достаточно высоким.
Если в самом модуле woocommerce есть штатная настройка, для включения строки с информацией о правилах магазина, то в модуле «buy one click», такая мелочь не предусмотрена.
В файле buy-one-click-woocommerce/inc/function-class.php ищем строку:
Вставляем перед ней и правим под себя:
Соответственно создаете отдельную страницу с описанием данной политики в вашей компании и копируете ее url в атрибут href.
Выводим email в тело письма
Добавляем информацию из поля email в отчет, который приходит нам на почту, при условии, что данные заказа не записываются в общую таблицу wooCommerce.
- В файле buy-one-click-woocommerce/inc/javascript-class.php
- находим строку:
Сразу после нее добавляем:
В файле buy-one-click-woocommerce/inc/function-class.php
- находим строку
- 1) Новый шорткод
2) Правка мелких и вредных ошибок
PS: в комментарии по существу!
Сразу после нее добавляем:
Находим 2 строки:
После которых вставляем строку таблицы с двумя ячейками:
Ссылка на плагин Buy one click WooCommerce для WordPress
Источник
Web разработка и оптимизация
Плагин Заказать в один клик для WooCommerce
Официальное название плагина «Buy one click WooCommerce»
И так появилась задача на некоторых сайтах организовать возможность заказа «В один клик» или как в некоторых интернет магазинах эта кнопка называется — кнопка «Быстрого заказа». В результате некоторых манипуляций получился плагин или расширение для WordPress с установленным WooCommerce — «Buy one click WooCommerce».
Возможности плагина довольна скромные:
1) Первое и самое важное — он абсолютно бесплатен.
2) Для кого-то это будет достоинство, а для кого то недостаток, но плагин имеет свою базу по заказам и не интегрирован в общую базу заказов WooCommerce.
3) Есть система статусов. Сделано для того что бы понимать какой заказ менеджер магазина отработал, а какой еще нет.
3) Возможность настройки отображения полей и их названий.
4) Для тех кто в «коде» — код имеет комментарии и в принципе поддается изменениям без глубокого его познания. (Всего в плагине три основных класса: Класс для работы с JavaScript, базовый класс — организация настроек плагина и страниц, класс функционала — прочий php код и функционал).
5) CSS формы и кнопки разнесены в отдельные файлы, можно менять на вкус и цвет.
6) Есть уведомления на email о заказе, как для клиента, так и для менеджера
— Письма уходят только в HTML с скромной таблицей и данными о заказе
— Письма отправляются только через функцию wp_mail, от отдельного smtp было решено отказаться. Но отсутствие smtp вы можете компенсировать любым плагином WordPress поддерживающим замену стандартного вызова wp_mail на свою функцию.
По ряду причин плагин апробирован только на версии WordPress 4.1 и последней версии WooCommerce.
В качестве выбора расположения кнопки «купить в один клик» использованы стандартные хуки WooCommerce, позволяющие менять положение кнопки относительно карточки товара.
Ссылка на скачивание на сайте WordPress
Ниже, плагин «заказать в один клик» — «Buy one click WooCommerce», в картинках.
* Добавлены варианты поведения формы при отправке заказа
-Вариант «Ни чего не делать», всё по старому
-Вариант «Закрыть через указанное количество мсек»
-Вариант «Показать всплывающее сообщение и закрыть»
-Вариант «Сделать перенаправление на произвольный URL»
* В Шаблон email сообщения добавлены ФИО и Телефон клиента
-Если ФИО или Телефон не получены — тогда пустые поля
(Шаблон сообщения можно поправить под себя в файле «inc/function-class.php» имя метода «htmlEmailTemplate»)
* CSS формы заказа «css/button21.css» и «css/form.css»
* CSS дополнительного сообщения «css/formmessage.css»
Обновление 1.2 от 14.06.2015
Добавлена поддержка отправки смс при совершение заказа. Поддерживаемый шлюз СМСЦ
Обновление 1.3 от 25.08.2016
1) Форма быстрого заказа теперь не присутствует в html страници постоянно, а подгружается по запросу через ajax
2) Ссылка на глобальный обработчик ajax берётся из вашего сайта, ранее ссылка была жёстко указанна.
3) Новая опция в общих настройках, теперь все новые заказы могут дублироваться в общую таблицу заказов Woocommerce. Запись в таблицу плагина — не отключаемая опция.
4) Введение опции с добавлением быстрого заказа в таблицу Woo, позволяет использовать стандартный механизм отравки писем Woo клиенту о новом заказе.
Обновление 1.4 от 08.09.2016
1) Новая опция вывода кнопки купить в категории товара
2) Некоторые переработки функций
3) Появилась возможность вывести кнопку при помощи шорткода
Итак пока первый опытный шорткод «Кнопка купить» — [viewBuyButton] Шорткод кнопки нужно вставлять в циклах вывода товара, где возможно получить ID товара. При этом Шорткод загружает для себя стили и скрипты,а кнопка «купить» будет показана даже если у вас выключена галочка «Включить показ кнопки»
Обновление 1.5 от 14.06.2017
Скачать бесплатный плагин покупки в один клик для WooCommerce
PS: Продажа плагина для WordPress «Купить в один клик» или выдача его за свою разработку запрещена.
1 000 thoughts on “ Плагин Заказать в один клик для WooCommerce ”
Добрый день!
В моей теме над изображением и под изображением кнопка ставится под описание в блок апсейл и кроссейл.
Сделайте пожалуйста установку кнопки в выбранные категории, хочу использовать ее как инфо кнопку для заказа вариации, которой нет в наличии. Удалять шорткоды с сотен страниц вручную неудобно. Вообще не понравился ни один вариант куда устанавливается кнопка.
Нет настройки всплывающего окна (тип, цвет размер шрифта и цвет окна). форма самого заказа выглядит некрасиво — берется шрифт H2 заголовка сайта, в полях не написано что куда вводить — все поля пустые.
У вариативного товара окно не закрывается и не пишет, что заказ отправлен, хотя в заказы вп заявка приходит.
И нехватает возможности самому писать комментарии к полям (тк форма полностью пустая)
Заказ приходит, но без данных, потому что ввести в оба поля можно все, что угодно, хоть мммммммммм хоть рооллддд
—————————————
Сделайте пожалуйста кнопку для вариаций — (заказать чего нет в наличии), и чтобы заказ приходил в вукоммерс, по типу этого WooCommerce Waitlist , только чтобы кнопка отображалась в table вариациях (в развернутом сиске вариаций) только тех, которых нет в наличии.
Добрый день! Учитывая безоплатность плагина — вполне работоспособен. Кто-бы что ни говорил.
Может ли автор подсказать где в коде отключить показ кнопки Купить в один клик для некоторых товаров, напр., по ID товара.
Было бы весьма полезно для сопуствующих товаров.
Спасибо
Плагин не работает, в плане: устанавливается, настраивается, все хорошо, только вот lightbox или jquery или ajax — не отрабатывает. Окно заказа в один клик тупо не выходит!
Смотрите свою тему. У меня установлена последняя версия, все работает.
Добрый день!
Так же попробуйте убрать галку на сохранение заказов в Woo
Пришлите ссылку на магазин.
Та же проблема — тема Storefront, не работает — не появляется окно всплывающее
Добрый день. Плагин очень хороший, но есть в нем недоработка. При отправке на почту заказа, форма на почту приходит не полностью заполнена при условии что все галочки включены. То есть графа с email куда покупатель вводит свою почту, в письме уведомлении администратору его покупателя почта не отображается. И я не понимаю как это исправить.
в настройках плагина в вкладке — Общие — есть раздел — Информация в форме заказа — нужно отметить галочками те поля которые нужно отображать
А после в разделе — Описание полей формы — отметить их
Я тоже заметил такую проблему. Все поля отвечены! В разделе Заказы емаил отображается в пришедших заказах, а в уведомлении, которое отсылается владельцу и клиенту, этого емаила нет. И получается, чтобы ответить на заявку по емаил, нужно зайти в админку и посмотреть в Заказах емаил. Это лишние действия. Исправьте, пожалуйста это.
Добрый день. Плагин работает, вся информация приходит. Проблема в том, что в письме и в заказах WooCommerce почему то два раза прописывается имя покупателя. Письмо: http://joxi.ru/brRk4q9CJdbW0m, заказы: http://joxi.ru/E2pNo7yH9JkE1r . Но в заказах самого плагина все корректно отображается. Как это можно исправить?
У вас есть возможность переопределения функции? К примеру могу ли я переопределить function viewBuyForm в своей теме?
Спасибо, уже не надо но сделайте пожалуйста поддержку шаблонов тем, я пока прописал в вашем файле так:
if (!file_exists(TEMPLATEPATH . ‘/inc/functions/oneclick.php’)) <
require_once (WP_PLUGIN_DIR . ‘/’ . dirname(plugin_basename(__FILE__)) . ‘/inc/function-class.php’);
>
но это до первого обновления (
При открывании модального окна из карточке товара, модальное окно открывается не на весь экран, а только в родительском div http://prntscr.com/lm4jw7 Подскажите, как можно поправить эту проблему?
Присоединяюсь к вопросу, такая же проблема. Причем не везде и не всегда. Иногда затеняется весь экран, иногда только блок, и в нем появляется окно с прокруткой. И если включить сайдбар, то окно начинает глючить и сайдбар оказывается выше. Пришлось на товарах отключить сайдбар, а это не очень хорошо.
Да, ещё хочу добавить, если это поможет, такое отображение происходит если товар отображается через owl слайдер. Т.е. в слайдере выводятся, например, новые товары.
Добрый день!
Можно както не показывать кнопку данного плагина на товарах которые есть в наличии?
а показывать только для товаров которых нет в наличии?
Добрый день!
Такой функционал в планах на следующую версию плагина.
Спасибо!
Не подскажите в какую сторону смотреть для перемещения кнопки «Заказа» рядом с кнопкой «в Корзину»? в один ряд или друг под друга
Дайте пожалуйста направление в котром двигаться
Здравствуйте. Выведите в нужном месте шорткодом и в настройках «Включить показ кнопки-шорткода?» отметьте
Убрать кнопку в настройках, а потом сделать в function.php функцию которая цепляет шорткод через хуки.
Здравствуйте. Прекрасный плагин у вас, все замечательно работает! Пытаюсь настроить СМС уведомления через сервис SMSC. Зарегался у них, получил тестовые деньги. Получил смс.
Дальше в плагине ввел логин/пароль, использовать POST. Не приходит смс к сожалению. Подскажи пожалуйста что делать и как узнать, что не так? И как пользоваться debug?
Добрый день!
Загляните в кабинет smsc в раздел История. Какой там статус сообщений?
Посмотрел историю. Все попытки там есть. Я указывал в форме заказа в 1 клик номер телефона ‘1111’. В истории написано неверный номер, т.е. он пытается отправить сообщение на номер, вписанный в графу телефон(номер клиента). А мне надо, что sms уведомление приходило на мой телефон. Где я должен указать свой номер, что б только на него приходили уведомления? Заранее благодарен.
Источник