Redirect from [products] grid display to custom webpage

Let’s say I have a product called productA with id=”12″.
When I use the shortcode [products] on a webpage I will get a grid with all available products.
When I then click on a product from the grid, I will be redirected, in this example, to https://www.mywebsite.com/products/productA.
But what can I do to be redirected to a custom webpage instead, like https://www.mywebsite.com/mycustompage-productA, where I will use the shortcode [product_page id=”12″] to display the product.
I want to do it nicely and not do any forward redirect from https://www.mywebsite.com/products/productA to https://www.mywebsite.com/mycustompage-productA.
The reason I still want to keep the shortcode [products] is that this shortcode have many options for customizing the grid of product display.
The reason I do not want to work with product pages https://www.mywebsite.com/products/productA is that it is difficult to modify them, that is, to put any content before or after the product.