BFCM Sale

  • Early Bird Sale
Grab the Deal
Easy Elements Elementor Addons Builder
Menu
  • Features
      Live Copy Paste
      Instantly copy any design from the demo site.
      Dynamic Content
      Display live data from your site instantly in any widget.
      Visibility Control
      Show or hide elements based on smart conditions.
      Custom CSS
      Style any widget easily with your own custom CSS.
      ScrollTrigger
      Animate beautifully as you scroll the page.
      Post/Page Duplicate
      Instantly clone any post or page with a single click.
      Wrapper Link
      Make any section or widget fully clickable with one link.
      Magic Cursor
      Add a stylish animated cursor for modern style.
      Sticky Elements
      Keep sections or widgets fixed while scrolling down.
      Cursor Hover Effect
      Trigger fun animations when hovering over items.
      Cursor Move Effect
      Create smooth motion effects following the cursor.
      Background Parallax
      Add stunning depth with smooth parallax scrolling.
      Easy Export
      Export widgets or templates quickly with simple step.
      Custom Code
      Insert HTML, CSS, or JS snippets safely and easily.
      Coming Soon
  • Widgets
  • Templates
    • Starter Templates
    • Page Templates
    • Sections
  • Pricing
  • Resources
      Get Support
      Documentation
      Blog
      Roadmap
      Affiliate Partner
      Contact Us
      Subscribe Now
  • My Account
Get Started

Enter your widget name

General Widgets

  • Progressbar
  • Instagram Feed
  • Bmi Calculator
  • Flip Box
  • Protected Contents
  • Advanced Search
  • Countdown
  • Counter
  • Info Box Slider
  • Advance Image
  • Simple Gallery
  • Rotate Text
  • Pricing Tab
  • Hover Image Box
  • Table
  • Horizontal Scroll
  • Advance Button
  • Custom Projects
  • Domain Search
  • Image Accordion
  • Slider
  • Breadcrumb
  • Social Icon
  • Social Share
  • Button
  • Marquee Logo
  • Process List
  • Service List
  • Pricing List
  • Pricing Table
  • Video
  • Contact Form 7
  • Post Slider
  • Post Grid
  • FAQ
  • Timeline Slider
  • Icon Box Slider
  • Contact Box
  • Team Slider
  • Team Grid
  • Gallery Filter
  • Process Slider
  • Process Grid
  • Info Box
  • Image Carousel
  • Testimonials Slider
  • Testimonials Grid
  • Advanced Tab
  • Tab
  • Clients Logo Slider
  • Clients Logo Grid
  • Heading

Header & Footer Widget

  • Page Title
  • Navigation Menu
  • Search
  • Site Logo
  • Offcanvas

Theme Builder Widget

  • Scroll To Top
  • Featured Image
  • Post Meta
  • Post Title
  • Post Excerpt
  • Current Post Tags
  • Current Post Author
  • Post Comments
  • Post Pagination
  • Related Post

Animations

  • Text Animation
  • Animated Heading
  • Animated Title
  • Typewriter

Extensions

  • Easy Export
  • Cursor Move Effect
  • Cursor Hover Effect
  • Background Parallax
  • Sticky Elements
  • Wrapper Link
  • Visibility Control
  • Dynamic Content
  • Live Copy
  • Magic Cursor
  • Post/Page Duplicate
  • Custom CSS
  • Custom Code

Image Widgets

  • Reveal Image

Forms

  • Login Register
View Categories
  • Home
  • Docs
  • Extensions
  • Custom Code

Custom Code

The Custom Code feature in Easy Elements lets you easily add your own JavaScript snippets directly to your site. Use it to insert tracking scripts like Google Analytics or Facebook Pixel, apply custom styles, or enhance functionality with JS events and dynamic effects.

To add custom code, follow these steps:

  1. Login to WP Admin.

2. Go to Easy Elements -> Custom Code

3. Click to Add New Custom Code and Custom code page appear

4. Enter the following:

Add title â€“ It helps you identify this code snippet later where to use.

Location â€“ Determines the section of the webpage where the code will be located. Choose from the following options:

<head> –  at the page level

<body> – Start –  at beginning of the page’s body

<body> – End –  at end of the page’s body

Priority â€“ Select a priority level between 1 and 10 to control the execution order when multiple scripts are added to the same location.
Note: Lower numbers run first — for example, a script with priority 1 executes before one with priority 5.

Simply paste your code into the code block editor, where the built-in code linter automatically checks for syntax errors and highlights any issues instantly.

5. From the publish block you can publish your code

6. Also you set condition here where show this code. Which page or entire site or anywere

With Custom Code in Easy Elements, you have complete flexibility to extend your website beyond standard design limits. Whether you’re adding analytics scripts, dynamic interactions, or personalized styling, this feature empowers you to fine-tune every detail — giving your Elementor site both creative freedom and developer-level control.

What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

Still stuck? How can we help?

Updated on November 26, 2025
Custom CSS

Download Now & Design Without Limits!

Bring your Elementor designs to life with Easy Elements — create stunning, animated websites effortlessly. No code. No limits. Just motion made easy.
Start Free Trial
Get Pro
Easy Elements Elementor Addons Builder
Our core value is regularity, responsiveness, and innovation. This is why people love us With the qualified dedicated support.
Follow our Socials
Useful Link
Menu
  • Demo
  • Privacy Policy
  • Refund Policy
  • Terms of Condition
  • Changelog
Supports
Menu
  • Documentation
  • Contact Us
  • Submit Request
  • Affiliates
  • Support
News Letter
Subscribe to our newsletter
Subscription Form
Payment Getaway

© All Rights Reserved - Easy Elements by ThemeWant.

  • Support
  • Privacy Policy
  • Features
      Live Copy Paste
      Instantly copy any design from the demo site.
      Dynamic Content
      Display live data from your site instantly in any widget.
      Visibility Control
      Show or hide elements based on smart conditions.
      Custom CSS
      Style any widget easily with your own custom CSS.
      ScrollTrigger
      Animate beautifully as you scroll the page.
      Post/Page Duplicate
      Instantly clone any post or page with a single click.
      Wrapper Link
      Make any section or widget fully clickable with one link.
      Magic Cursor
      Add a stylish animated cursor for modern style.
      Sticky Elements
      Keep sections or widgets fixed while scrolling down.
      Cursor Hover Effect
      Trigger fun animations when hovering over items.
      Cursor Move Effect
      Create smooth motion effects following the cursor.
      Background Parallax
      Add stunning depth with smooth parallax scrolling.
      Easy Export
      Export widgets or templates quickly with simple step.
      Custom Code
      Insert HTML, CSS, or JS snippets safely and easily.
      Coming Soon
  • Widgets
  • Templates
    • Starter Templates
    • Page Templates
    • Sections
  • Pricing
  • Resources
      Get Support
      Documentation
      Blog
      Roadmap
      Affiliate Partner
      Contact Us
      Subscribe Now
  • My Account