Site tool · Free
Add analytics, verification tags, CSS and small scripts to the head, body or footer of your Elementor site, on every page or only the ones you pick. Free, from one wp-admin screen, with an on/off switch per snippet.
The short answer
Code Snippet is an Animation Addons for Elementor extension for WordPress code snippets (header/footer code): you add CSS, JavaScript or HTML from wp-admin and choose where it loads (head, after body open, footer, before or after content) and on which pages. Each snippet has its own on/off switch. PHP snippets need Animation Addons Pro.
Code pasted into a theme's header.php is lost when the theme updates. Snippets saved here aren't.
| Plan | Free CSS, JavaScript, HTML. PHP snippets: Animation Addons Pro |
|---|---|
| Type | Site tool (wp-admin: Animation Addon > Code Snippet) |
| Works on | The whole front end, any theme, Elementor Free or Pro |
| Main controls | Snippet Title, Code Type, Load Location, Where should this snippet appear?, Add Specific Pages, Execution Priority, Enable or disable this snippet |
| Load locations | Head Section, After Body Open, Before Content, After Content, Footer |
| Editor | CodeMirror code editor with Dark Mode, full screen, copy, download and Insert Example |
| Limits | HTML snippets are filtered to safe HTML plus style, meta and link tags, so put scripts in a JavaScript snippet. After Body Open needs a theme that supports wp_body_open. Administrators only |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with Code Snippet, free in Animation Addons, on Elementor 4's own elements. The settings on each card are a good place to start.
Nothing changes visually; the analytics script loads in the head of every page.
Meta tags in the page head; the site verifies and links show the right preview image.
Red-and-cream sale badges and buttons on the shop page only, switched off in one click after the sale.
The booking tool's script loads only on the "Book a visit" and "New patients" pages; other pages stay lighter.
On screen nothing changes; when printed, the header, footer and cookie bar drop away and the case study fills the page.
Features
Every point below is a real control in the Code Snippet screen or part of how it works. Nothing here needs custom code.
Load Location offers Head Section, After Body Open, Before Content, After Content and Footer, so a tag manager's body part, a script and its styles each go where the vendor asks.
Where should this snippet appear? groups its options: Basic (Entire Website, All Singulars, All Archives), Special Pages (404, Search, Blog / Posts Page, Front Page, Date Archive, Author Archive), each public post type's Archive and Singulars (including WooCommerce Products), and Specific Pages / Posts.
Each snippet has an on/off switch, plus a Status toggle and bulk Activate and Deactivate in the list.
Only administrators can create snippets, and HTML snippets are filtered to safe HTML plus style, meta and link tags.
Animation Addons Pro adds PHP as a Code Type. PHP snippets also need a user who can edit plugins, and they stay off on sites that disable file editing in wp-config.php (DISALLOW_FILE_EDIT or DISALLOW_FILE_MODS).
Step by step
Five steps from switching it on to publishing. The bold names are the exact labels you will see on screen.
Download freeIn wp-admin, switch on Code Snippet under the Extensions tab of the Animation Addon dashboard.
Open Animation Addon > Code Snippet and click Add New Snippet.
Enter a Snippet Title, choose the Code Type (HTML, CSS or JavaScript) and paste your code.
Choose a Load Location, then pick the pages under Where should this snippet appear? (choose Specific Pages / Posts. to list pages in Add Specific Pages).
Turn on Enable or disable this snippet and click Save Snippet. Load the page in a private window and check the source.
Honest comparison
What each option has, side by side. Where the other choice is the better fit, we say so.
| Feature | Animation Addons Code Snippet | Elementor Pro Custom Code |
|---|---|---|
| Price | Free (PHP in Animation Addons Pro) | Elementor Pro |
| Code types | HTML, CSS, JavaScript; PHP with Pro | HTML, JavaScript, CSS; no PHP |
| Locations | Head Section, After Body Open, Before Content, After Content, Footer | Head, Body Start, Body End |
| Where it runs | Site-wide, singulars, archives, special pages, per post type, specific pages | Display conditions, like Theme Builder templates |
| Scheduling | Not offered; switch a snippet on or off by hand | Publish now or schedule |
Compared with Elementor 4.3.3 (September 2026).
Elementor Pro's Custom Code is a solid tool if you already have Pro, and it can schedule a snippet. Code Snippet's difference is price for Elementor Free sites, two in-content locations, and PHP snippets when you add Animation Addons Pro.
Who it's for
The people who get the most out of it, and what they use it for.
Adding analytics and verification tags for clients.
That want every client's scripts in one list with on/off switches instead of in theme files.
Loading campaign CSS or tracking only on shop pages.
FAQ
If you already use Animation Addons for Elementor, switch on its Code Snippet extension. Add a new snippet, pick Code Type, set Load Location to Head Section, choose Entire Website under "Where should this snippet appear?", turn it on and save. Animation Addons prints the code in every page's head, and it survives theme updates.
No. The free Animation Addons Code Snippet extension runs CSS, JavaScript and HTML. PHP snippets need Animation Addons Pro, a user allowed to edit plugins, and a site where file editing has not been disabled in wp-config.php. That gate is deliberate: a PHP mistake can take a site down, so it sits behind stricter permissions.
Animation Addons Code Snippet filters HTML snippets to safe HTML plus style, meta and link tags, so script tags are removed. Put scripts in a JavaScript snippet instead and paste only the code inside the script tags. Animation Addons adds the script tag for you. For tags with both a script and a noscript part, use the JavaScript part.
In Animation Addons Code Snippet, set "Where should this snippet appear?" to Specific Pages / Posts. and pick the pages in Add Specific Pages. Choose the Load Location, usually Footer for third-party widgets, and save. The Animation Addons snippet then loads only on those pages, which keeps the rest of the site lighter.
Yes. Animation Addons Code Snippet works with Elementor Free and Pro and any theme. Head Section and Footer use the standard WordPress head and footer hooks that themes call. After Body Open needs a theme that supports wp_body_open, which most current themes do. For anything a vendor says must load early, use Head Section.
Yes. Every Animation Addons Code Snippet has an on/off switch on its edit screen and a Status toggle in the snippet list, plus bulk Activate and Deactivate. An inactive snippet keeps its code and settings, so seasonal styles or campaign tags can be switched back on next time.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
What works well with Code Snippet on the same page or template.
CSS for one element inside the Elementor 4 panel, instead of site-wide.
New post types get their own Archive and Singulars options in snippet rules.
Upload brand fonts without a font-loading snippet.
Show offers in Elementor 4 without a third-party popup script (Pro).
Ready layouts that need no extra code.
Free in Animation Addons for Elementor: five load locations, page rules and one switch per snippet. PHP snippets come with Pro.
