I need to add the attached frame to my Wix website
When I copy the code from the page and paste it to Wix HTML iframe it gives me what you see in the 2nd screen shot.
How do I implement the same view in my wix website?
Are you sure that you have copied across all of the code into the html iframe from whatever website gave you the html code to use on Wix Editor?
Make sure that the website doesn’t give you a guide on how to use that code and implement it into another website and that you have simply missed out on one part of it.
Try making the iframe box to the same size as the black container shown in the box and see if the layout changes to match that same style.
https://support.wix.com/en/article/adding-html-code
Also, make sure that the code itself is still usable in Wix as you might neeed to have a seperate css file to go with your existing code which would give the design:
https://support.wix.com/en/article/guidelines-and-limitations-of-the-html-code-and-embed-a-site-elements
HTML code contains the core elements of the page, but the design settings and other complex functionalities are usually stored separately. Therefore, some elements may not function or look the same if the relevant elements aren’t included as a reference within the HTML code, for example the CSS and JS files.
It might also be that you need to place some more html code into your head section in tracking and analytics as well as the html code into the iframe on your actual page:
https://support.wix.com/en/article/embedding-custom-code-to-your-site
If not then you have just been given the raw basic code for the form itself and you will need to add all the design parts of the form into it yourself.
Read here for example:
https://www.w3schools.com/howto/howto_js_dropdown.asp
Either that or you go down the route of making it through using Wix Code…