Add Custom Branding HTML and CSS

Note

This feature is only available on Custom plans. For more information, see Plans.

Custom HTML

Embed your own code snippets directly into the white labeled website builder. This code will load for anyone accessing your branded version of the platform. With the custom code, you have the ability to extend the functionality of the platform further than what Duda provides. Add unique features for your customers on their dashboard or editor, such as live chat, custom analytics, search options for external support documents, and more.

Custom CSS

Add your own custom CSS to your white label platform to further customize your clients’ experience. Custom CSS can be added to your white labeled dashboard, editor, preview and login screens.

Add Custom Code to your White Label Platform

To add custom CSS or HTML to your white labeled platform branding:

  1. Log in to your account to access the Dashboard.

  2. On the top navigation, click White Label, and then click Custom Branding.
  3. Under Edit with HTML/CSS, click HTML/CSS.
  4. Select the relevant tab (HTML or CSS).
  5. Insert your custom code into the field provided.
  6. Tip

    On the CSS tab, click the pre-fixed classes provided to avoid making mistakes.

  7. Click Update.
  8. On the Custom Branding screen, click Save Changes.

To view your changes, enter your account via your white labeled domain.

Note
  • Duda does not troubleshoot custom code. We recommend that you consult a professional if you have little to no experience implementing custom code.
  • Duda already uses jQuery, so there is no need to reimport the jQuery library.
  • We recommend that you load scripts asynchronously, as to keep the entire Duda editor loading quickly. To learn more, see this guide to loading scripts.
  • We recommend that you wait to load any javascript code until the window.onload event has completed. This ensures that the user is able to start editing the website and your additional code does not delay the editing experience.
Was this article helpful?
0 out of 0 found this helpful
×

Please Log in as a Pro

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

Log In
Not a Pro? Purchase a Pro plan!