Add custom CSS to your chatbox

Personnalisation CSS de la chatbox Polaria

Responsabilité du maintien

En ajoutant un CSS personnalisé, vous acceptez que les mises à jour de Polaria puissent casser vos personnalisations. Vous devrez assurer la maintenance de votre code en conséquence.

Restriction de personnalisation

Les composants de la chatbox sont encapsulés dans des iframes. Vous ne pouvez personnaliser que la position de ces iframes via une balise <style> externe. Pour appliquer des styles directement dans les iframes, Polaria propose une configuration dédiée.

Exemple d’ajout de CSS personnalisé

javascript

Copier le code

window._polariaSettings = {   key: "your-public-key",   options: {     custom_css: {       button: "div { color: black; }",     },   } };

Dans cet exemple, le composant button recevra la règle CSS personnalisée.

Liste des composants personnalisables

Vous pouvez appliquer du CSS aux composants suivants :

• alert

• alert-overlay

• button

• gradient

• message

• tooltip

• topbar

• widget