Les widgets Plannit sont intégrés directement dans votre site web, afin que vous puissiez offrir une intégration transparente à vos clients.
Ce guide vous aidera à mettre à jour l'apparence de ces widgets :
Widget d'envoi de message
Widget de demande de soumission
Widget de demande de job
Pour changer la couleur des boutons orange, il vous suffit d'ajouter du CSS à cette classe :
.plannit-cta__btn-primary {
color: #fff;
background-color: #92c03c;
border-color: #92c03c;
}
Pour modifier la couleur d'arrière-plan , vous pouvez ajouter cette feuille de style CSS :
.plannit-cta__content {
background: #333;
color: #fff;
}
Si vous changez la couleur du texte des étiquettes en blanc, vous devrez peut-être ajouter cette feuille de style CSS pour que le menu déroulant Service apparaisse correctement :
.plannit-multiselect-dropdown {
color: #222;
}
.plannit-multiselect-dropdown span.optext {
color: #222;
}
Si vous souhaitez également modifier la couleur du texte Propulsé par, vous devez ajouter ceci :
.plannit-cta__footer small {
color: #fff;
}
Vous pouvez également modifier le rayon de la bordure des éléments de saisie, comme ci-dessous :
.plannit-cta input.plannit-cta__form-control,
.plannit-cta select.plannit-cta__form-control,
.plannit-cta textarea.plannit-cta__form-control,
.plannit-cta select.plannit-cta__form-control,
.plannit-cta .plannit-multiselect-dropdown {
border-radius: 1em;
}
Vous pouvez également modifié l'aspect des boutons Envoyer et Annuler :
.plannit-cta .plannit-cta__btn {
border-radius: 1em;
}
Cela donnerait quelque chose comme ceci :
Il y a beaucoup plus que vous pouvez faire pour personnaliser l'apparence des widgets de Plannit, en personnalisant tous les éléments HTML sous la classe .plannit-cta, nous serons heureux de vous aider si vous avez besoin de plus d'assistance.