Guide

The methods below are usually the safest and cleanest options for adding JavaScript to your projects.

Option 1: Elementor Custom Code (recommended)

Go to WordPress Dashboard → Elementor → Editor → Custom Elements → Code. Click Add New, then paste your JavaScript. Make sure it’s wrapped in a script tag like this:

<script>
  // your JS here
</script>

Choose where it should load. For most JavaScript snippets, Body End is usually the best option.

This loads the script near the bottom of the page, which helps avoid issues where the code runs before the page elements exist. Tiny detail, classic headache-saver.

You can also control where the script runs, such as:

• The entire site
• Specific pages
• Certain post types
• Specific categories or taxonomies

This is the cleanest method for reusable scripts because everything stays organized in one place.

Option 2: HTML Widget

You can also add JavaScript directly inside an Elementor HTML widget.

Edit the page in Elementor, add an HTML widget, and paste your script there.

Make sure it is also wrapped like this:

<script>
  // your JS here
</script>

This works well for one-off page scripts or quick tests, but it can get messy if you start adding the same script across multiple pages.