Can this skill help with Elementor Pro?

Yes, it includes specific references for Elementor Pro features like Form validation, processing hooks, and custom Query filters.

What is the Elementor Hooks skill?

It is a specialized reference tool for Claude Code that provides instant access to the PHP and JavaScript hooks used to extend the Elementor website builder.

Is it useful for widget developers?

Yes, it is essential for widget registration, skin initialization, and filtering widget render content via the elementor/widget/render_content filter.

Does it cover frontend and editor scripts?

Absolutely, it provides hooks for enqueuing scripts and styles in the frontend, the editor, and the preview iframe.

How do I use it to add custom controls?

The skill includes patterns for injecting controls into existing elements using hooks like before_section_start or targeting specific stacks and sections.

Elementor Hooks & Controls Reference

Name: Elementor Hooks & Controls Reference
Author: peixotorms

bypeixotorms

0•

Content Management

Provides a comprehensive reference for WordPress Elementor hooks, filters, and control injection patterns to extend the page builder's functionality.

This skill equips Claude with a deep knowledge base of the Elementor developer ecosystem, covering everything from PHP lifecycle actions and frontend/editor scripts to complex Pro features like form validation and query filters. It enables developers to efficiently inject custom controls, modify widget output, and hook into both PHP and JavaScript APIs, streamlining the process of building custom Elementor extensions, themes, and plugins with precise control over the page builder's behavior.

Key Features

01Custom Widget and Control Registration patterns

02Elementor Pro Form and Query filter support

03Frontend and Editor JavaScript API integration

04Control injection targeting specific sections or widgets

05PHP Action & Filter Hook Reference (Lifecycle, Rendering, Save)

060 GitHub stars

Use Cases

01Injecting custom CSS or settings into existing Elementor sections and columns.

02Modifying form processing and validation logic within Elementor Pro.

03Building custom WordPress plugins that extend Elementor's native widgets.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add peixotorms/odinlayer-skills elementor-hooks

For use in Claude.ai and ChatGPT

Download Skill