How to integrate contact form 7 with woocommerce .?

问题

I am just a beginner and don't know alot about coding. I made a conditional order form with the help of contact form 7 wordpress plugin.

I am trying to find a plugin or any way where form shows on woocommerce product page without picture and tabs OR after filling the contact form 7, Checkout will be done through woocommerce.

Reason for checkout through woocommerce is becuause of the order history and order email of the user. Any idea how to do that .?

so far i have tried to put the below code but nothing happens and its just change the url to id like this "#wpcf7-f597-p77-o1".

document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://www.website.com/checkout/?add-to-cart=ID';}, false );

Edit:

Add a code in contact form 7 Additional Settings area nothing happens instead it just change the url

Secondly the product shows like this

I want only to show form

来源：https://stackoverflow.com/questions/54128005/how-to-integrate-contact-form-7-with-woocommerce