How to render html elements below add to cart button (product page)?

[river737]

Hi,

I am developing a Shopify app that render html elements below/above the add to cart button of the product page. However, I am not sure how to find the exact location of the add to cart button.

The code below is what I am using to find the add to cart button for the Shopify Dawn Theme.

document.querySelector('product-form')

The problem is this solution may not work for other themes.

Is there any way to make this work across all themes?