One Simple Method To Add Javascript To Elementor

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

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.
Image of Elementor's HTML widget settings

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:

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

I would really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *