WordPress integration/fr: Difference between revisions

From SimplyBook.me
Created page with "{{#seo: |title=Plugin WordPress - SimplyBook.me |description=Intégrez SimplyBook.me à WordPress pour des réservations en ligne sans effort. Configurez-le facilement grâce à notre guide complet ! |titlemode=ajouter |keywords=faq, foire aux questions, logiciel de réservation, questions sur le système de rendez-vous, rendez-vous en ligne, logiciel de calendrier, système de réservation, calendrier de réservation, logiciel de planification, planification de rendez-v..."
 
No edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>
{{#seo: |title=Plugin WordPress - SimplyBook.me |description=Intégrez SimplyBook.me à WordPress pour des réservations en ligne sans effort. Configurez-le facilement grâce à notre guide complet ! |titlemode=ajouter |keywords=faq, foire aux questions, logiciel de réservation, questions sur le système de rendez-vous, rendez-vous en ligne, logiciel de calendrier, système de réservation, calendrier de réservation, logiciel de planification, planification de rendez-vous en ligne, planification en ligne, plugin, intégration WordPress, widget, widget de site web, plugin WordPress }}
{{#seo: |title=Plugin WordPress - SimplyBook.me |description=Installez le plugin WordPress SimplyBook.me. Ajoutez la fonctionnalité de réservation aux sites WordPress. Configurez les paramètres, choisissez une mise en page et intégrez-la aux pages via un bloc simple.|titlemode=ajouter |keywords=faq, foire aux questions, logiciel de réservation, questions sur le système de rendez-vous, rendez-vous en ligne, logiciel de calendrier, système de réservation, calendrier de réservation, logiciel de planification, planification de rendez-vous en ligne, planification en ligne, plugin, intégration WordPress, widget, widget de site web, plugin WordPress }}


<div lang="en" dir="ltr" class="mw-content-ltr">
__FORCETOC__
__FORCETOC__
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
== À l'aide du plugin WordPress ==
==With the help of WordPress plugin==
:1. Dans votre interface d’administration WordPress, allez dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Extensions</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ajouter une nouvelle extension</span> et recherchez '''Simplybook'''.<br>
:1. In your WordPress admin interface navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add new Plugin</span> and search for '''Simplybook'''.<br>
:Installez-la et activez-la.
:Install it and Activate.
[[File:Add simplybook to wp new.png|1200px|center|link=https://help.simplybook.me/images/4/47/Add_simplybook_to_wp_new.png]]
[[File:Add sb plugin to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c5/Add_sb_plugin_to_wp_new.png]]
<br><br>
:2. Navigate to plugin <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings.</span>
[[File:Wp plugin settings new.png|1200px|center|link=https://help.simplybook.me/images/2/25/Wp_plugin_settings_new.png]]
<br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
:3. If you already have an account with SimplyBook.me please choose the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sign in here</span> option there.<br>
:If you have not created it yet, simply click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create free account</span> option and sign up following the suggested steps.
[[File:Wordpress new login or register.png|1200px|center|link=https://help.simplybook.me/images/9/95/Wordpress_new_login_or_register.png]]
<br><br>
:4. Log in providing <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">company login</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">user login</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">password.</span>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
<br><br>
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Confirm the connection</span> between SimplyBook.me account and your WordPress system.
:You will get the one-time code to finalise the connection.
[[File:Sb confirm connection to wp new.png|1200px|center|link=https://help.simplybook.me/images/c/c1/Sb_confirm_connection_to_wp_new.png]]
<br><br>
<br><br>
</div>
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
<div lang="en" dir="ltr" class="mw-content-ltr">
:6. Switch to '''Design''' tab.<br>
:Adjust the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">design</span> settings for your widget.<br>
:You can select the preferance calendar layout, change the theme, adjust the colors and many more.
:Here you can also select some predefined options for the plugin if necessary.
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
<br><br>
<br><br>
:7. Save your settings and navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">General</span> tab of the plugin interface.
:2. Allez dans les <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> de l’extension.
[[File:Wordpress plugin general tab page options.png|1200px|center|link=https://help.simplybook.me/images/d/d6/Wordpress_plugin_general_tab_page_options.png]]
<br><br>
<br><br>
</div>
:3. Si vous avez déjà un compte SimplyBook.me, veuillez choisir l’option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Se connecter ici</span>.<br>  
<div lang="en" dir="ltr" class="mw-content-ltr">
:Si vous n’en avez pas encore, suivez simplement les étapes pour <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Créer un compte gratuit</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br>
:The page with the booking widget is already pre-created for you - you can edit, remove or keep it as it is.<br>
:4. Après une courte procédure d’inscription/connexion, vous accéderez à un aperçu de votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tableau de bord</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br>
:Or you can create a new page and paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> tag to its body and publish the page.<br><br>
:5. Rendez-vous dans l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> et choisissez l’onglet "Services" ou "Prestataires" pour voir la liste de ceux existants dans votre compte, les gérer ou en ajouter d'autres facilement. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]]
:From here you can also easily access various pages on SimplyBook.me side to add or edit your services and providers, enable some additional functionality for the booking process with the Custom features.
:6. Passez à l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span>.<br>
[[File:Wordress plugin general tab useful links.png|1200px|center|link=https://help.simplybook.me/images/7/7d/Wordress_plugin_general_tab_useful_links.png]]
:Ajustez l’apparence de votre widget.<br>
<br><br><br><br>
:Vous pouvez choisir la mise en page du calendrier, modifier les couleurs et bien plus encore. [[File:Wp new design settings path.png|1200px|center|link=https://help.simplybook.me/images/b/ba/Wp_new_design_settings_path.png]] <br><br>  
</div>
:7. Enregistrez vos paramètres et accédez à l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pages</span> de l’interface WordPress.<br>
<div lang="en" dir="ltr" class="mw-content-ltr">
:Ouvrez la page à laquelle vous souhaitez ajouter la fonctionnalité de réservation ou créez-en une nouvelle. :Cliquez sur le bouton "+" et recherchez l’option '''Simplybook'''. Cliquez dessus pour l’ajouter à la page. Enregistrez la page. :Une fois votre site publié, les clients pourront réserver vos services. [[File:Wp new add plugin to page.png|1200px|center|link=https://help.simplybook.me/images/7/7e/Wp_new_add_plugin_to_page.png]] <br><br>
==As a Widget==
:8. (optionnel) Si vous souhaitez proposer la réservation uniquement pour un service/prestataire/emplacement/catégorie spécifique, utilisez l’option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Modifier les paramètres prédéfinis</span>. [[File:Wp edit predefined path.png|1200px|center|link=https://help.simplybook.me/images/d/d7/Wp_edit_predefined_path.png]] <br><br>  
:1. Please copy the code from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
:Et sélectionnez le(s) élément(s) souhaité(s) dans la fenêtre contextuelle qui apparaît. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br>  
</div>
:9. En alternative, vous pouvez ajouter la fonctionnalité à la page en utilisant un shortcode.
:Copiez le shortcode du calendrier depuis la page <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> du plugin. [[File:Wp new shortcode for widget.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Wp_new_shortcode_for_widget.png]] <br><br>
:Et collez-le simplement dans la partie HTML de la page souhaitée. [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br>
== En tant que widget ==
:1. Veuillez copier le code à partir de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widget iFrame</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Obtenir le code du widget.</span>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
<br><br>
[[File:Booking widget design path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/37/Booking_widget_design_path_redesigned.png]]
[[File:Booking widget design path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/37/Booking_widget_design_path_redesigned.png]]
<br><br>
<br><br>
[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png ]]
[[File:Copy widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
<br><br>
<br><br>
:2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> icon.
:2. Accédez à votre interface d'administration WordPress et créez une nouvelle page ou accédez à une page existante où vous souhaitez ajouter le widget. Cliquez sur l'icône <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span>.
[[File:Creating new page wp.png | center]]
[[File:Creating new page wp.png|center]]
<br><br>
<br><br>
:3. Search for <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> option.
:3. Recherchez l'option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span>.
[[File:Add html editor.png | center]]
[[File:Add html editor.png|center]]
<br><br>
<br><br>
:4. Paste the previously copied code.
:4. Collez le code précédemment copié.
[[File:Paste the code.png | center]]
[[File:Paste the code.png|center]]
<br><br>
<br><br>
:5. Publish your changes.
:5. Publiez vos modifications.
<br><br>
<br><br>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
:<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Exemple</span> (peut varier en fonction de votre thème WP et du thème et des paramètres [https://simplybook.me/ de SimplyBook.me] ).
:<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Example</span> (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings).
 
<div class="mw-translate-fuzzy">
[[File:Wp select location.png|center]]
<br><br>
<br><br>
</div>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Wp select location.png| center]]
With the AI Voice Booking widget, you can easily place an interactive AI widget button anywhere on your client’s website. Simply enable your feature on SimplyBook.me side, insert the widget code into an HTML section in your website builder and visitors will be able to book appointments just by messaging or speaking to the AI directly on the site. Please, check the [[Special:MyLanguage/AI Voice Booking|tutorial]] to setup the integration.
<br><br>
<br><br>
</div>
</div>

Latest revision as of 20:06, 9 February 2026


À l'aide du plugin WordPress

1. Dans votre interface d’administration WordPress, allez dans Extensions -> Ajouter une nouvelle extension et recherchez Simplybook.
Installez-la et activez-la.





2. Allez dans les Paramètres de l’extension.



3. Si vous avez déjà un compte SimplyBook.me, veuillez choisir l’option Se connecter ici.
Si vous n’en avez pas encore, suivez simplement les étapes pour Créer un compte gratuit.


4. Après une courte procédure d’inscription/connexion, vous accéderez à un aperçu de votre Tableau de bord.


5. Rendez-vous dans l’onglet Paramètres et choisissez l’onglet "Services" ou "Prestataires" pour voir la liste de ceux existants dans votre compte, les gérer ou en ajouter d'autres facilement.
6. Passez à l’onglet Design.
Ajustez l’apparence de votre widget.
Vous pouvez choisir la mise en page du calendrier, modifier les couleurs et bien plus encore.


7. Enregistrez vos paramètres et accédez à l’onglet Pages de l’interface WordPress.
Ouvrez la page à laquelle vous souhaitez ajouter la fonctionnalité de réservation ou créez-en une nouvelle. :Cliquez sur le bouton "+" et recherchez l’option Simplybook. Cliquez dessus pour l’ajouter à la page. Enregistrez la page. :Une fois votre site publié, les clients pourront réserver vos services.


8. (optionnel) Si vous souhaitez proposer la réservation uniquement pour un service/prestataire/emplacement/catégorie spécifique, utilisez l’option Modifier les paramètres prédéfinis.


Et sélectionnez le(s) élément(s) souhaité(s) dans la fenêtre contextuelle qui apparaît.


9. En alternative, vous pouvez ajouter la fonctionnalité à la page en utilisant un shortcode.
Copiez le shortcode du calendrier depuis la page Paramètres du plugin.


Et collez-le simplement dans la partie HTML de la page souhaitée.


En tant que widget

1. Veuillez copier le code à partir de Paramètres -> Paramètres des widgets de réservation -> Widget iFrame -> Obtenir le code du widget.







2. Accédez à votre interface d'administration WordPress et créez une nouvelle page ou accédez à une page existante où vous souhaitez ajouter le widget. Cliquez sur l'icône +.



3. Recherchez l'option HTML.



4. Collez le code précédemment copié.



5. Publiez vos modifications.



Exemple (peut varier en fonction de votre thème WP et du thème et des paramètres de SimplyBook.me ).





With the AI Voice Booking widget, you can easily place an interactive AI widget button anywhere on your client’s website. Simply enable your feature on SimplyBook.me side, insert the widget code into an HTML section in your website builder and visitors will be able to book appointments just by messaging or speaking to the AI directly on the site. Please, check the tutorial to setup the integration.