From SimplyBook.me
Updating to match new version of source page |
Created page with ":7. Copiez tout le code de la fenêtre contextuelle et insérez-le dans le champ <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> du côté Shopify. Ajustez la largeur du conteneur si nécessaire. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enregistrez</span> les modifications. border|center <br><br> :8. Vous verrez immédiatement à quoi ressemble le widget de réserv..." |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
;Comment définir | ;Comment définir | ||
:1. Veuillez vous rendre dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Boutique en ligne</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Thèmes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Personnaliser</span> dans votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">compte Shopify.</span> | :1. Veuillez vous rendre dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Boutique en ligne</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Thèmes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Personnaliser</span> dans votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">compte Shopify.</span> | ||
[[File:Shopify customize theme.png|border|center]] | [[File:Shopify customize theme.png|border|center]] | ||
| Line 17: | Line 16: | ||
[[File:Shopify select custom content.png|border|center]] | [[File:Shopify select custom content.png|border|center]] | ||
<br><br> | <br><br> | ||
:4. Cliquez sur <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ajouter du contenu</span> et sélectionnez <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML personnalisé</span> | :4. Cliquez sur <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ajouter du contenu</span> et sélectionnez <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML personnalisé</span> | ||
[[File:Select html.png|border|center]] | [[File:Select html.png|border|center]] | ||
<br><br> | <br><br> | ||
:5. Accédez à votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">compte SimplyBook.me</span> -> <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> | :5. Accédez à votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">compte SimplyBook.me</span> -> <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> | ||
[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | [[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
:6. Ajustez le design à votre goût et à vos besoins, puis <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"> | :6. Ajustez le design à votre goût et à vos besoins, puis <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">obtenez le code du widget.</span> | ||
[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | [[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | ||
<br><br> | <br><br> | ||
:7. Copiez | :7. Copiez tout le code de la fenêtre contextuelle et insérez-le dans le champ <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> du côté Shopify. Ajustez la largeur du conteneur si nécessaire. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enregistrez</span> les modifications. | ||
[[File:Insert html to shopify side.png|border|center]] | [[File:Insert html to shopify side.png|border|center]] | ||
<br><br> | <br><br> | ||
| Line 32: | Line 31: | ||
[[File:Shopify widget result.png|border|center]] | [[File:Shopify widget result.png|border|center]] | ||
<br><br><br><br> | <br><br><br><br> | ||
Latest revision as of 08:09, 1 July 2025
Si vous utilisez Shopify et que vous souhaitez ajouter la possibilité de réserver sur votre site web, nous avons la solution qu'il vous faut !
Notre widget iFrame vous permet de connecter le site web Shopify à SimplyBook.com et de permettre à vos clients de réserver directement depuis le site web, aussi bien depuis leur PC que depuis leurs appareils mobiles. Cette solution rendra votre processus de réservation plus pratique et plus facile.
- Comment définir
- 1. Veuillez vous rendre dans Boutique en ligne -> Thèmes -> Personnaliser dans votre compte Shopify.
- 2. Sélectionnez la section que vous souhaitez modifier à gauche ou ajoutez-en une nouvelle.
- 3. Choisissez d'ajouter du contenu personnalisé.
- 4. Cliquez sur Ajouter du contenu et sélectionnez HTML personnalisé
- 5. Accédez à votre compte SimplyBook.me -> Paramètres -> Paramètres des widgets de réservation -> Widget iFrame
- 6. Ajustez le design à votre goût et à vos besoins, puis obtenez le code du widget.
- 7. Copiez tout le code de la fenêtre contextuelle et insérez-le dans le champ HTML du côté Shopify. Ajustez la largeur du conteneur si nécessaire. Enregistrez les modifications.
- 8. Vous verrez immédiatement à quoi ressemble le widget de réservation.
