Documentation

Webador

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

You can easily add the Embeddable you created to your Webador website by copying and pasting a simple code snippet. Once it's added, you can continue editing and updating the Embeddable from your dashboard, and all changes will automatically appear on your live site without needing to update the code again.

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 Webador

  1. Open your Webador editor.

  2. In the left panel, scroll to the bottom and click Embed Code under the "EXTRAS" section
    Select the Custom Code Element

  3. Drag the Embed Code block into your page where you want the widget to appear
    Place the Custom HTML Element on your page

  4. Click Edit embed on the block
    Click the Edit Embed button

  5. Select the Your HTML tab in the embed editor
    Enter the HTML Tab

  6. Paste your embed code into the field
    Add the Image Hotspot embed code

  7. Click Save
    Save your changes

Tip: The widget won't appear inside the Webador editor but will display correctly on your live site.

On this page