skills.rest
wix
wixOFFICIAL
Explore all skills by this author →
WebsiteGitHub

wix-cli-site-plugin

Create Wix Site Plugins that inject custom elements into UI slots.

25|31|Updated Jan 25, 2026
Search Tags:#typescript#editor-integration#web-component#site-plugin#wix#extension-registration#slot-placement
One-click install
npx skills add https://github.com/wix/skills --skill wix-cli-site-plugin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wix-cli-site-plugin
Source: https://github.com/wix/skills/tree/main/wix-cli/skills/wix-cli-site-plugin
Command: npx skills add https://github.com/wix/skills --skill wix-cli-site-plugin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Site developers need to create Wix Site Plugins that extend Wix business solutions by injecting custom elements into predefined UI slots, enabling new functionality without modifying host apps.

Core Features & Use Cases

  • Slot-based extension: three required files (main component, settings panel, extension configuration) plus a standard extension registration workflow.
  • Cross-app placement: integrate into Wix Stores, Bookings, Events, Blog and other apps via slots in the plugin explorer or app integration.
  • Editor-friendly patterns: supports native web components, inline styling, and kebab-case attribute conventions to ensure safe editor behavior.

Quick Start

Follow the quick-start checklist to scaffold a site plugin and validate compilation.

Frequently Asked Questions about wix-cli-site-plugin

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I inject custom elements into Wix UI slots?▼

To inject custom elements into Wix UI slots, you build a Wix Site Plugin using three required files: a native HTMLElement main component, a React settings panel, and an extension configuration file for slot placement.

What Wix apps support custom site plugin slot placement?▼

Wix Site Plugins support cross-app slot placement within Wix Stores, Bookings, Events, and Blog. You register the plugin via an extension configuration to inject custom elements into these host apps.

Do I need to use TypeScript and React to build a Wix site plugin?▼

Yes, building a Wix site plugin requires strict TypeScript. The main component must be a native HTMLElement, while the settings panel uses React to handle Wix Editor APIs and configuration.

How do I register a Wix site plugin in the editor?▼

You register a Wix site plugin by creating an extension configuration file that defines slot placement. This standard extension registration workflow maps your component to specific UI slots across Wix apps.

Why does my Wix site plugin component require kebab-case naming?▼

Wix site plugin components require kebab-case naming and inline styling to ensure safe editor behavior. These native web component conventions prevent conflicts and maintain stability within the Wix Editor.

What files are required to scaffold a Wix site plugin?▼

Scaffolding a Wix site plugin requires three files: a main native HTMLElement component, a React settings panel, and an extension configuration file. You then validate compilation using the quick-start checklist.

Related Skills

Explore More Software Engineering Skills→
wixwix
25

wix-cli-app-validation

Automate dependency installation, TypeScript compilation, build, and preview for Wix CLI apps.

Official
Advanced
wixwix
25

wix-cli-site-widget

Build Wix site widgets as web components with React and extension registration.

Official
Advanced
CaiZongyuanCaiZongyuan
2

tentap-editor

Integrate TenTap's WebView-based rich text editor into React Native apps.

Community
Advanced
gil00pitagil00pita

web-components

Define and register framework-agnostic web components using Custom Elements and Shadow DOM.

Community
Intermediate