Еще больше упростить и без того несложный интернет-шоппинг пользователь может установив специальный плагин на свое устройство. В статье будем разбирать как купить в один клик с WooCommerce разными способами, минуя корзину заказов. Подробно обо всех особенностях, с которыми может столкнуться пользователь, далее.
Плагин Buy one click WooCommerce
Чтобы сделать покупки в интернете быстрыми и еще более удобными установите плагин «Buy one click WooCommerce». После его установки соответствующая плашка будет добавлена на страницу товара. Пользователю останется кликнуть на нее, чтобы быстро перейти в форму оформления своей покупки.
Настройка всплывающего окна производится внутри самого плагина. Нет необходимости интегрировать другие формы. Внутри плагина также оформляются и все заказы. Пользователь, в привычном формате, получает все детали оформленной им покупки, на указанный при регистрации электронный адрес.
Настройки также позволяют отрегулировать параметры перехода к оформлению товара. Это может быть как всплывающее окно, так и перенаправление на страницу с выбором удобного способа оплаты. Где именно на странице будет располагаться кнопка покупки также можно настроить по своему усмотрению.
С помощью плагинов Contact Form 7, Easy FancyBox
Помимо расширения от WooCommerce существуют прочие способы внедрения кнопки быстрой покупки на страницу товара. В частности это компоненты «Contact Form 7» или «Easy FancyBox», а также некоторые шорткоды.
Contact Form 7
Чтобы настроить Contact Form 7 зайдите в параметры компонента и в контактной форме создайте нужные поля, относящиеся к деталям заказа и доставки. Далее следует настройка второй вкладки, где в форме «Письмо» в тело письма нужно вписать шоткоды [_post_title] и [_post_url]. Это позволит в последующем понимать, на какой странице находился пользователь, когда оформлял покупку.
Easy FancyBox
Вам потребуется зайти в параметры расширения и активировать пункт Inline content. Он активирует отображение всплывающей формы с контактными данными. В есть и другие параметры, напротив них галочки ставить не обязательно. Далее потребуется скопировать код:
//Button Buy in one click
function buy_one_click() {
echo ‘<div class=”buy-one-click”><a class=”fancybox-inline single_add_to_cart_button button” href=”#contact_form_pop_question”>Купить в один клик</a></div><div class=”fancybox-hidden”><div> id=”contact_form_pop_question”>’.do_shortcode(‘[contact-form-7 id=”5″ title=”Contact form 1″]’).'</div></div>’;
}
add_action( ‘woocommerce_after_add_to_cart_button’, ‘buy_one_click’ );
В нем замените [contact-form-7 id=”5″ title=”Contact form 1″] на шорткод созданной вами контактной формы кнопки быстрой покупки. Не удаляйте блоки fancybox-inline и fancybox-hidden, иначе «Easy FancyBox» не будет функционировать. Класс single_add_to_cart_button button alt — это блок стандартной кнопки на странице одиночного продукта замените его на свой и добавьте стили на свой вкус.
Измененный код вставьте в файл темы functions.php. Для этой цели также можно использовать расширение «Code Snippets». Не забудьте сохранить изменения и перезагрузить страницу. После этого действия на странице появится вторая кнопка. Нажав на нее откроется форма, для которой вы также можете задать стили.
С помощью онлайн сервиса «Обратный звонок»
Рядом с кнопкой «добавить в корзину» можно интегрировать еще одну, для открытия формы обратного звонка. При нажатии на нее покупатель увидит всплывающее окно с предложением оставить номер телефона для связи. Помимо этого сервис может предложить и другие варианты взаимодействия, например CRM-систему.
Так, например, при регистрации на Envybox и настройке в подвале сайта скрипта обратной связи, включите параметр «Звонить только с форм, у которых есть класс callbackwidget-call-form» для удобства. Следующим шагом блок callbackwidget-call-form вставьте в код после class=”, чтобы получилось примерно следующее:
//Button Buy in one click
function buy_one_click() {
echo ‘<div class=”buy-one-click”><button type=”submit” name=”buy-one-click” class=”callbackwidget-call-form single_add_to_cart_button button”>Купить в один клик</button></div>’;
}
add_action( ‘woocommerce_after_add_to_cart_button’, ‘buy_one_click’ ).
Этот код нужно разместить в файле темы functions.php или через плагин «Code Snippets». Останется только сохранить изменения и обновить страницу. После этого кнопка должна появиться на странице товара. Теперь для вас не составит труда интегрировать кнопку купить в один клик от WooCommerce, или форму обратной связи на страницу своего магазина.