ℹ️ Cet article sera mis à jour au fur et à mesure que nous déploierons de nouvelles améliorations au cours des prochains mois.
⚠️ Une fois le reCAPTCHA activé dans le widget d'acquisition de prospects, certains ajustements CSS peuvent être nécessaires pour que le style s'affiche comme prévu.
Le reCAPTCHA peut s'afficher différemment selon :
Le widget de newsletter actuel
La manière dont le widget est intégré au CMS du client
Les styles existants appliqués par le CMS
👩🏻💻 Si vous avez besoin d'aide pour la personnalisation ou le développement de votre design, contactez votre Account Manager.
1. Accéder à Paramètres > Widgets
Allez dans Paramètres > Widgets et ouvrez l'onglet CSS personnalisé.
2. Sélectionner un widget et un élément
Choisissez le widget que vous souhaitez cibler, puis l'élément. Le premier élément est sélectionné automatiquement, de sorte que l'éditeur s'ouvre pré-rempli avec ses classes et que l'aperçu affiche immédiatement ses variations. Ajoutez vos règles CSS dans l'éditeur et vérifiez l'aperçu pour voir le rendu.
Vous remarquerez peut-être que certains widgets n'apparaissent pas dans la liste, ou que les classes attendues ne s'affichent pas. C'est normal. Les listes de widgets et d'éléments sont là pour faciliter la personnalisation, mais vous n'êtes pas limité à l'entrée correspondant à votre widget.
Vous pouvez ajouter des règles CSS sous n'importe quel widget ou élément. Le CSS que vous ajoutez s'applique à tous les widgets de votre site, quel que soit l'endroit où vous l'ajoutez.
⚠️ Évitez d'ajouter !important après chaque règle CSS
Pourquoi ?
Injection automatique :
!importantest ajouté automatiquement à chaque règle CSS que vous écrivez.Conflit potentiel : si vous ajoutez également
!important, l'instruction est dupliquée. Cela peut casser le style prévu et entraîner un comportement inattendu.
3. Vérifier vos modifications
Vos modifications sont enregistrées automatiquement. Pour les annuler, sélectionnez Réinitialiser l'élément pour restaurer l'élément sélectionné, ou Tout réinitialiser pour restaurer tous les éléments.
4. Terminé !
Les widgets bsport s'afficheront désormais automatiquement avec votre CSS personnalisé.
⚠️ Si le widget s'affiche différemment sur votre site par rapport à l'aperçu, activez Conserver le style par défaut à l'étape 1 · Site web de l'onglet Configurer.
