Protuno And Proton: Plugin vs Widget
title: Protuno And Proton: Plugin vs Widget description: Protuno is the WordPress plugin. Proton is the single Elementor widget it adds. Understanding the difference makes the product and the docs much easier to navigate.
Protuno is the WordPress plugin you install. Proton is the Elementor widget the plugin adds. The plugin installs once; the widget can be placed on any page, in any number of sections, as many times as you need.
The Terminology At A Glance
| Term | What it is | Where you find it |
|---|---|---|
| Protuno | The WordPress plugin | Plugins screen and the Protuno admin menu in the WordPress dashboard |
| Proton widget | The single Elementor widget the plugin registers | The widget panel inside Elementor when you search for "Proton" |
Throughout the docs: when a setting lives in the WordPress admin, you will see "Protuno." When something is on the Elementor canvas, you will see "the Proton widget."
Why One Widget Instead Of Many
Most WordPress plugins that extend Elementor ship a library of widgets: a pricing widget, a testimonials widget, a counter widget, a team grid widget. Each one has a fixed output structure.
Protuno ships exactly one widget: Proton.
The Proton widget has no fixed output structure. It stores whatever HTML, CSS, and JavaScript design you put inside it. That design can come from the AI chat, a Figma import, or your own code. Because the output is real code, one widget can become a hero section, a navigation bar, a testimonial grid, an animated pricing table, or anything else, without needing a separate widget for each job.
What Each Proton Widget Stores
Every Proton widget on your site holds three things internally:
- HTML: the complete markup for the section
- CSS: all styles, automatically scoped so they cannot leak to other elements on the page
- JavaScript: optional interactions (tabs, sliders, counters, animations)
This makes each widget fully self-contained. Copy a Proton widget to a different page and the entire design moves with it. There are no external stylesheets or scripts to reconnect.
The Proton Widget Has Up To 60 Slots
After a design is placed inside a Proton widget, Protuno automatically scans the HTML and identifies every editable piece: every heading, paragraph, link, image, SVG icon, and background image. These are called slots.
Slots appear in the Elementor left panel under three tabs: Text, Links, and Media. A content editor can update any slot directly from the panel without opening the code editor or touching any markup.
The widget supports up to 60 slots per section.
The Plugin Does More Than The Widget
The Proton widget is the core of Protuno, but the plugin ships with several capabilities built around it:
- Theme Builder: uses the same Proton widget to build headers, footers, and page templates that apply across your site
- Global Style Manager: CSS variables and utility classes shared across all Proton widgets on the site
- Forms: any HTML form inside a Proton widget can become a managed form with submission storage, email notifications, and webhook delivery
- Role Manager: controls which editing modes and features each WordPress user role can access
- White Label: hides Protuno branding for agencies delivering sites to clients
- MCP Integration: exposes WordPress content and Protuno actions to AI clients via the Model Context Protocol
Frequently Asked Questions
Is "Proton" the same as "Protuno"? No. Protuno is the plugin. Proton is the widget the plugin adds to Elementor. The widget is called "the Proton widget" throughout the docs to keep the distinction clear.
Can I add more than one Proton widget to a page? Yes. You can add as many Proton widgets as you need. Each one is fully independent and stores its own HTML, CSS, and JavaScript. Having ten Proton widgets on a page is fine.
Will the Proton widget show up if I did not install Protuno? No. The Proton widget is registered by the Protuno plugin. If the plugin is not installed and active, the widget does not appear in Elementor.
Does each Proton widget have its own CSS scope? Yes. The plugin automatically rewrites every CSS rule inside a Proton widget so it is specific to that widget's unique selector. Styles from one Proton section cannot affect other elements on the page, and styles from one widget cannot bleed into another.