Appearance

Duda.co ​

Follow these steps to integrate your Videobot widget with your Duda website.

Step 1: Log in to Duda 🛠️ ​

  1. Open your web browser and navigate to Duda.co.
  2. Click on the Sign In button at the top-right corner and log in to your account.

Step 2: Navigate to the Duda Site Editor ​

  1. After logging in, go to Sites to see a list of your websites.
  2. Click Edit Site on the website where you want to add the custom code.
  3. This will take you to the Duda Site Editor.

Step 3: Add a Widget ​

  1. In the Duda Site Editor, locate where you want to place the Videobot.
  2. Choose Widgets.
  3. Type "HTML" in the search bar.
  4. Drag and drop the HTML widget anywhere on your website where you want the Videobot to appear.

Step 4: Copy the Embed Code from Videobot ​

  1. In a separate browser tab, log in to your Videobot Dashboard.
  2. Select the Videobot you want to embed.
  3. Navigate to Share & Embed, then choose either Widget or iFrame.
  4. Click Publish, then Show Embed Code.
  5. Copy the generated HTML code.

Copy code

Step 5: Add the HTML Code to Your Widget ​

  1. Click on the HTML element you've just placed to select it.
  2. In the new popup or settings panel that appears, in the text area, paste the Videobot HTML code (from Step 4).
  3. Press Update.
  4. Drag and place the HTML element into the section or container where you want the Videobot to appear.

Step 6: Success! Adjust to Your Liking 🎉 ​

  1. Click the Save button at the top-right corner of the Duda Site Editor to save your changes.
  2. Preview to see your Videobot and make adjustments if necessary.
    • You might need to adjust the size of the HTML element in the editor if the Videobot appears cropped or too small.
  3. After saving, click Publish to make your changes live.

Success

That’s it! You've successfully embedded Videobot on your Duda site. 🎉