One Simple Method To Add Javascript To Elementor

Adding javascript to a page built with Elementor is straightforward.

Here’s a video tutorial. And if you prefer written instructions, then the steps are right below the video.

Download Website Builders’ Toolbox

Given below are the steps to add javascript to Elementor:

1. Edit the page on which you want to place the javascript using Elementor.
2. Click the “Edit with Elementor” button to edit the page with Elementor.
3. Drag-and-drop the HTML widget on the page.
4. The HTML widget settings panel will display on the left-hand side.
5. Insert the javascript code in the HTML Code field that is available in the HTML widget settings panel.

[

](/wp-content/uploads/2020/05/html-widget-settings.png)

Finally, don’t forget to click the Update button to save your changes.

And that’s it!

That is how you can insert javascript on a page built with Elementor.

I know that this is not a good way to insert javascript.

Ideally, Elementor should allow you to add page-level javascript from the Settings.

But currently, it only allows you to add CSS code from page-level Settings and that too only in Elementor Pro.

So you need to use the HTML widget for inserting javascript.

Recommended Further Reading:

• 2 Ways To Add A Phone Number In Elementor And Make It Clickable
• 2 Easy Ways To Embed A PDF In Elementor Without Writing Code
• Elementor Review – Only One Thing Matters In Elementor, Nothing Else!
• Is Elementor SEO Friendly? (Proven With Facts And Stats)
• How To Link A Button Or A Page To Another Page In Elementor?

Okay! If you found this small tutorial useful, then please don’t forget to share it with your friends.

I would really appreciate it.