DudaPro Custom Branding

  • Knowledge Base
  • Other

Overview

Brand your responsive or mobile preview tools and user login with your logo and company colors. 

Video

Accessing DudaPro Custom Branding

  1. Go to your dashboard at my.duda.co (you must be logged in).
  2. Hover your mouse over White Label.
  3. Click on Custom Branding.

 dudapro-custom-branding-ivr1_en-us.png

Using the Editor

Logo

Clicking on the image or the wrench icon next to it will let you choose a file on your computer to upload as your icon. The max resolution of this logo image is 43px by 227px (height x width). The trash can icon in the same area will remove the logo entirely.

dudapro-custom-branding-ivr2_en-us.png

Colors and Background

You can also change the colors associated with the page text, links, buttons and the header within your white-labeled portal. Simply click on the color next to one of the options and select a color. It is important to note that some of these colors will only affect some of the sections of your portal. For instance, there are no text, link, or button fields in the preview sections of your portal, thus those sections will not give you the ability to modify the colors associated with text, buttons, or links. 

dudapro-custom-branding-ivr3_en-us.png

For the sections labeled Site Preview and Mobile-Only Preview, there is an additional option for setting up a background image. To add an image, simply click on the icon of a wrench. Please note that if you set a background image, then it will override any background colors you may have set.

dudapro-custom-branding-ivr4_en-us.png

When selecting any of these colors, there is also an option to click "More Colors" and use the color palette or enter a hex value to select any color you please.

HTML/CSS

You can add your own custom branding using HTML or CSS. Click the CSS or HTML links and add your code. Make sure to click the Save button after adding code. 

Note: Our support team does not troubleshoot custom code.

dudapro-custom-branding-ivr5_en-us.png

The preview frames

In order to preview how these settings will look when someone actually sees the live pages, you can choose from the six tabs available.

dudapro-custom-branding-ivr6_en-us.png

Each tab will load a preview of a different page with the customizations you've made applied to it. The pages are:

Login

Where your clients log in to their dashboard

Dashboard

Where your clients view their sites and stats

Duda Editor

Where your clients edit their sites

Duda Preview The preview link you send your clients
DudaMobile Editor

Where your clients edit their sites

DudaMobile Preview The preview link you send your clients

When everything looks the way you would like it to make sure you click the orange save button to lock in your changes.

Resources

 
 
×

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!