Documentation

Webflow

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

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 Embed Code to WebEden

1. Open your WebEden editor

Click the Widgets button in the left sidebar
Widgets button

2. Select the HTML widget

From the widget list, find and click the HTML widget
HTML widget

3. Place the HTML widget on your page

Drag and drop the HTML widget into the section of the page where you want your widget to appear
Place widget

4. Paste the embed code

In the window that opens, paste your copied embed code
Paste code

5. Click Update

Click the Update button to apply the changes
Update button

6. Close the editor window

Click the X icon to close the HTML editor
Close editor

Tip: The widget may not display in the editor preview. Make sure to publish or preview the site to see it live.

On this page