Custom JS feature in HappyAddons

Introduction

The Custom JS feature in HappyAddons allows you to add custom JavaScript code directly to any individual page on your WordPress site. This is useful for adding lightweight custom functionalities or script-based behaviors without affecting the entire site.

Limitations

• Page-Specific: The custom JS you add will only apply to the specific page where it’s activated. Other pages on your site will remain unaffected.
  
• Admin-Only Access: Only users with administrator privileges can access and use the Custom JS feature. Non-admin users will not have access to these settings.
  

How to Apply Display Conditions

To use the Custom JS feature, make sure of the following:

1. Elementor Free & HappyAddons Free must be installed and activated.
2. The custom JavaScript can only be applied to individual pages. This feature does not work globally across the site.
   

Enabling the Custom JS Feature

Step 1: Enable the Feature

• Go to your WordPress Admin Dashboard.
• Navigate to HappyAddons > Features.
• Locate and enable the Custom JS feature.
• Hit the “Save Changes” button
  

Step 2: Add Custom JS to a Page

• Edit the page where you want to add the JavaScript.
• In the Elementor Editor, click on the Page Settings icon from the top bar.
• Scroll down to find the Custom JS section.
• Add your JavaScript code in the provided field and save your changes.

Output:

That’s it. You have added your Custom JS successfully.