Method 1: Add Scripts with a Plugin
First, we have to install and activate the Essential Addons plugin. After activating it we will get the Essential dashboard.
Second, from there, navigate to the Extensions dashboard. On the Essential dashboard, click on the Extensions tab.
Third, if the Custom JS option is not already active, you should switch it on now.
Fifth, then, click on the tab labeled “Advanced.”
Now, you can add the scripts to the new Custom JS window.
Don’t forget to save the update button.
Second, Then, on the Elementor tab, search the “ HTML” widget to your desired section.
Third, drop and drag the “ HTML” widget to your desired section.
What is Custom JS ?
What are the Benefits of Add Custom JS ?
With Custom CSS/JS, you can make your website look and function exactly how you want it to. There are no limits to what you can do with Custom JS.
You can use it to modify any content on your website, add features from other domains, or implement self-made codes. The possibilities are endless! With Custom JS, you have complete control over the look and feel of your website. You can change the colors, fonts, layouts, and more. You can also add features that are not available in other themes. You can add a custom code that allows you to display a rotating banner on your website.
For example, if you want to add a social media feed to your site, you can find a plugin or piece of code that does this and then add it to your site using Custom JS.
This gives you complete control over the look and feel of your site. The possibilities with Custom CSS/JS are truly limitless.
What’s the Impact of JS Execution Time on Performance?
To ensure optimal performance, it is important to minimize the amount of code used, and reducing the number of external files that are loaded can help keep execution times down.
Remember to keep your code clean and well-organized so that you can easily find and edit it later.
However, it’s important to remember that you should only add code that you’re comfortable with, as adding too much code can make your site slower and more difficult to use. Whichever method you choose, make sure you test your code before publishing.
If you’re not sure where to start, we recommend checking out our list of the best Elementor plugins and extensions. Like Essential Addons plugin that can add code directly into your child theme’s functions.php file.
Thanks for reading and happy coding!