CodePen to Elementor - Three Complete Codepen Imports

Learn how to import CodePens into Elementor.
This is a frequent query in the Elementor facebook groups, and something that can require quite a bit of technical knowledge, so in the video, I show the entire process.
I only found those three codepens right before starting the recording of the video, by searching the facebook groups for codepens that were recently asked how to migrate over to Elementor.
All the coding and troubleshooting is live, so the pace of the video is a bit slow, however you get to see the whole migration.
I suggest you make use of the video controls provided by UA-cam, in particular the 'video speed' button, to keep the video interesting.
URL to the written tutorial (To get the code and to download the templates) : element.how/co...
Consider supporting my work by buying your plugins through my links!
Get Elementor Pro
element.how/vi...
Get Discount Coupon Codes for Elementor Addons here :
element.how/el...
Flywheel hosting
element.how/vi...
Siteground hosting
element.how/vi...
Cloudways hosting
element.how/vi...
Kinsta hosting
element.how/vi...
WP rocket
element.how/vi...
Shortpixel
element.how/vi...
Swift Performance Pro
element.how/vi...

[@enablemobile1927]

01:27 Tilt Panel
20:21 Animated Tab Bar
49:36 Canva's Blur Effect

[@thenewyorkean]

you are LEGENDARY !!
Thanks man, really.
I've been wondering how to add all those yummy codepens to my WP websites (I use Breakdance, was using Elementor before) and I had so many difficulties. Pens have usually their own body / main and other "general" html tags, which get messed with the WP's page ones. Now I have a better grasp on what's going on :)

[@fatjay9402]

Great job are you gonna do more ?

[@elementhow691]

Share a codepen you would like to see imported, I might!

[@fatjay9402]

@@elementhow691 let me hunt for a good one !

[@ravindug]

Thank you

[@JoyHints]

Please do add timelines when the video is long like this one

[@elementhow691]

Right!

[@nostrumareagenciadigital2131]

Hello. How can i change the Icons please?

[@mohammadassaf6710]

Do you accept freelance projects? Im trying to import 2 codepen effects on my home page.

[@elementhow691]

Yes I accept freelance projects. Find me in the footer of my website!

[@indobo3678]

How about converting codepen to page with elementor?

[@elementhow691]

I'm not certain what you mean exactly here?