При работе с партнерской сетью Admitad или любой другой партнеркой, при создании карточек товара WooCommerce на WordPress, вы могли заметить, что кнопка в товаре «Купить» имеет тег <button>. При нажатии на кнопку «Купить», нет возможности вызвать меню браузера, чтобы открыть ссылку на кнопке в новом окне.
Кто-то скажет, а зачем это вообще нужно? Проблема в том, что при создании партнерского магазина, необходимо размещать в карточке товаров ссылки на партнерский товар. А при использовании скрипта Admitad MoneyLink или Admitad Teleport, они не срабатывают в карточках товаров. То есть, если отказаться от классических партнерских ссылок и использовать на своем WordPress решения Admitad MoneyLink или Admitad Teleport, они не будут работать в карточках товаров WooCommerce на WordPress.
В чем проблема?
Чтобы лучше понять суть проблемы, стоит ознакомиться с предыдущей заметкой. Исходя из данных, через несколько лет начнется скорее всего тотальная блокировка редиректных ссылок. В связи с этим, ребята из Admitad начали уже готовится к безредиректной эпохе. Для этого, они создали решение Admitad Teleport, которое доступно в виде скрипта (Teleport Script) и API решения (Teleport API). Есть еще решение Admitad MoneyLink, однако оно не является аналогом Admitad Teleport и подвержено блокировкам, как и классические партнерские ссылки. Вы можете ознакомится с моим опытом использования Admitad MoneyLink в данной заметке.
Как следствие, если есть партнерский магазин и / или товарная витрина под партнерки, которые работают с WooCommerce на WordPress, решения Admitad MoneyLink и Teleport Script не работают.
Как выглядит стандартная кнопка «Купить» в партнерской карточке товара WooCommerce на WordPress?
Код стандартной кнопки:
<button type="submit" class="single_add_to_cart_button button alt">Купить товар</button>Вот скрин кода:
Примечательно, что у нас будет и код со ссылкой на партнерский товар:
<form class="cart" action="https://ваша_ссылка_на_партнерский_товар/" method="get" target="_blank">
Общий код кнопки:
<form class="cart" action="https://ваша_ссылка_на_партнерский_товар/" method="get" target="_blank">
<button type="submit" class="single_add_to_cart_button button alt">Купить товар</button>
</form>
Скрипты Admitad MoneyLink и Teleport Script не могут обработать ссылки в кнопке товара и в результате, такие переходы не учитываются партнерской сетью. Как следствие - нет прибыли от таких партнерских магазинов.
Решение.
Можно использовать классические партнерские ссылки. Однако, если хотите использовать скрипт Admitad MoneyLink и Teleport Script на своем партнерском сайте WordPress, можно удалить кнопку с тегом <button> и сделать простые пользовательские кнопки для одного продукта HTML в карточках товара.
Вместо кода:
<button type="submit" class="single_add_to_cart_button button alt">Купить товар</button>
У нас должно быть:
<a href="https://ваша_ссылка_на_партнерский_товар" rel="nofollow" class="single_add_to_cart_button button alt" target="_blank">Купить товар</a>
Как это сделать?
Способ 1.
Если нет времени разбираться во всем самостоятельно, или понимаете, что не справитесь сами, найдите специалиста, который поможет вам решить вопрос. Данная биржа фриланса, позволяет проводить защищенные сделки с исполнителями по доступным ценам в СНГ.
Способ 2.
Использовать плагин WooCommerce Improved External Products, который позволяет создать / преобразовать кнопки «Купить» в карточках товаров и сделать их HTML. Плагин убирает тег <button>. Решение простое и подойдет новичкам. Так как не являюсь специалистом и мне сложно настраивать WordPress посредством правок в коде, мне подошло данное решение.
После установки и активации плагина, переходим по пути:
WooCommerce (1.) -> Improved External Products (2.)
В настройках плагина, нас будут интересовать только стандартные настройки (Standard Settings), доступные в бесплатной версии плагина:
Если хотите, чтобы ссылка на партнерский товар, открывалась в новом окне, выберите опцию:
Open all external products in new tab by default
Если использовали решение для данной цели из прошлой заметки, удалите тот скрипт во избежание конфликтов с данной настройкой.
Если хотите, чтобы партнерский товар открывался в той же вкладке, оставьте опцию:
Open all products in same tab by default
Поле Custom Single Product Button HTML, оставляем по умолчанию со следующими параметрами, без изменений:
<a href="{product_url}" rel="nofollow" class="single_add_to_cart_button button alt" target="{target}">{button_text}</a>
Как результат, при переходе по партнерской ссылке в карточке товара на кнопке «Купить товар», она будет обрабатываться скриптами Admitad MoneyLink и Teleport Script. При правом щелчке мыши по кнопке, у нас будет теперь появляться меню браузера, с возможностью открыть ссылку в новом окне:
А вот и сам код нашей html кнопки для WooCommerce на WordPress:
<a href="https://ваша_ссылка_на_партнерский_товар" rel="nofollow" class="single_add_to_cart_button button alt" target="_blank">Купить товар</a>
Способ 3.
Найти / Использовать свое решение, посредством правок в коде сайта. К сожалению, мне не известны решения данной задачи, без использования плагина. Если у вас есть решение, пожалуйста, поделитесь им в комментариях. Ваш опыт, может быть полезным другим пользователям.
Способ 4.
Использовать платную тему REHub - Price Comparison, Multi Vendor Marketplace Wordpress Theme.
В свободном доступе, есть nulled version темы REHub для WordPress. Однако, автор предупреждает о наличии в них бекдора:
Помните о версии с нулевым значением, так как она имеет бэкдор javascript, введенный в файл jquery.js
Не думаю, что стоит рисковать и устанавливать нелицензионные темы.
Тема действительно интересная и позволяет создать удобный и функциональный партнерский сайт-блог по продаже партнерских товаров. Мне понравилось демо одной из карточек товара:
https://recart.wpsoul.com/product/xiaominote7/ На данной странице, реализована HTML кнопка на партнерский товар.
Таким образом, используя данную тему, мы можем в ней настроить нужные нам кнопки.
Все демо шаблонов, можно посмотреть на сайте автора шаблона.
И хотя на момент написания данной заметки, тема стоит 60$, она действительно имеет мощный функционал, для создания партнерского сайта.
Заключение.
Таким образом, мы можем использовать решения Admitad MoneyLink и Teleport Script без ограничений на партнерских сайтах под управлением WordPress с плагином WooCommerce. Для данной задачи, мы можем использовать бесплатную версию плагина WooCommerce Improved External Products или платный шаблон REHub. Конечно, решения предоставленные в шаблоне REHub, позволят действительно создать необычный партнерский сайт, который будет отличатся от других сайтов. При этом, решение посредством плагин, будет полностью бесплатным и подойдет тем, кто не готов вкладывать значительные средства в создание партнерского магазина.
Что касается использования Teleport Script, на момент подготовки данной заметки, наблюдались проблемы в работе скрипта Teleport Script. Однако, надеюсь, они будут исправлены и в скором будущем, можно уже будет пробовать переходить на использование прямых ссылок при создании партнерских магазинов, без использования редиректов и сократителей ссылок.