Cómo cambiar la imagen de fondo predefinida del portal de Freshservice

Cómo cambiar la imagen de fondo predefinida del portal de Freshservice

IMPORTANTE: Este cambio que vamos a realizar está solamente disponible para las versiones Growth, Pro y Enterprise de Freshservice.


Si necesitas cambiar la imagen de fondo estándar del portal del solicitante que tienes en Freshservice, te facilitamos los pasos para que puedas cambiarlo de forma sencilla.



Para ello, seguiremos los siguientes pasos:


- Acceder al menú de Administrador, desde a Admin -> Personalización del Helpdesk. En la parte inferior de esta pantalla, seleccionaremos el menú "Personaliza el portal".



- Dentro del apartado de Hoja de estilo (en la parte superior), pegaremos el código que se indica a continuación:



#home-page-container #hero-banner {

  background:url(URL DEL CLIENTE) no-repeat !important;

  background-position:center !important;

  background-size: cover !important;

}


#home-page-container #hero-banner .hero-banner-container:before { 

  background: none;

}


#home-page-container #hero-banner .hero-banner-container {

  background: none;

}




- Una vez pegado, podemos pulsar en el botón Previo si queremos previsualizar el resultado final. Una vez confirmado, podemos Guardar y publicar para aplicar los cambios.


Nota importante:

En la parte del código donde se indica INTRODUCIR LA URL DE LA IMAGEN, deberás sustituirla por la URL completa de la imagen de fondo que quieras utilizar (sin quitar los paréntesis).


Ejemplo de línea de código: #home-page-container #hero-banner {background: url (https://www.ejemplo.es/content/uploads/cabecera.png) no-repeat; 


La imagen habrá que pasarla como un enlace, el cual debe ser seguro (tener certificado SSL).

Es importante también que esta imagen esté alojada en un servidor que sea visible de cara al exterior para poder tener acceso a la misma.

El formato de la imagen recomendado es PNG y su tamaño óptimo 1520x384. En caso de no poder cumplir con el tamaño, se recomienda que sea mayor y múltiplo de los valores anteriores, manteniendo una relación 3,96:1 para evitar deformaciones al tener relaciones en las medidas diferentes, o que no se vea todo lo bien que debería si se elige un tamaño menor.


De esta manera, nuestro portal tendrá una imagen más alineada con nuestra empresa.