|
|
| Line 8: |
Line 8: |
| [[File:Shopify select custom content.png|border|center]] | | [[File:Shopify select custom content.png|border|center]] |
| <br><br> | | <br><br> |
| :4. Klicken Sie auf <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Inhalt hinzufügen</span> ” und wählen Sie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">„Benutzerdefiniertes HTML</span>[[File:Select html.png|border|center]]
| |
| [[File:Select html.png|border|center]]
| |
| <br><br>
| |
| :5. Navigieren Sie zu Ihrem <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me-Konto</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Einstellungen</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Einstellungen für Buchungs-Widgets</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]]
| |
| [[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. Passen Sie das Design nach Ihren Wünschen und Anforderungen an und <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">kopieren Sie den 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>
| |
| :7. Kopieren Sie den gesamten Code aus dem Popup-Fenster und fügen Sie ihn in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">das HTML-Feld</span> auf der Shopify-Seite ein. Passen Sie gegebenenfalls die Breite des Containers an. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Speichern Sie</span> die Änderungen
| |
| [[File:Insert html to shopify side.png|border|center]]
| |
| <br><br>
| |
| :8. Als Ergebnis sehen Sie sofort, wie das Buchungs-Widget aussieht.
| |
| [[File:Shopify widget result.png|border|center]]
| |
| <br><br><br><br>
| |