How to add required fields to the "buy" button on woocommerce?

Question

JavaScript

I use a link like this:

<a class="product_type_simple add_to_cart_button ajax_add_to_cart pricing-table__button" href="/product/1-vip-prognoz/?add-to-cart=3861" data-quantity="1" data-product_id="3861">КУПИТЬ</a>

When you click on it, a pre-created product is added to the basket, you can use this link anywhere on the site. There is a need for the user to fill in 3 fields before clicking on it: Team1, Team2, Time, and only after that he can pay for the goods, while the data from the fields must be transferred to the order.
In which direction to dig? Towards plugins, hooks, or something else?