Как заменить кнопку «Добавить в корзину» на «Посмотреть товар», связанную со страницами товаров и категорий магазина WooCommerce?


В прошлой заметке, мы рассматривали вариант создания партнерского магазина под оферы Admitad или подобную партнерку, где настраивали открытие ссылки в партнерской карточке товара WooCommerce на WordPress в новой вкладке (окне). Сегодня, разберем доработку торговой витрины под партнерские товары.

Используя WooCommerce на WordPress, есть следующие проблемы:

  1. Товары отображаются на главной странице магазина и на страницах категорий товара вместе с их ценой и кнопкой «Добавить в корзину».
  2. Кнопка «Добавить в корзину» перенаправляет на страницу корзины, или открывает ссылку на партнерский товар (в том же окне), если мы использовали скрипт из прошлой заметки. Важно заметить, что скрипт позволяет открывать партнерский товар в новом окне, только для карточек товара.
  3. При щелчке по изображению каждого продукта, происходит перенаправление на страницу / карточку продукта / товара.

Задача:

  1. Сделать так, чтобы покупатели могли прочитать описание товара, прежде чем добавлять его в корзину или перейти к покупке на партнерский магазин по ссылке.
  2. Уменьшить количество отказов (когда посетитель сразу покидает сайт) для партнерских витрин.

Решение:

Заменить кнопку «Добавить в корзину» на «Посмотреть товар», чтобы перенаправить с домашней страницы / категории товара на страницу каждого продукта / карточку товара, где появится кнопка «Добавить в корзину» или кнопка с партнерской ссылкой. Отображаться это, будет примерно так:

При щелчке по кнопке «Посмотреть товар», пользователь откроет в этом же окне карточку товара с описанием.

Для решения данной задачи, есть готовый код, который нужно будет добавить в файл functions.php своей темы (основной или дочерней). Ниже, рассмотрим подробнее данный код.

Если нет времени разбираться во всем самостоятельно, или понимаете, что не справитесь сами, найдите специалиста, который поможет вам решить вопрос. Защищенные сделки и доступные цены.

Как заменить кнопку «Добавить в корзину» на «Посмотреть товар», связанную со страницей товара магазина WooCommerce и в категориях товара на WordPress?

Добавляем код в файл functions.php своей темы (основной или дочерней):

add_filter( 'woocommerce_loop_add_to_cart_link', 'replacing_add_to_cart_button', 10, 2 );
function replacing_add_to_cart_button( $button, $product  ) {
    $button_text = __("View product", "woocommerce");
    $button = '<a class="button" href="' . $product->get_permalink() . '">' . $button_text . '</a>';

    return $button;
}

Добавить данный код в файл functions.php, можно при помощи правки файла в «Редактор тем» или посредством плагина Code Snippets. О том, как это сделать, описано в предыдущей заметке. Вам нужно только использовать вышеприведенный код и один из способов.

Заключение.

Способ прост и рабочий. Актуальное решение как для полноценных Интернет-магазинов, так и для партнерских товарных витрин. В последнем случае, при нажатии на кнопку «Посмотреть товар», пользователь не покинет ваш сайт перейдя по ссылке на партнерский ресурс, а останется на вашем сайте и после подробным ознакомлением с товаром, примет решение. Это может положительно повлиять на уменьшение количество отказов (когда пользователь сразу покидает сайт, после его открытия), что положительно скажется на SEO. Более того, данное решение, может повысится и качество кликов по партнерским ссылкам, что позволит получать вам прибыльные клики только от тех пользователей, которые готовы уже к покупке. Более того, это очистит статистику в партнерской сети, где могут быть клики и отсутствуют целевые действия.

Если вы знаете другие рабочие способы, делитесь ими в комментариях. Ваша информация, может быть полезной и другим пользователям. Заранее, спасибо и успехов.

Добавлено 06.10.2022

В комментариях, пользователь написал, что у него не работает способ из данной заметки. Похоже, когда добавлял в статью, допустил ошибку в размещении кода. Моя вина, извиняюсь. Спасибо, что пишите в комментариях. Поправил код. Перепроверил, должно все корректно работать. Отпишитесь, если будет проблема. Ваши комментарии, помогают также другим пользователям.

https://pc103help.blogspot.com

Отправить комментарий

Новые Старые

نموذج الاتصال