WordPress integration/fr: Difference between revisions

From SimplyBook.me
VisualWikitext
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
Tags: Manual revert Mobile edit Mobile web edit
 
(9 intermediate revisions by 2 users not shown)
Line 2: Line 2:
{{#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=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 }}


<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>
<br><br>
:2. Navigate to plugin <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings.</span>
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]]
[[File:Wp plugin settings new.png|1200px|center|link=https://help.simplybook.me/images/2/25/Wp_plugin_settings_new.png]]
<br><br>
<br><br>
</div>
:2. Allez dans les <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> de l’extension.
<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>
<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>
: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>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
: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>
<br><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>  
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Confirm the connection</span> between SimplyBook.me account and your WordPress system.
: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]]
:You will get the one-time code to finalise the connection.
:6. Passez à l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span>.<br>  
[[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]]
:Ajustez l’apparence de votre widget.<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>
:6. Switch to '''Design''' tab.<br>
: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>  
:Adjust the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">design</span> settings for your widget.<br>
: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>  
:You can select the preferance calendar layout, change the theme, adjust the colors and many more.
:9. En alternative, vous pouvez ajouter la fonctionnalité à la page en utilisant un shortcode.  
:Here you can also select some predefined options for the plugin if necessary.
: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>  
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
: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>
<br><br>
== En tant que widget ==
:7. Save your settings and navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">General</span> tab of the plugin interface.
: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>
[[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>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
:The page with the booking widget is already pre-created for you - you can edit, remove or keep it as it is.<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>
: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.
[[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]]
<br><br><br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
==As a Widget==
: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>
</div>


<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>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Wp select location.png|center]]
[[File:Wp select location.png| center]]
<br><br>
<br><br>
<br><br>
<br><br>
</div>

Latest revision as of 13:01, 17 October 2025

Other languages:


À 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 ).





Retrieved from "https://help.simplybook.me/index.php?title=WordPress_integration/fr&oldid=40380"