Documentation

Weebly

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

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 Code to Weebly

  1. In the Weebly editor, select the Embed Code element from the left sidebar
    Select Embed Code Element

  2. Drag and drop the Embed Code element where you want the widget to appear
    Place Embed Element

  3. Click on the Embed Code area to open the settings
    Click Embed Area

  4. Click Edit Custom HTML
    Edit Custom HTML

  5. Paste the embed code you copied earlier
    Paste Embed Code

  6. Click anywhere outside the HTML box to save your changes
    Close HTML Box

Tip: The widget will not display in the editor but will appear on your published site.

On this page