Add custom HTML

This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.


Add your own custom HTML to expand the capabilities of the DudaOne editor. This feature lets you embed third-party widgets or add your own custom code.  Please note, this feature is for advanced users only.

Add an HTML element

  1. Go to the Add Element section and scroll to the Advanced section.
  2. Drag the HTML element into the website.
  3. Once you've placed the element, you'll need to add the HTML you're trying to implement in the HTML field.

Set up the HTML element

1. Add your HTML to the HTML element

2. Press Done.

Using custom jQuery functions or overriding existing JavaScript functions may cause the mobile editor to become nonfunctional.

Certain tags or scripts it may be necessary to turn off animated navigation to get them to work properly. You can find a guide on this process here.

Change Design

You can change the look of the HTML element using the following display options:



Change your custom HTML.

Colors: Change the background colorimage, text color, and border of the element.

Effects: Toggle shadow and rounded corners for the element.


Spacing: Set the padding and margin of the element.

CSS: Change the element's CSS


Why isn't my custom HTML working?



Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!