WordPress integration/fr: Difference between revisions
Created page with ":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. File:Wordpress new login or register.png|1200px|center|link=htt..." |
No edit summary Tags: Manual revert Mobile edit Mobile web edit |
||
| (8 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
== À l'aide du plugin WordPress == | == À l'aide du plugin WordPress == | ||
:1. Dans votre interface | :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> | ||
:Installez- | :Installez-la et activez-la. | ||
[[File:Add | [[File:Add simplybook to wp new.png|1200px|center|link=https://help.simplybook.me/images/4/47/Add_simplybook_to_wp_new.png]] | ||
<br><br> | <br><br> | ||
[[File:Activate new wp plugin.png|1200px|center|link=https://help.simplybook.me/images/3/32/Activate_new_wp_plugin.png]] | |||
[[File: | |||
<br><br> | <br><br> | ||
: | :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> | ||
[[File: | :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;"> | :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]] | ||
:6. Passez à l’onglet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span>.<br> | |||
[[File: | :Ajustez l’apparence de votre widget.<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> | |||
:6. Passez à | :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> | ||
: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> | |||
:Vous pouvez | :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> | ||
: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> | |||
[[File: | :9. En alternative, vous pouvez ajouter la fonctionnalité à la page en utilisant un shortcode. | ||
<br><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> | ||
:7. Enregistrez vos paramètres et accédez à | :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> | ||
[[File: | |||
<br><br> | |||
: | |||
: | |||
[[File: | |||
<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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widget iFrame</span> -> <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> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Paramètres des widgets de réservation</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Widget iFrame</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Obtenir le code du widget.</span> | ||