VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
How to Use Elementor-s Custom Code Feature [PRO] - Sites on WordPress

How to Use Elementor-s Custom Code Feature [PRO] - Sites on WordPress

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
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
Date: 2022-04-30

Comments and reviews: 10


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.
reply

WORDPRESS is one of the last few good things left on earth, and ELEMENTOR is even better. ELEMENTOR is the only reason WORDPRESS survived. ELEMENTOR just keeps getting better and better; and that's the only reason I will keep renewing my PRO membership with ELEMENTOR. I just love their strategy; once you have Elementor Pro, you don't need tons of plugins. When are you guys introducing -Tracking An Order- feature?
reply

Hello everyone, I would like to test the custom code feature in Elementor. Unfortunately, when I publish the code there is a pop up asking me to set the condition, but the save and close button is not visible or is inaccessible. It seems like I should see it by scrolling down but instead of scrolling down the pop-up it is scrolling down the back page underneath it. Anyone with the same issue?-
Thank you!

reply

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

reply

Why my comments ever disappear?
i'd like to know hot to change the conditions for a custom code already publishe because clicking on the edit option it appear to not work
I sent a comment with links to better explain but it's ever deleted

reply

Unfortunately, it does not work as expected.
Copy the javascript from the plugin Simple Custom Css and JS to Elementor Custom code does not work.
No error messages but none of the codes work. So I activated the plugin again.

reply

Hello. Nice feature.
Can I use this to execute php echos within a javascript script? e.g. in the form:
var myvar = -/blahblah-;
..do something with myvar..
Seems to be conflicting opinions about running php. Thanks.

reply

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!
reply

Finally! Thanks. Too bad I'm moving away from Elementor altogether. Also, please do NOT use the image glitch effect. That's just terrible for all users especially for users with visual and other disabilities.
reply

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?
reply
Add a review, comment






Other channel videos