How to Use Elementor’s Custom Code Feature [PRO]

In this tutorial, we will learn how to use Elementor’s Custom Code feature to add code snippets anywhere on your website.
No more edits in theme files or use of additional plugins.

With Custom Code, you maintain fast performance while adding tracking codes and meta tags, writing Javascript or CSS snippets, all from one place!
Surprise us with your unique creations!

This tutorial will cover:
✔︎ Inserting a code snippet
✔︎ Selecting the displayed area and priority
✔︎ Adding conditions to your scripts
✔︎ Debugging and code linter
✔︎ And much more!

Don’t forget to subscribe to our channel! And click that bell 🔔

[u-save]

Awesome! Toda! Saves having to add a head & footer code plugin and edit stuff in WP editor of the page to see it. Would suggest adding - as you did with RankMath SEO an option to manage code that was set to global/site-wide and excludes for that page. Or from page editor preview/ front-end admin bar elementor dropdown a way to see not just scripts and CSS but the custom code - in case we forget we had it and want to exclude or customize for that lander some code.

[upgradewebdesign]

Awesome addition, Elementor! We love it

[meisterleise]

I've updated to version 3.1.1 There is NO Custom Code submenu!

[uriburgos]

All the question for this video are great, please take the time to read them all and answer them during a tutorial for that awesome page that you show us in the example

[MrCleverFox]

Would be nice to be able to add PHP this way as well. Just a thought.

[Lensbreak]

You can NOT use PHP, only JavaScript or CSS code. Why is there no mention about that in the video nor documentation?

[iabbaskhan]

How to add these javascript awesome effect codes as a non-developer please make a video on this topic Briefly. Thanks in advance.

[LTCBillConrad]

Thanks Elentor. You contiue to amaze me.

[AnthonyGodinho]

Thanks, this is a great addition to Elementor. Currently, I only saw options for Head and Body tags. I'm assuming that you guys will be adding the option for Footer as the location as well?

[icehounddigital]

If you put this on 1.5 speed, the guy sounds like a Canadian on South Park.

[JimeJadon]

woooow, great add-on to the amazing plugin, chapeau

[emmanuelchrist]

Awesome features once again from the elementor team. Please is it possible to exclude admin (logged in user) from tracked by the tracking code? Would be helpful for those of us running facebook pixel.

[imranpatel]

Thank you for the video,

I am trying same steps but after click on "edit" condition popup is showing but select option is showing empty. I am unable select condition. First drop-down include/exclude is working but condition options are empty. Can you please help me on this.

Thank you

[charlottetodd]

I no longer have the ability to edit display conditions using this Custom Codes feature since the latest Elementor Pro update. Can you help?

[cjw]

Hello. Nice feature.

Can I use this to execute php echos within a javascript script? e.g. in the form:

<script>
var myvar = "<?php echo get_home_url() ?>/blahblah";
..do something with myvar..
</script>

Seems to be conflicting opinions about running php. Thanks.

[visiongroove]

Great tutorial! Can I ask how do I change the position of the custom code added to the the page? I have not seen any option whilst adding it and now it's right above my header and cant seem to move it anywhere.. Thanks!

[mareikeengel]

Can Elementor's Custom Code feature also be used to insert SEO texts into the body or head für search engines? I tried to add text to the body but it appeared on the webpage. Did I misunderstand the feature?

[erdeepbag]

Sir I want to create a custom post type template but I didn't show a single template option in the theme builder currently I am using elementor pro please

[przemysawgodlewski]

Good, but also please add button tracking like Elementor Event Tracker plugin

[sametingame]

I have expert account but I cant see these options on my dashboard. Does it have another way to enable?