HTML Widget

Overview

Expand the capabilities of the DudaOne editor with custom HTML. This widget lets you embed custom code into your website, and can be used to embed third party widgets such as videos, contact forms, and more.

While adding custom code can extend your website's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it doesn't work.

**Please Note: Duda's Customer Success Team Cannot Troubleshoot Custom Code**

Guide

Add the HTML widget onto your responsive website. To learn more about adding widgets to your website, see Adding Widgets. Once the widget has been placed, the Content Editor will appear.

Editing HTML

The HTML widget provides a space for you to add custom HTML. Just paste or write your HTML in the provided text box.

Design 

Open the Design Editor by clicking the design tab on the top left corner or right-click the widget and select 'Edit Design' to change the style and spacing.

Edit the design of the map that appears on your website using the layout section. Make changes to the background and border styles in the style section. Customize the padding and margins (spacing around the widget) in the spacing section.

Considerations

  • Server-side scripts (PHP and ASP, for example) will have no effect in this widget. We recommend using client-side (Javascript, HTML) scripts only.
  • It's usually a good idea to make a backup of your site before adding custom code to it so that you can reload a previous version if something goes wrong.
  • Our editor uses HTTPS, so if your script loads an external non-https file, it will not work. 
  • Our system uses jQuery 2.1.1 to function, so implementing a new version of the jQuery library will usually cause our editor to stop working. For this reason, we recommend that any custom code you add use the functions in jQuery 2.1.1 and not attempt to re-initialize the library.
  • While Animated Navigation is on, onload events may not trigger properly. If your script uses these, please turn off animated navigation as a first troubleshooting step.
  • While our support team can assist you in removing custom code you've added in the event of an emergency, we unfortunately cannot troubleshoot custom code for you. Please use this feature at your own risk.

Resources

  • To learn more about editing widgets, check out our guide on Editing Widgets.
  • To learn more about using HTML in developer mode, check out our guide on Developer Mode.
×

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 prioritysupport@dudamobile.com
×

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!