Embedding nextjs project to an html page

I have made my custom chatbot using next js now i wanted to integrate it to other websites like html websites.

I have used the iframe tag in my html but it makes the beneath elements of parent website not clickable, is there anyway that i can click on the part of my parent element which are transparent or if there is any method through which i can integrate properly.