SimplyBook.me

Shopify/fr: Difference between revisions

← Older edit
VisualWikitext
FuzzyBot (talk | contribs)
5,030 edits
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


<div class="mw-translate-fuzzy">
:1. Veuillez vous rendre dans <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Boutique en ligne</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Thèmes</span> -&gt; <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> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Thèmes</span> -&gt; <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]]
: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> -&gt; <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 iFrame</span>[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
:5. Accédez à votre <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">compte SimplyBook.me</span> -&gt; <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 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;">récupérez le code du widget.</span>
: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 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
: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>
</div>
<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>
[[File:Select html.png|border|center]]
<br><br>
:5. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me account</span> -> <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;">iFrame widget</span>
[[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. Adjust the design to your taste and needs, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">get widget code.</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>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
:7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes
[[File:Insert html to shopify side.png|border|center]]
<br><br>
:8. As the result you will see how the booking widget looks like right away.
[[File:Shopify widget result.png|border|center]]
<br><br><br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Shopify/fr"