SimplyBook.me

Widgets for your own website/fr: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with "Exemple de code du widget <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">Cartes cadeaux</span>:<br><br>"
FuzzyBot (talk | contribs)
5,030 edits
Updating to match new version of source page
Tags: Mobile edit Mobile web edit
Line 3: Line 3:




<div class="mw-translate-fuzzy">
:Pourquoi utiliser nos widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]]
:Pourquoi utiliser nos widgets [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=ngAxW1uTOk4]]
<br><br>
<br><br>
:Tutoriel vidéo disponible [[File:Youtube-Logo.png|link=https://youtu.be/8mi4MCmE_qg]]
:Tutoriel vidéo disponible [[File:Youtube-Logo.png|link=https://youtu.be/8mi4MCmE_qg]]
<br><br>
<br><br>
</div>


__FORCETOC__
__FORCETOC__
<div class="mw-translate-fuzzy">
= widget iFrame =
= widget iFrame =
<br><br>
<br><br>
Line 29: Line 32:
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
</div>


;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
Line 35: Line 39:
<br>
<br>


<div class="mw-translate-fuzzy">
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.
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]]
[[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]]
Line 62: Line 68:
[[File:Predefined client result view.png|center]]
[[File:Predefined client result view.png|center]]
<br><br>
<br><br>
<div class="mw-translate-fuzzy">
== 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]] ==
== 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>
<br><br>
Line 73: Line 80:
*<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;">[[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>
<br><br>
</div>
<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>
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>
<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>
<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 88: Line 98:
[[File:Get booking button widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/54/Get_booking_button_widget_code_redesigned.png]]
[[File:Get booking button widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/54/Get_booking_button_widget_code_redesigned.png]]
<br><br>
<br><br>
<div class="mw-translate-fuzzy">
:2. Insérez-le dans le code HTML <body> de votre site web (ou à tout autre endroit de votre plateforme web conçu pour insérer du code HTML JavaScript iFrame).<br>  
:2. Insérez-le dans le code HTML <body> de votre site web (ou à tout autre endroit de votre plateforme web conçu pour insérer du code HTML JavaScript iFrame).<br>  
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Remarque :''' différents créateurs/plateformes de sites web peuvent avoir différentes façons d'ajouter du code HTML. Vous devez d'abord vérifier si votre site web prend en charge l'insertion de code HTML JavaScript.</span>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Remarque :''' différents créateurs/plateformes de sites web peuvent avoir différentes façons d'ajouter du code HTML. Vous devez d'abord vérifier si votre site web prend en charge l'insertion de code HTML JavaScript.</span>
Line 99: Line 110:
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
</div>


;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]




<div class="mw-translate-fuzzy">
;Widgets avec service, fournisseur, catégorie ou emplacement prédéfini.
;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, à [[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.
<br><br>
<br><br>
</div>


<div class="mw-translate-fuzzy">
= Widget de réservation et de contact =
= Widget de réservation et de contact =
<br><br>
<br><br>
Line 115: Line 130:
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
[[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>
<br><br>
</div>
<div class="mw-translate-fuzzy">
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
[[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>
<br><br>
Line 130: Line 147:
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
</div>


;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/fr"