Widgets for your own website/fr: Difference between revisions

(6 intermediate revisions by 2 users not shown)

Line 1:

{{#seo: |title=Widgets pour votre propre site web - SimplyBook.me |description=~~Ajoutez~~ des widgets ~~SimplyBook.me à votre~~ site web ~~pour permettre à vos clients de réserver directement~~. ~~Personnalisez-les en fonction de votre marque~~. ~~Pour en savoir plus~~, ~~cliquez ici !~~ |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, widget, widgets, intégration, intégration de site web, widgets de site web, widgets pour site web }}

{{#seo: |title=Widgets pour votre propre site web - SimplyBook.me |description=Intégrez des widgets de réservation sur n’importe quel site web. Générez un code iframe et personnalisez l’apparence. Widgets bouton, popup ou intégrés. Fonctionne avec WordPress, Shopify et Joomla.|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, widget, widgets, intégration, intégration de site web, widgets de site web, widgets pour site web }}

Line 34:

~~<div class="mw-translate-fuzzy">~~

Cette fonctionnalité vous permet de générer un code iframe spécifique pour un service, un fournisseur, [[Special:MyLanguage/Service_Categories_custom_feature |une catégorie]] ou [[Special:MyLanguage/Multiple_Locations_custom_feature |un emplacement]]. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.

Cette fonctionnalité vous permet de générer un code iframe spécifique pour un service, un fournisseur, [[~~Custom_Features#Service_Categories~~ |une catégorie]] ou [[~~Custom_Features#Multiple_Locations~~ |un emplacement]]. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.

~~</div>~~

[[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]]

Line 63:

Line 61:

[[File:Predefined client result view.png|center]]

~~<div class="mw-translate-fuzzy">~~

== Widgets pour [[Special:MyLanguage/Client_Login_custom_feature|la connexion des clients]], [[Special:MyLanguage/Packages_custom_feature|les forfaits]], [[Special:MyLanguage/Membership_custom_feature|les abonnements]], [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|les cartes-cadeaux]] ==

== Widgets pour [[Client_Login_custom_feature|la connexion des clients]], [[Packages_custom_feature|les forfaits]], [[Membership_custom_feature|les abonnements]], [[Coupons_and_Gift_Cards_custom_feature|les cartes-cadeaux]] ==

'''Remarque :''' cette fonctionnalité ne fonctionne actuellement qu'avec les widgets iFrame et ne fonctionne pas avec les widgets de bouton de réservation et de bouton de contact.

Line 70:

Line 67:

Si vous utilisez une ou plusieurs de ces fonctionnalités, il peut être nécessaire d'ajouter un widget qui permettra à vos clients d'utiliser cette option sur votre site web.

Cela peut être fait de manière simple en ajoutant l'élément « navigate » correspondant au code du widget :

*[[Client_Login_custom_feature|Connexion client]] - « navigate » : « client/sign-in »

*[[Special:MyLanguage/Client_Login_custom_feature|Connexion client]] - « navigate » : « client/sign-in »

*[[Packages_custom_feature|Forfaits]] - « navigate » : « packages »

*[[Special:MyLanguage/Packages_custom_feature|Forfaits]] - « navigate » : « packages »

*[[Membership_custom_feature|Adhésions]] - « navigate » : « membership »

*[[Special:MyLanguage/Membership_custom_feature|Adhésions]] - « navigate » : « membership »

*[[Coupons_and_Gift_Cards_custom_feature|Cartes-cadeaux]] - « navigate » : « gift-card »

*[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Cartes-cadeaux]] - « navigate » : « gift-card »

~~</div>~~

Exemple de code du widget [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Cartes cadeaux]]:

~~<div class="mw-translate-fuzzy">~~

Exemple de code du widget [[Coupons_and_Gift_Cards_custom_feature|Cartes cadeaux]]:

~~</div~~>

Line 107:

Line 101:

~~<div class="mw-translate-fuzzy">~~

;Widgets avec service, fournisseur, catégorie ou emplacement prédéfini.

Cette fonctionnalité vous permet de générer un code iframe spécifique au service, au fournisseur, à [[~~Custom_Features#Service_Categories~~ |la catégorie]] ou à [[~~Custom_Features#Multiple_Locations~~ |l'emplacement]] dont vous disposez. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.

Cette fonctionnalité vous permet de générer un code iframe spécifique au service, au fournisseur, à [[Special:MyLanguage/Service_Categories_custom_feature |la catégorie]] ou à [[Special:MyLanguage/Multiple_Locations_custom_feature |l'emplacement]] dont vous disposez. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.

~~</div>~~

~~<div class="mw-translate-fuzzy">~~

= Widget de réservation et de contact =

:1. Activez [[~~Custom_Features#Contact_Widget~~ |le widget Contact]] dans Fonctionnalités personnalisées -> Pour le développement.

:1. Activez [[Special:MyLanguage/Contact_Widget_custom_feature |le widget Contact]] dans Fonctionnalités personnalisées -> Pour le développement.

[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]

Line 122:

Line 113:

[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]

~~</div>~~

[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]

@@ Line 1: / Line 1: @@
 <languages/>
-{{#seo: |title=Widgets pour votre propre site web - SimplyBook.me |description=Ajoutez des widgets SimplyBook.me à votre site web pour permettre à vos clients de réserver directement. Personnalisez-les en fonction de votre marque. Pour en savoir plus, cliquez ici ! |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, widget, widgets, intégration, intégration de site web, widgets de site web, widgets pour site web }}
+{{#seo: |title=Widgets pour votre propre site web - SimplyBook.me |description=Intégrez des widgets de réservation sur n’importe quel site web. Générez un code iframe et personnalisez l’apparence. Widgets bouton, popup ou intégrés. Fonctionne avec WordPress, Shopify et Joomla.|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, widget, widgets, intégration, intégration de site web, widgets de site web, widgets pour site web }}
@@ Line 34: / Line 34: @@
 <br>
-<div class="mw-translate-fuzzy">
+Cette fonctionnalité vous permet de générer un code iframe spécifique pour un service, un fournisseur, [[Special:MyLanguage/Service_Categories_custom_feature |une catégorie]] ou [[Special:MyLanguage/Multiple_Locations_custom_feature |un emplacement]]. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.
-Cette fonctionnalité vous permet de générer un code iframe spécifique pour un service, un fournisseur, [[Custom_Features#Service_Categories |une catégorie]] ou [[Custom_Features#Multiple_Locations |un emplacement]]. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.
-</div>
 [[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]]
@@ Line 63: / Line 61: @@
 [[File:Predefined client result view.png|center]]
 <br><br>
-<div class="mw-translate-fuzzy">
+== Widgets pour [[Special:MyLanguage/Client_Login_custom_feature|la connexion des clients]], [[Special:MyLanguage/Packages_custom_feature|les forfaits]], [[Special:MyLanguage/Membership_custom_feature|les abonnements]], [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|les cartes-cadeaux]] ==
-== Widgets pour [[Client_Login_custom_feature|la connexion des clients]], [[Packages_custom_feature|les forfaits]], [[Membership_custom_feature|les abonnements]], [[Coupons_and_Gift_Cards_custom_feature|les cartes-cadeaux]] ==
 <br><br>
 <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Remarque :''' cette fonctionnalité ne fonctionne actuellement qu'avec les widgets iFrame et ne fonctionne pas avec les widgets de bouton de réservation et de bouton de contact.</span><br>
@@ Line 70: / Line 67: @@
 Si vous utilisez une ou plusieurs de ces fonctionnalités, il peut être nécessaire d'ajouter un widget qui permettra à vos clients d'utiliser cette option sur votre site web.<br>
 Cela peut être fait de manière simple en ajoutant l'élément <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"> « navigate »</span> correspondant au code du widget :
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Connexion client]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « client/sign-in »</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Connexion client]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « client/sign-in »</span>
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Forfaits]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « packages »</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|Forfaits]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « packages »</span>
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Adhésions]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « membership »</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|Adhésions]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « membership »</span>
-*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Cartes-cadeaux]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « gift-card »</span>
+*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Cartes-cadeaux]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> « navigate » : « gift-card »</span>
 <br><br>
-</div>
+Exemple de code du widget <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Cartes cadeaux]]</span>:<br><br>
-<div class="mw-translate-fuzzy">
-Exemple de code du widget <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Cartes cadeaux]]</span>:<br><br>
-</div>
 <code><script src="//simplybook.it/v2/widget/widget.js"></script>
 <script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it",'''"navigate":"gift-card",'''"theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script></code>
@@ Line 107: / Line 101: @@
-<div class="mw-translate-fuzzy">
 ;Widgets avec service, fournisseur, catégorie ou emplacement prédéfini.
-Cette fonctionnalité vous permet de générer un code iframe spécifique au service, au fournisseur, à [[Custom_Features#Service_Categories |la catégorie]] ou à [[Custom_Features#Multiple_Locations |l'emplacement]] dont vous disposez. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.
+Cette fonctionnalité vous permet de générer un code iframe spécifique au service, au fournisseur, à [[Special:MyLanguage/Service_Categories_custom_feature |la catégorie]] ou à [[Special:MyLanguage/Multiple_Locations_custom_feature |l'emplacement]] dont vous disposez. Par exemple, si vous avez deux services A et B et que vous choisissez le service A comme prédéfini, le widget s'ouvrira sur ce service, en ignorant l'étape de sélection du service. Cette fonctionnalité peut être utile si vous souhaitez afficher uniquement certains services sur une page spécifique de votre site web. Les étapes pour générer le code sont les mêmes que ci-dessus, sauf que dans les paramètres du widget, vous devez choisir l'élément que vous souhaitez prédéfinir.
 <br><br>
-</div>
-<div class="mw-translate-fuzzy">
 = Widget de réservation et de contact =
 <br><br>
-:1. Activez <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Contact_Widget |le widget Contact]]</span> dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Fonctionnalités personnalisées</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pour le développement</span>.
+:1. Activez <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature |le widget Contact]]</span> dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Fonctionnalités personnalisées</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pour le développement</span>.
 [[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]
 <br><br>
@@ Line 122: / Line 113: @@
 [[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
 <br><br>
-</div>
 [[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
 <br><br>