Custom CSS custom feature/fr: Difference between revisions

No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(2 intermediate revisions by 2 users not shown)
Line 2: Line 2:
{{#seo:
{{#seo:
|title=Custom Features - SimplyBook.me
|title=Custom Features - SimplyBook.me
|description=Personnalisez votre page de réservation avec un CSS personnalisé. Adaptez les éléments de conception à votre marque. Commencez à personnaliser dès aujourd'hui !
|description=Ajoutez du CSS personnalisé pour modifier l’apparence de la page de réservation. Changez les couleurs, polices et mises en page. Style avancé pour les développeurs. Masquez des éléments et ajustez le design. Fonction gratuite.
|titlemode=append
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding
Line 11: Line 11:
[[File:Custom css new icon.png ‎|left]]
[[File:Custom css new icon.png ‎|left]]


<div class="mw-translate-fuzzy">
Créez votre propre interface de réservation grâce à cette fonctionnalité CSS personnalisée. Elle vous permet de modifier le style de différents éléments, de les masquer, de changer les polices, les couleurs, la taille des polices, etc. Si vous connaissez le langage CSS, veuillez utiliser les outils de votre navigateur pour trouver les identifiants des éléments et écrire les règles dans les paramètres de la fonctionnalité personnalisée. Si vous n'avez pas de connaissances approfondies en CSS, veuillez contacter le service d'assistance qui s'efforcera de trouver la meilleure solution pour vous.  
Créez votre propre interface de réservation grâce à cette fonctionnalité CSS personnalisée. Elle vous permet de modifier le style de différents éléments, de les masquer, de changer les polices, les couleurs, la taille des polices, etc. Si vous connaissez le langage CSS, veuillez utiliser les outils de votre navigateur pour trouver les identifiants des éléments et écrire les règles dans les paramètres de la fonctionnalité personnalisée. Si vous n'avez pas de connaissances approfondies en CSS, veuillez contacter le service d'assistance qui s'efforcera de trouver la meilleure solution pour vous.  
<br><br>
<br><br>
Veuillez noter ! <br>Un grand nombre ou des demandes CSS complexes peuvent être considérées comme une assistance à la configuration, et il se peut que l’on vous demande d’acheter l’option « Assistance à la configuration » pour toute configuration CSS supplémentaire. Il s’agit d’une offre payante que vous pouvez trouver sous Formules & tarifs → Éléments supplémentaires → Assistance horaire. <br>Pour planifier un appel d’évaluation de l’assistance à la configuration, veuillez cliquer sur le [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 lien suivant] :
Veuillez noter ! <br>Un grand nombre ou des demandes CSS complexes peuvent être considérées comme une assistance à la configuration, et il se peut que l’on vous demande d’acheter l’option « Assistance à la configuration » pour toute configuration CSS supplémentaire. Il s’agit d’une offre payante que vous pouvez trouver sous Formules & tarifs → Éléments supplémentaires → Assistance horaire. <br>Pour planifier un appel d’évaluation de l’assistance à la configuration, veuillez cliquer sur le [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 lien suivant] :
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Fonctionnalité personnalisée gratuite !</span>
<br>
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span>
<br><br>
<br><br>
;How to use
; Comment utiliser
:1. Enable this option on your Custom Features page.
:1. Activez cette option sur votre page Fonctionnalités personnalisées.
[[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]
[[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]
<br><br>
<br><br>
:2. Click on "Settings" for this feature.
:2. Cliquez sur « Paramètres » pour cette fonctionnalité.
[[File:Custom css settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]
[[File:Custom css settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]
<br><br>
<br><br>
:3. Add the code(s) to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page<br>
:3. Ajoutez le ou les codes pour ajuster les styles dans l'onglet « CSS des pages de réservation » si vous souhaitez modifier la page de réservation<br>
:or "Widget CSS" if you are editing widget on your website.
:ou « CSS du widget » si vous modifiez le widget sur votre site web.
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
<br><br>
<br><br>
'''[[Special:MyLanguage/Remove Elements from booking page#Removing with Custom CSS| See most common requests how to remove elements with CSS here (phone, email fields, social tabs, our time, etc)]]'''
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Consultez ici les demandes les plus courantes sur la suppression d'éléments avec CSS (champs téléphone, e-mail, onglets sociaux, nos horaires, etc.)]]'''
<br><br>
<br><br>
</div>