How to add a logo to the VICIdial screen

Swapping the default VICIdial logo for your own is one of the fastest ways to make the dialer feel like your product instead of a generic tool. The logo is a field inside a Screen Colors template, and once it is set it shows on the admin and agent screens, including the spot every Agent sees right after login. The catch is that you do not type a URL, you pick from a list, and that list is built from files you upload a specific way.

Prepare the image

The standard logo size is 170 pixels wide by 45 pixels high. PNG is the recommended format because it supports transparency cleanly, though GIF and JPG also work. Export at the standard dimensions so the logo sits correctly without stretching or pixelation. If you use transparency, remember the area behind the logo on the agent screen is the Standard Row 5 Background color, so design the edges to suit that backdrop rather than assuming white. A logo built for a white background can look like it has an awkward box around it once it lands on a colored row.

Upload and select it

For your image to appear in the Web Logo select list, it has to be uploaded to your webserver in the images directory, and the filename must begin with the prefix vicidial_admin_web_logo. The system strips that prefix when it shows the entry, so a file named vicidial_admin_web_logoSAMPLE.png appears in the list simply as SAMPLE.png. After uploading, open the Screen Colors template, choose your logo from the Web Logo dropdown, and save. The default entry is default_new for the standard PNG logo, which is what you are replacing.

1. Export the logo at 170x45 as a PNG
2. Name the file starting with vicidial_admin_web_logo
3. Upload it to the images directory on the webserver
4. Pick it from the Web Logo list in Screen Colors and save

The rest of the template, including the row and frame colors that surround the logo, and how screens are assigned, is covered in the agent screen configuration guide.

How the logo reaches the screen

flowchart TD
  A[Export logo 170x45 PNG] --> B[Name file with prefix vicidial_admin_web_logo]
  B --> C[Upload to images directory]
  C --> D[File appears in Web Logo list]
  D --> E[Select it in Screen Colors template]
  E --> F[Logo shows on admin and agent screens]

As the flow shows, the upload step is what makes the dropdown populate, you cannot select a logo that was never uploaded with the right prefix. That naming rule trips people up often enough that it has its own deep dive in the post on web logo upload rules. A branded screen also pairs nicely with a styled Agent script so the whole experience feels cohesive from login to disposition.

When to bother

If you run a single in-house operation, the default logo is harmless. But the moment you are presenting the dialer to clients, running multiple brands, or just want the floor to look like a finished product, a custom logo is a five-minute change that pays for itself in perception. Pair it with a matching menu and frame palette, and the same care you would put into a well-built script carries through to the look of the whole screen.

A logo your agents see on every Agent session is a small touch with a big impact on how professional the floor feels. If you would rather upload a logo through a clean hosted panel without touching a server, see VICIfast pricing.