|
|
| Line 7: |
Line 7: |
| ;Comment définir | | ;Comment définir |
|
| |
|
| <div class="mw-translate-fuzzy">
| |
| :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>[[File:Select html.png|border|center]]
| |
| [[File:Select html.png|border|center]]
| |
| <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>[[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>
| |
| :6. Ajustez le design à votre goût et à vos besoins, puis <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">récupérez 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]]
| |
| <br><br>
| |
| :7. Copiez l'intégralité du code de la fenêtre contextuelle et collez-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]]
| |
| <br><br>
| |
| :8. Vous verrez immédiatement à quoi ressemble le widget de réservation.
| |
| [[File:Shopify widget result.png|border|center]]
| |
| <br><br><br><br>
| |
| </div>
| |
| <div lang="en" dir="ltr" class="mw-content-ltr"> | | <div lang="en" dir="ltr" class="mw-content-ltr"> |
| :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span> | | :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span> |