About Editor Add-on Extensions
Editor Add-ons extend the functionality of Wix editors by adding a dedicated panel that offers tools to improve the site-building experience. These panels can include features like design guides, accessibility tools, and other enhancements, providing users with additional resources to build and manage their sites more effectively.
Here's an example of an add-on that lets site builders make their own unique color palette from the images on their site:
Tip: When developing an add-on extension, avoid bundling it with other extensions in the same app. This approach allows users to install only the features they require.
Site owners can install add-ons in two ways:
- From the Wix App Market, where they can browse and install apps that include add-on extensions.
- From the Tools menu in the Wix editors, allowing them to directly access and install add-ons as they work on their site. Users can also access the Editor Add-ons menu from the editor’s right-click menu.
Add-on menu in Wix Studio
Add-on menu in Wix Editor
Add-on panel
Add-ons provide their functionality through a dedicated panel in the editor. This panel is where users access and interact with the features offered by the add-on once it has been installed. Through the panel, site owners can configure settings, customize options, and utilize the tools that come with the add-on.
The add-on panel is rendered as an iframe, giving you the flexibility to build and deploy it using any tools or frameworks you choose. To set up the add-on extension, in the app dashboard, provide a link to your panel’s HTML code, which can be hosted on any platform that exposes public, secure endpoints.
Your add-on can use Wix APIs to interact with the editor and the Wix backend, allowing it to access editor elements and manage the site's data.
The Editor API currently supports the following functionality for interacting with editor elements:
- Get and set a text element content
- Get and set an image element's source
Implementation options
Currently, editor add-ons can only be built using a self-hosted iframe, with your code deployed on your own server.
Learn how to create a self-hosted editor add-on extension.
See also
Tutorial | Create an Editor Add-on that Imports Icons from a Library