Shopify/fr: Difference between revisions

(4 intermediate revisions by 2 users not shown)

Line 4:

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

~~<div lang="en" dir="ltr" class="mw-content-ltr">~~

:1. Veuillez vous rendre dans Boutique en ligne -> Thèmes -> Personnaliser dans votre compte Shopify.

:1. ~~Please navigate to~~ ~~Online Store~~ -> ~~Themes~~ -> ~~Customize~~ ~~in your~~ Shopify ~~account~~.

[[File:Shopify customize theme.png|border|center]]

:2. ~~Select the~~ section ~~you would like to edit on the left or add a new one~~.

:2. Sélectionnez la section que vous souhaitez modifier à gauche ou ajoutez-en une nouvelle.

[[File:Shopify add section.png|border|center]]

:3. ~~Choose to add~~ ~~Custom content~~.

:3. Choisissez d'ajouter du contenu personnalisé.

[[File:Shopify select custom content.png|border|center]]

:4. ~~Click on~~ ~~Add content~~ ~~and select~~ ~~Custom~~ HTML

:4. Cliquez sur Ajouter du contenu et sélectionnez HTML personnalisé

[[File:Select html.png|border|center]]

:5. ~~Navigate to your~~ SimplyBook.me ~~account~~ -> ~~Settings~~ -> ~~Booking~~ widgets ~~settings~~ -> iFrame ~~widget~~

:5. Accédez à votre compte SimplyBook.me -> Paramètres -> Paramètres des widgets de réservation -> Widget iFrame

[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]

:6. ~~Adjust the~~ design ~~to your taste and needs~~, ~~get~~ widget ~~code~~.

:6. Ajustez le design à votre goût et à vos besoins, puis obtenez le code du widget.

[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]

:7. ~~Copy the whole~~ code ~~from the popup and insert it to~~ HTML ~~field on~~ Shopify ~~side~~. ~~Adjust container width if necessary~~. ~~Save~~ ~~the changes~~

: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.

[[File:Insert html to shopify side.png|border|center]]

:8. ~~As the result you will see how the booking~~ widget ~~looks like right away~~.

:8. Vous verrez immédiatement à quoi ressemble le widget de réservation.

[[File:Shopify widget result.png|border|center]]

~~</div>~~

@@ Line 4: / Line 4: @@
 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
-<div lang="en" dir="ltr" class="mw-content-ltr">
+: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. Please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online Store</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Customize</span> in your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Shopify account.</span>
 [[File:Shopify customize theme.png|border|center]]
 <br><br>
-:2. Select the section you would like to edit on the left or add a new one.
+:2. Sélectionnez la section que vous souhaitez modifier à gauche ou ajoutez-en une nouvelle.
 [[File:Shopify add section.png|border|center]]
 <br><br>
-:3. Choose to add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom content.</span>
+:3. Choisissez d'ajouter <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">du contenu personnalisé.</span>
 [[File:Shopify select custom content.png|border|center]]
 <br><br>
-: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. 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]]
 <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>
+: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]]
 <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>
+: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]]
 <br><br>
-: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
+: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]]
 <br><br>
-:8. As the result you will see how the booking widget looks like right away.
+:8. Vous verrez immédiatement à quoi ressemble le widget de réservation.
 [[File:Shopify widget result.png|border|center]]
 <br><br><br><br>
-</div>