Купить товар Woocommerce в один клик кнопка Contact Form 7

WooCommerce

Купить товар Woocommerce в один клик кнопка Contact Form 7 WooCommerce

Привет! Сегодня я покажу вам как добавить на страницу товара Woocommerce кнопку Купить в один клик. Покупатель жмёт на кнопку, появляется popup окно с формой. Он указывает своё имя, телефон, дополнительную информацию и жмёт отправить. Вам приходит письмо на email с контактами покупателя и информацией. Плюс, в письме вы сразу видите, какой товар хотят купить в один клик, его название и ссылка на страницу товара.

Купить товар Woocommerce в один клик кнопка Contact Form 7

Купить товар Woocommerce в один клик кнопка Contact Form 7

Купить товар Woocommerce в один клик кнопка Contact Form 7

Я хочу предложить вам альтернативу плагину Buy one click WooCommerce. У многих он глючит, люди пишут мне, жалуются. Я покажу вам как сделать очень простой, удобный и надёжный заказ товара. Всё очень просто! Смотрите далее!

Кнопка Купить в один клик товар Woocommerce

Вам понадобится плагин Contact Form 7.

Купить товар Woocommerce в один клик кнопка Contact Form 7

И плагин Easy FancyBox. Установите их на свой сайт и активируйте.

Купить товар Woocommerce в один клик кнопка Contact Form 7

Далее, переходим: Настройки — Медиафайлы. В настройках Media, поставьте галочку напротив параметра Inline content. Сохраните изменения.

Обратите внимание! Уберите галочку напротив Images, если у вас уже стоит плагин для просмотра изображений в лайтбокс окне.

Купить товар Woocommerce в один клик кнопка Contact Form 7

Далее, перейдите на страницу создания/редактирования формы. Вы можете добавить в форму любые поля! Обязательно поставьте защиту reCaptcha от спама!

Купить товар Woocommerce в один клик кнопка Contact Form 7

Далее, вверху перейдите на вкладку Письмо. Обратите внимание на тело письма! Обязательно добавьте шорткоды полей, они выводят информацию, которую указывает покупатель в форме. Ещё добавьте:

  • [_post_title] — выводит в письме название товара, на странице которого нажали на кнопку Купить в один клик;
  • [_post_url] — выводит в письме ссылку на заказанный товар.
  • Сохраните изменения!
  • Купить товар Woocommerce в один клик кнопка Contact Form 7

    Далее, перейдите на страницу: Внешний вид — Редактор, справа откройте для редактирования файл functions.php. В самый низ файла вставьте специальный код функции, которая выводит кнопку на страницу товара. Сохраните изменения. Ниже вы можете скопировать данный код!

    В коде замените шорткод контактной формы Contact Form 7 на свой!

    Купить товар Woocommerce в один клик кнопка Contact Form 7

    Здесь вы можете скопировать код:

    //Купить в один клик 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> <? } }
    Всё готово! Вот так просто и быстро вы можете добавить на страницу товара кнопку Купить в один клик.

    Как добавить в форму защиту от спама reCaptcha

    Как изменить внешний вид формы Contact Form 7

    Остались вопросы? Напиши комментарий! Удачи!

    Оцените статью
    Добавить комментарий