WordPress integration/fr: Difference between revisions

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..."
 
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..."
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, accédez à <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ajouter un nouveau plugin</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-le et activez-le.
:Install it and Activate.
[[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]]
[[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>
:2. Accédez aux <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">paramètres</span> du plugin <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
[[File:Wp plugin settings new.png|1200px|center|link=https://help.simplybook.me/images/2/25/Wp_plugin_settings_new.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>
: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 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.
: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]]
[[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>
: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>
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
[[File:Sb login page.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Sb_login_page.png]]
<br><br>
<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. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Confirmez la connexion</span> entre votre compte SimplyBook.me et votre système WordPress.
:You will get the one-time code to finalise the connection.
:Vous recevrez un code à usage unique pour finaliser la connexion.
[[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]]
[[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>
:6. Passez à l'onglet '''Conception'''.<br>
<div lang="en" dir="ltr" class="mw-content-ltr">
:Ajustez les paramètres <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de conception</span> de votre widget.<br>
:6. Switch to '''Design''' tab.<br>
:Vous pouvez sélectionner la mise en page du calendrier, modifier le thème, ajuster les couleurs et bien plus encore.
:Adjust the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">design</span> settings for your widget.<br>
:Vous pouvez également sélectionner ici certaines options prédéfinies pour le plugin si nécessaire.
: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]]
[[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.
: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]]
[[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>
: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>
<div lang="en" dir="ltr" class="mw-content-ltr">
: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>
:The page with the booking widget is already pre-created for you - you can edit, remove or keep it as it is.<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.
: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]]
[[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>
<br><br><br><br>
</div>
== En tant que widget ==
<div lang="en" dir="ltr" class="mw-content-ltr">
: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>
==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>