Documentation

Elementor

Step-by-step guide to embed widgets in Elementor.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Embeddable to Elementor

1. Open Elementor Editor

Open your WordPress site and launch the Elementor editor for the page where you want to add the widget.
Elementor editor


2. Search for the HTML Widget

In the left sidebar, scroll to find the HTML widget under the "Basic" section, or use the search bar to locate it quickly.
Search HTML widget


3. Drag the HTML Widget onto Your Page

Click and drag the HTML widget to the section of the page where you want the Embeddable to appear.
Drag HTML widget


4. Paste the Embed Code

In the left panel's HTML Code field, paste your copied embed code.
Paste code


5. Publish Your Changes

Click the Publish button in the bottom-left corner of the editor to save and apply your changes.

💡 Tip: If the widget doesn’t appear right away, try refreshing the page or viewing it on the live site.

On this page