WordPress integration/fr: Difference between revisions

From SimplyBook.me
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(7 intermediate revisions by 2 users not shown)
Line 13: Line 13:
:2. Allez dans les <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> de l’extension.
:2. Allez dans les <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres</span> de l’extension.
<br><br>
<br><br>
: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>
: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>  
:Si vous n'en avez pas encore créé, cliquez simplement sur l'option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Créer un compte gratuit</span> et inscrivez-vous en suivant les étapes suggérées.
: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>  
[[File:Wordpress new login or register.png|1200px|center|link=https://help.simplybook.me/images/9/95/Wordpress_new_login_or_register.png]]
: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>  
<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]]
:4. Connectez-vous en fournissant <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">le nom</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">d'utilisateur</span> et <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">le mot de passe</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de votre entreprise</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
:6. Passez à l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span>.<br>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.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>  
:5. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Confirmez la connexion</span> entre votre compte SimplyBook.me et votre système WordPress.
: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>  
:Vous recevrez un code à usage unique pour finaliser la connexion.
: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>
[[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]]
: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>  
<br><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>  
:6. Passez à l'onglet '''Conception'''.<br>
:9. En alternative, vous pouvez ajouter la fonctionnalité à la page en utilisant un shortcode.
:Ajustez les paramètres <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de conception</span> de votre widget.<br>
: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>  
:Vous pouvez sélectionner la mise en page du calendrier, modifier le thème, ajuster les couleurs et bien plus encore.
: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>
:Vous pouvez également sélectionner ici certaines options prédéfinies pour le plugin si nécessaire.
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
<br><br>
:7. Enregistrez vos paramètres et accédez à l'onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Général</span> de l'interface du plugin.
[[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>
:La page avec le widget de réservation est déjà pré-créée pour vous - vous pouvez la modifier, la supprimer ou la conserver telle quelle.<br>
:Vous pouvez également créer une nouvelle page, coller la balise <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> dans le corps de la page, puis publier la page.<br><br>
:À partir de là, vous pouvez également accéder facilement à différentes pages du site SimplyBook.me pour ajouter ou modifier vos services et prestataires, activer des fonctionnalités supplémentaires pour le processus de réservation grâce aux fonctionnalités personnalisées.
[[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>
== En tant que widget ==
== 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>
: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>

Latest revision as of 13:01, 17 October 2025


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