Кнопка «Купить в один клик» для Woocommerce и изменение полей chekout

Кнопка «Купить в один клик» для Woocommerce и изменение полей chekout

Чтобы ускорить процесс оплаты в интернет-магазине под управлением Woocommerce, можно добавить кнопку «Купить в один клик». У покупателя будет выбор: сделать массовую покупку товаров отложив их перед покупкой в корзину, либо оплатить или заказать один товар сразу, в обход страницы с корзиной.

Реализовать у себя на сайте кнопку «Купить в один клик» можно несколькими способами.

Плагин WooCommerce Simple Buy Now

На мой взгляд, это самый оптимальный способ ускорить процесс покупки в обход страницы с корзиной. Плагин WooCommerce Simple Buy Now создает кнопку «Купить в один клик», при нажатии которой появляется всплывающая форма заказа со страницы /checkout/.

добавить кнопку «Купить в один клик» woocommerce

Т.е. у вас уже нет необходимости создавать дополнительные формы, привязывать их к таблице Woocommerce. Все заказы оформляются только в Woocommerce. К тому же это работает с вариативными товарами, в отличии от другого плагина Buy one click WooCommerce.

Плагин WooCommerce Simple Buy Now

В настройках плагина можно отметить как будет совершаться переход к оформлению товара: Использовать всплывающее окно или Редирект на страницу checkout. Также предлагается выбрать позицию, где будет размещена кнопка «Купить в один клик». А можно полностью заменить ею кнопку «Добавить в корзину». Если отметить пункт «Сбросить корзину перед быстрой покупкой», то к оформлению заказа будет представлен лишь товар с которого была вызвана функция кнопки. 

Купить в один клик» с помощью плагинов Contact Form 7, Easy FancyBox или сервиса «Обратный звонок».

С помощью плагинов Contact Form 7, Easy FancyBox и кода также можно создать кнопку «Купить в один клик». В Contact Form 7 создается контактная форма с нужными полями. Такие как: номер телефона, имя, электронный адрес и дополнительные поля. На второй вкладке контактной формы «Письмо» в тело письма вставьте шоткоды [_post_title] и [_post_url]. Так вы будете знать с какой страницы вам отправлено сообщение.

В плагине  Easy FancyBox включите параметр Inline content, остальные пункты отключите. Данный плагин нужен, чтобы контактная форма всплывала на экране после нажатия на кнопку.

Теперь вставьте этот код в файл темы function.php.

//Buy in one click
add_action( 'woocommerce_single_product_summary', 'return_policy', 30 );
function return_policy() {

global $product;

  if ( !$product->is_in_stock() or !$product->get_price_html()) {

  }

  else{ ?>

  <p class="buy-one-click"><a class="fancybox-inline single_add_to_cart_button button alt" href="#contact_form_pop_question">Купить в один клик</a></p>

  <div class="fancybox-hidden" style="display: none;">
  <?php echo '<div id="contact_form_pop_question">'.do_shortcode('[ваш шорткод contact form 7]').'</div>'; ?>
  </div>

  <? }

}

Между else{ ?> <? } располагаем HTML-код кнопки и чуть ниже вы должны добавить шорткод вашей контактной формы.

Вместо шорткода контактной формы можно вставить что угодно, например, очень удобную форму обратного звонка. Для этого в коде кнопки нужно сменить ссылку Contact Form 7 на ссылку виджета обратного звонка. 

Пример:

<p class="buy-one-click"><a single_add_to_cart_button button alt" href="#callbackkiller">Купить в один клик</a></p>

Тогда нам уже не понадобятся плагины Contact Form 7 и Easy FancyBox. Если покупатель нажмет кнопку подключенную данным способом, появится всплывающее окно, где клиенту будет предложено оставить свой номер телефона.

Как изменить поля доставки на странице оформления заказа в Woocommerce?

Если мы перейдем на страницу оформления заказа /checkout/, то увидим, что в пункте Детали платежа, поля для оплаты и доставки оформлены по стандарту. Изменить их в настройках самого плагина Woocommerce мы не имеем возможности. Поэтому нам нужно установить дополнительный модуль Woo Checkout Field Editor Pro.

После установки плагина, перейдем в его настройки. В настройках мы увидим три вкладки: Адрес платежный, адрес доставки и дополнительные поля. Чтобы отредактировать текст поля нажмите кнопку Редактировать (Edit). При редактировании можно задать обязательные и необязательные для заполнения поля.

Как изменить поля доставки на странице оформления заказа в Woocommerce?

Чтобы отключить или включить поля, отметьте нужное поле и нажмите кнопку Запретить (Disable) или Разрешить (Enable) и сохраните изменения.

СтраUz
Читайте также
Привет! Я Натали Мамбетова.

Занимаюсь разработкой сайтов, блогов, интернет-магазинов, лендингов на WordPress. Оказываю платные помощь и консультации. Являюсь сертифицированным партнером TemplateMonster по CMS системе WordPress, имею сертификат этой компании подтверждающий мои навыки в работе с данной системой.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© СтраUz 2018. Все права защищены. Копирование разрешено только с указанием гиперссылки на источник.
Сделано с ❤
Заказать сайт