How to Embed Third Party HTML Code into Your Wix Website with an iFrame (Codepen, Elfsight, etc.)

Welcome to my YouTube tutorial on embedding third-party code into your Wix website! Learn how to enhance functionality with Codepen, Elfsight, GPT, and more. No coding expertise needed—just follow along as I guide you step-by-step. Elevate your Wix site with custom widgets and interactive elements. Watch now and unlock the potential of your website! Like, subscribe, and let's get started!

Video suggestions and requests:

Have questions? Join the discussion:

Want to have joint coding session?

Wanna say thanks?

Follow along on Twitter @thewixwiz

[pashko-kh]

Thank you for the vid and the fast turnaround, found the content reely helpful !

[magedramzybadeasrour]

I don't know how I can describe my appreciation for such a great help!
Thank you a lot for sharing with us \m/

[goldenbyteconsulting]

It would be great to follow up this content with handling embedded code in the mobile editor. I get a lot of questions regarding embedding third-party code and how to “make it look good on mobile too”. In the end, I usually try to convince them to take an API approach instead, since the page design is then completely customisable.

[Loredanacosmano-lt]

Congratulations for your videos, I wanted to ask you if you had made any video tutorials for importing an external payment provider "scalapay" to wix via API and how to add it to your payment methods, I would be very grateful!

[jalanmathewsjr]

This is exactly what I needed for a project I've been working on for months. Thank you so much! Just a small request for the future, please don't use that static sound effect with your popup animation. It destroyed my ears.

[craftystudiosuk]

How would one go about putting a button on a page that when clicked, loads a different URL into an iFrame on that same page?

The idea being I have a page, containing a menu of buttons, and each button calls a different URL into said iFrame.

[irisli]

What if I need to include some images or media in my html code? is there a way to upload the image somewhere and use it?

[cyberlaneta]

Great, but my question is how can I interact with a button inside the iframe to the main Wix page, and detect a click, the problem is that you can't add CSS to a Wix button like I want and I added the button using an HTML component, now I want to detect when someone clicks on that button but I haven't been able to do it, could you help with a tutorial that does this, thanks.

[dexpenser]

I paste html/css/js code into the frame, everything works but a horizontal and vertical scrollbar appears, how to remove it?

[jaguarpunith]

i am not able to write a javasccript code for a task but for the same task i have python code, and i want to integrate the code in wix studio. Can i do it from any third party?