Import Codepen.io code into Elementor | Wordpress Tutorial

Today we are going to see how you can import any resources from codepen.io right into any Elementor page.
Basically I'll show you how to use codepen code in Wordpress using Elementor page builder.
Then I'll show you how to tweak things around to make them fit perfectly on your Elementor page.
Now you can use the same HTML element in Gutenberg, it will work exactly the same way.
Enjoy!
------------------------------------------------------------------------
✅ NEED HOSTING ?
▶ Get Hosting Here 👉 mrweb.tv/hosting
This is a co-branded page that I have with Hostinger, Which means that I've negotiated special terms for my viewers and subscribers.
Enjoy up to 91% Discount + Promo Code 'MRWEBREVIEWS' for an extra 7% Discount
------------------------------------------------------------------------
✅ HIRE US --- NEED HELP WITH A NEW ONLINE PROJECT
▶ Do you need a new website?
▶ Do you need a custom-built project?
▶ Have an idea for a new website that requires custom development?
NO PROBLEMS... Our team of dedicated web developers would be delighted to help you with that
▶▶▶ Visit👉 mrweb.tv
------------------------------------------------------------------------
✅ LET'S CONNECT
▶ Twitter: / mrwebreviews
Feel free to follow me on Twitter as well
#MrWebReviews #Wordpress #Tutorials
▶ D I S C L A I M E R:
This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for the support! Everything in this video is based on experience, information we learned from online resources and tests that we've run. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make.
Background Music: Produced by Danya Vodovoz
• London Lounge - Royalt...
Royalty Free Music

[@Mr_Web]

How often do you use Codepen.io? Leave a message below 👍

[@greglloyd8053]

Fantastic, keep 'em coming. Love these short insightful gems

[@Mr_Web]

Thanks, will do!

[@julbuzzi]

Muito obrigado!!! Ajudou muito!!! Parabéns pelo vídeo, direto ao ponto e ajudou demais 👏👏👏

[@Mr_Web]

Glad to hear that 👍

[@iduhseverious6021]

I made an HTML contact form in WordPress using Elementor with code pen codes. On my life website, the form would not load new fields if (Yes) was selected in the dropdown as programmed. Can you advise?

[@visualmodo]

Very good work!

[@Mr_Web]

Thank you! Cheers!

[@IDMarketer]

Thank u so much sir, the way you explain was so effective and easy to understand. 👍👍👍👍

[@Mr_Web]

So nice of you

[@antonichristian5845]

very nice!!! but how can you limit canvas elements to just elementor sections... for example in your video the first example is a nice gradient background but it uses the canvas element to display it... i can use it like that but would like it to be used as a section background so i can add elements on top of it and control the width and height easier... is there a way to do this? thanks..

[@elbarbonnhiphop]

I have some a tags that messes the site, what can i do?

[@Mr_Web]

Try to break them down into different classes and only apply the CSS to the relevant ones using their ID

[@johnempuerto4945]

Thank you but I have a problem my HTML CSS and JavaScript code doesn't show up when I view my site on live. Any thoughts? Thanks

[@Mr_Web]

Did you insert the code inside script or style tags?

[@johnempuerto4945]

@@Mr_Web inside Elementor sir using the HTML widget. Can I send you an email sir?

[@Mr_Web]

@@johnempuerto4945 email in the about section here on our channel

[@Mr_Web]

@@johnempuerto4945 send screen shots as well

[@victorc3893]

I tried several ways but no good results, for an interactive radial menu 😢

[@nagpalnirmal]

thanks, bro very useful video

[@Mr_Web]

Happy to help

[@antonmanukyan3307]

Hi, how to insert this script from codepen? Title: Click to Take a Screenshot & Download it! Thank you.

[@yerlanbarakatov5316]

thx thx thx i`m so happy

[@yerlanbarakatov5316]

my first exp

[@Mr_Web]

Great glad you liked it

[@kinglion6615]

Nice vídeo

[@Mr_Web]

Thanks, appreciate the feedback

[@bglobaladworld4695]

👍

[@Mr_Web]

Hey Sagar. How you doing? Glad you liked it 👍

[@Spotboy]

It's not the same animation at all omg... Why are all KZbin videos about codepen shit

[@kinglion6615]

Why don't you make a video teaching?

[@SamWereb]

Yeah. It's so bad it seems like a prank.

[@JesusRuiz-sq1yq]

you are right, the final animation is not the same at the beginning. How a youtuber can "show how to do" when clarily is a bad result?.