Modification des couleurs et du design du widget

Modifié le  Tue, 28 Dec 2021 sur 06:49 PM

Puis-je changer les couleurs et le design du widget ?

Note : Cet article ne correspond plus à la dernière version de notre widget de prise de réservation

TABLE DES MATIÈRES

Exemple

Il est possible de recourir à du code CSS ou Javascript pour personnaliser votre widget. En voici un exemple avec le code CSS associé :

Personnalisation via CSS et JS

Vous pouvez modifier les CSS, changer la couleur de l'entête ou y ajouter l'image de votre choix . Ouvrez la "Console", cliquez sur "Widget" et ensuite "Avancé".



Faites défiler jusqu'à la section "Design" pour insérer du code CSS et Javascript (JS).




Pour changer la couleur de l'entête

Dans le champ "Couleur du widget", insérez le code hexadecimal de la couleur de votre choix. Vous pouvez trouver le code hexadécimal de n'importe quelle couleur sur http://www.colorpicker.com.





Voici un aperçu :



Ajouter une image dans l'entête


Ci-dessous vous trouverez un exemple de code CSS nécessaire pour ajouter une image à votre entête. Adaptez-le avec votre image, et copiez-collez le dans la zone "Code CSS à utiliser dans le widget"


Code CSS :

.header{
background-image:url('http://www.agendize.com/img/features/new_icons/scheduling.png');
background-repeat: no-repeat;
}



Insérez l'URL de l'image de votre choix


Voici un aperçu :




Et, bien sûr, vous pouvez combiner couleur et image !



Si vous avez des connaissances CSS, vous pouvez essayer d'ajouter d'autres choses! N'hésitez pas à personnaliser votre widget.

Exemple de CSS de widget

Retrouvez un exemple de code CSS ici : https://agendize.freshdesk.com/support/discussions/topics/4000340852

Cet article a-t-il été utile ?

C'est super !

Merci pour votre commentaire

Désolé ! Nous n'avons pas pu vous être utile

Merci pour votre commentaire

Dites-nous comment nous pouvons améliorer cet article !

Sélectionner au moins l'une des raisons

Commentaires envoyés

Nous apprécions vos efforts et nous allons corriger l'article