How to add extra widgets to Elementor

If you need one or more ready-made elements, use an Elementor addon plugin. Elementor also supports widgets supplied by other WordPress plugins, and these can appear in the editor automatically when the plugin exposes them correctly.

If you are building a widget yourself, use a small custom plugin rather than putting the widget class directly in a parent theme. That keeps the widget separate from theme changes and makes it easier to disable during troubleshooting.

In WordPress, go to Plugins > Add New, search for the addon you selected, or use Upload Plugin for a ZIP file. Install it, activate it, and complete any setup screen it provides.

Check that the addon lists compatibility with your installed Elementor version before updating either plugin. Elementor uses compatibility information to help identify extensions that may cause problems after an update.

Open the addon’s settings or widget manager and switch on the widgets you plan to use. Many addon bundles keep their widgets disabled until you enable them, while some may load every widget after activation.

Leave unused widgets off where the addon allows it. A large bundle can add duplicate controls, scripts, and styles, and an update can cause conflicts with Elementor, your theme, or another addon. Back up the site before disabling widgets on a live page because removing a widget from the editor can affect existing content.

Open a page with Edit with Elementor. In the left widget panel, search for the new widget by name, then drag it into a container or section. If dragging does not work, click the widget instead; Elementor supports adding a widget directly from the panel.

Configure the widget’s Content, Style, and Advanced tabs, then click Update or Publish. Preview the page at desktop, tablet, and mobile widths before using it in a template.

A custom Elementor widget is not added through the normal editor settings. It must be defined in PHP and registered with Elementor through the elementor/widgets/register action. Elementor’s developer documentation shows the registration process and requires a widget class that extends Elementor’s widget structure.

Use a custom plugin, load the widget class, register it only after Elementor is available, and add any required CSS or JavaScript as dependencies. This is the honest manual route, but it is usually excessive for a standard card, slider, listing, or layout element because you must maintain the code when Elementor or WordPress changes.

If the widget is absent, confirm that the addon is active and that the individual widget is enabled. Then check the editor in a private browser window and clear Elementor’s generated files from Elementor > Editor > Tools > Clear Files & Data. Cached files can make a newly enabled widget or its styles appear to be missing.

If the editor freezes after activating the addon, use Elementor Safe Mode, then reactivate plugins one at a time to identify the conflict. Do not save a page while a widget used on that page is disabled until you have a backup.

For a broad selection of ready-made Elementor extensions, install and activate Sky Addons, enable the specific widgets you need, and add them from the Elementor panel. This is faster than developing and maintaining a custom widget when you need several layout elements rather than one specialised component.

After adding the widgets, check the live page, clear Elementor and site caches if styles look wrong, and keep the addon and Elementor versions compatible.