SimplyBook.me

Widgets for your own website/fr: Difference between revisions

VisualWikitext
Created page with ";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, à la catégorie ou à 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..."
Tags: Mobile edit Mobile web edit
 
No edit summary
Tags: Mobile edit Mobile web edit
 
(10 intermediate revisions by 2 users not shown)
Line 3: Line 3:




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


Line 21: Line 21:
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Remarque :''' les 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 :''' les 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>
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/SITE123_integration |SITE123]]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]


;[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 34:
<br>
<br>


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, [[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.


[[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 61:
[[File:Predefined client result view.png|center]]
[[File:Predefined client result view.png|center]]
<br><br>
<br><br>
== 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 [[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]] ==
<br><br>
<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>
<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 68: 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>
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 :
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>
<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>
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>
<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 91: Line 90:
<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>
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/SITE123_integration |SITE123]]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]


;[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 104: Line 102:


;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, à [[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>
<br><br>


= Widget de réservation et de contact =
= Widget de réservation et de contact =
<br><br>
<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]]
[[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>
<br><br>
Line 122: Line 120:
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Remarque :''' les différents créateurs/plateformes de sites web peuvent avoir différentes méthodes pour ajouter du code HTML. Vérifiez d'abord 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 :''' les différents créateurs/plateformes de sites web peuvent avoir différentes méthodes pour ajouter du code HTML. Vérifiez d'abord si votre site web prend en charge l'insertion de code HTML JavaScript.</span>
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:'''Voici des tutoriels pour plusieurs créateurs de sites web populaires :'''
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::[[Special:MyLanguage/WordPress_integration |Wordpress]]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::[[Special:MyLanguage/Shopify |Shopify]]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::[[Special:MyLanguage/Joomla_integration |Joomla]]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::[[Special:MyLanguage/Squarespace |Squarespace]]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::[[Special:MyLanguage/Weebly |Weebly]]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::[[Special:MyLanguage/Go_Daddy |Go Daddy]]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::[[Special:MyLanguage/SITE123_integration |SITE123]]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]


<div lang="en" dir="ltr" class="mw-content-ltr">
;[https://simplydemowidgets.mozello.com/ Vérifiez à quoi peuvent ressembler les widgets sur votre site web]
;[https://simplydemowidgets.mozello.com/ Check how widgets can look like on your website]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
= Widget d'avis =
=Reviews Widget=
<br><br>
<br><br>
Wish to add reviews your clients leave on the booking page to your website?<br>
Vous souhaitez ajouter à votre site web les avis laissés par vos clients sur la page de réservation ?<br>
Just follow these instructions:
Il vous suffit de suivre ces instructions :
:1. Please go to <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;">Reviews widget.</span>
:1. Veuillez vous rendre dans <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 Avis.</span>
[[File:Reviews widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/5b/Reviews_widget_path_redesigned.png]]
[[File:Reviews widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/5b/Reviews_widget_path_redesigned.png]]
<br><br>
<br><br>
:2. On the page you will be able to select the theme, set colors, decide on the number of reviews you wish to display and whether you wish your clients to be able to add reviews using the widget.  
:2. Sur cette page, vous pourrez sélectionner le thème, définir les couleurs, choisir le nombre d'avis que vous souhaitez afficher et décider si vous souhaitez que vos clients puissent ajouter des avis à l'aide du widget.  
[[File:Reviews widget settings redesigned.png|1200px| center|link=https://help.simplybook.me/images/6/6d/Reviews_widget_settings_redesigned.png]]
[[File:Reviews widget settings redesigned.png|1200px| center|link=https://help.simplybook.me/images/6/6d/Reviews_widget_settings_redesigned.png]]
<br><br>
<br><br>
:3. And now, when design is set, just click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code</span> button, copy the code and insert it to your website to the desired place.
:3. Une fois le design défini, cliquez simplement sur le bouton <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Obtenir le code du widget</span>, copiez le code et insérez-le à l'endroit souhaité sur votre site web.
[[File:Get reviews widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/f/f8/Get_reviews_widget_code_redesigned.png]]
[[File:Get reviews widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/f/f8/Get_reviews_widget_code_redesigned.png]]
<br>
<br>
Congratulations! Widget is now ready, your reviews will be published and updated on your website!
Félicitations ! Le widget est maintenant prêt, vos avis seront publiés et mis à jour sur votre site web !
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/fr"