Как легко вызвать действие с помощью кнопки, как в? Добавить в корзину в Woocommerce

У меня есть сайт WP, и я разрабатываю плагин подписки. Абоненты смогут увидеть кнопку «Добавить в поле подписчика» рядом с кнопкой «Добавить в корзину». Я получил это до сих пор и на странице магазина и на сингле продукта.

На одном продукте кнопка добавляет элемент через $ _POST.

Мне нужно, чтобы кнопка «Цикл магазина» добавила товар в список подписчика (отдельная таблица wp_myplugin). Как и в случае с кнопкой «Добавить в корзину» и пользовательским запросом var? Add-to-cart = «123».

Я уже получил кнопку на месте, и теперь просто нужно что-то вроде? Add-to-box = $ product_id и для добавления продукта без обновления страницы, как в $ _POST.

Пока что я получил это для кнопки «добавить в коробку»:

        /*new query var for above button*/
add_filter( 'query_vars', 'custom_query_vars_filter' );
function custom_query_vars_filter($vars) {
$vars[] = 'add-to-box';
return $vars;
}



add_action( 'woocommerce_before_shop_loop' , 'decide_for_box' );
function decide_for_box() {

if( user_has_right_role() ) {
add_action( 'woocommerce_after_shop_loop_item', 'add_botao_adicionar_box_da_loja' );
$add_id_to_box = get_query_var('add-to-box');

}
}

function add_to_box_button() {
global $product;
$params = array( 'add-to-box' => $product->get_id() );
echo '<div class="adicionar-box-da-loja"><a href="' . add_query_arg($params, "/loja") . '" class="button product_type_simple add_to_box_button ">Adicionar ao <span class="maior">box</span></a></div>';
}

Но это не работает. Как только я нажимаю, скажем, чтобы добавить идентификатор продукта 765 в поле, он обновляет страницу (что я действительно не хочу), чтобы mysite.com/shop/?add-to-box=765, а затем все добавить в корзину кнопки ссылки стать mysite.com/shop/?add-to-box=765&добавить к тележке = someID.

Помогите, пожалуйста.