Shopify/fr: Difference between revisions
Created page with ";Comment définir" |
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..." |
||
| (3 intermediate revisions by 2 users not shown) | |||
| 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. | 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 | ;Comment définir | ||
| 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> | ||