Difference between revisions of "LINE LIFF Custom Feature/de"

From SimplyBook.me
(Created page with ":5. Fügen Sie die Informationen in die erforderlichen Felder ein. :Vergewissern Sie sich, dass Sie im Abschnitt "App-Typen" die Web-App auswählen und geben Sie auch die E-Ma...")
(Created page with "'''Bemerkung:''' Wenn Sie unter Einstellungen → E-Mail- und SMS-Einstellungen die Kästchen für Kunden-SMS-Benachrichtigungen nicht aktivieren, sendet das System dennoch au...")
 
(15 intermediate revisions by the same user not shown)
Line 32: Line 32:
 
[[File:Create line channel form.png|1200px|center|link=https://help.simplybook.me/images/c/c7/Create_line_channel_form.png]]
 
[[File:Create line channel form.png|1200px|center|link=https://help.simplybook.me/images/c/c7/Create_line_channel_form.png]]
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:6. Nachdem das LINE Login erstellt wurde, klicken Sie auf den Reiter LIFF und fügen Sie dort die LIFF App hinzu.
:6. After the LINE Login is created, click on LIFF taband add the LIFF app there.  
 
 
[[File:Add liff app path.png|1200px|center|link=https://help.simplybook.me/images/2/21/Add_liff_app_path.png]]
 
[[File:Add liff app path.png|1200px|center|link=https://help.simplybook.me/images/2/21/Add_liff_app_path.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
Sie müssen die folgenden Daten eingeben:
You need to enter the following data:
+
 
**LIFF app name: your brand/company name;
+
**LIFF App Name: Ihr Markenname/Firmenname;
**Select the app size;
+
**Wählen Sie die App-Größe;
**Endpoint URL: should be copied from LIFF url (Simplybook.me LINE LIFF feature settings);
+
**Endpunkt-URL: sollte von der LIFF-URL kopiert werden (Simplybook.me LINE LIFF Funktionseinstellungen);
**(obligatory) Select the following Scopes: openid and profile, otherwise the integration may not work or may not work properly;
+
**(obligatorisch) Wählen Sie die folgenden Bereiche: openid und profile, andernfalls funktioniert die Integration möglicherweise nicht oder nicht richtig;
**Bot Link feature should be turned on.
+
**Die Bot-Link-Funktion sollte aktiviert sein.
 
[[File:Line liff form.png|1200px|center|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]
 
[[File:Line liff form.png|1200px|center|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:Nachdem Sie alle oben genannten Einstellungen vorgenommen haben, klicken Sie auf die grüne Schaltfläche Hinzufügen, um LINE LIFF hinzuzufügen.
:After all the above settings are completed, click the green Add button to add LINE LIFF.
+
:7. Dann werden Sie auf die Seite weitergeleitet, auf der Sie Ihre LIFF ID sehen können.
:7. Then you will be directed to the page where you can see your LIFF ID.  
+
:Bitte kopieren Sie die LIFF-ID und geben Sie sie in das entsprechende Feld auf der Simplybook-Seite ein.
:Please copy the LIFF ID and input it to the corresponding field on the Simplybook side.  
 
 
[[File:Line liff id from.png|1200px|center|link=https://help.simplybook.me/images/5/5e/Line_liff_id_from.png]]
 
[[File:Line liff id from.png|1200px|center|link=https://help.simplybook.me/images/5/5e/Line_liff_id_from.png]]
 
[[File:Liff id form redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Liff_id_form_redesigned.png]]
 
[[File:Liff id form redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Liff_id_form_redesigned.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:8. Wenn Sie möchten, dass Ihre Kunden Push-Benachrichtigungen über ihren Buchungsstatus oder andere Erinnerungen (ähnlich wie SMS) erhalten, können Sie die Option "Freundschaftsanfrage mit Ihrem LINE-Kanal aktivieren" in Simplybook LINE LIFF Custom Feature aktivieren und das "Channel access token" einfügen.
:8. If you want your clients to receive push notifications about their booking status or other reminders (similar to SMS), you can turn on the "Enable friend request with your LINE channel" option in Simplybook LINE LIFF Custom Feature and insert the "Channel access token".<br>
+
:(Informationen zum Erhalt des Kanalzugangs-Tokens finden Sie weiter unten in der Anleitung)
:(the information on how to obtain the Channel access token will be presented further in the guide)
 
 
[[File:Line liff enable friend request redesigned.png|1200px|center|link=https://help.simplybook.me/images/7/70/Line_liff_enable_friend_request_redesigned.png]]
 
[[File:Line liff enable friend request redesigned.png|1200px|center|link=https://help.simplybook.me/images/7/70/Line_liff_enable_friend_request_redesigned.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:Darüber hinaus müssen Sie die Callback-URL auf der LINE-Seite konfigurieren. Dadurch können wir Informationen erhalten, wenn ein Kunde Ihr Freund in Ihrem LINE-Kanal wird.
:In addition, you need to configure the Callback URL on the LINE side. This will allow us to receive information when a client becomes your friend on your LINE channel.
+
:Gehen Sie dazu in Ihre LINE LIFF Developers Konsole, wählen Sie das zuvor hinzugefügte Anbieterkonto aus und erstellen Sie einen neuen Kanal namens "Messaging API".
:To do that please go to your LINE LIFF Developers console, select the previously added provider account and create new channel called “Messaging API”
+
:(beide Kanäle müssen unter demselben Anbieter sein, damit alle Verbindungen funktionieren)
:(both channels must be under the same provider for all the connections to work)
 
 
[[File:Line liff create a new channel.png|1200px|center|link=https://help.simplybook.me/images/4/4e/Line_liff_create_a_new_channel.png]]
 
[[File:Line liff create a new channel.png|1200px|center|link=https://help.simplybook.me/images/4/4e/Line_liff_create_a_new_channel.png]]
 
[[File:Line liff create new channel messaging api.png|1200px|center|link=https://help.simplybook.me/images/e/e7/Line_liff_create_new_channel_messaging_api.png]]
 
[[File:Line liff create new channel messaging api.png|1200px|center|link=https://help.simplybook.me/images/e/e7/Line_liff_create_new_channel_messaging_api.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:9. Nachdem Sie diese Einstellungen vorgenommen haben, wählen Sie die Registerkarte "Message API", um die Bot Basic ID zu erhalten. Kopieren Sie die Bot-ID und fügen Sie sie in das Feld Kanal-Kontoname von SimplyBook.me LINE LIFF Custom Feature ein.
:9. After completing these settings, select the Message API tab to get the Bot Basic ID. Copy and paste the Bot ID to the Channel account name field of SimplyBook.me LINE LIFF Custom Feature.<br>
 
 
[[File:Line liff get bot basic id.png|1200px|center|link=https://help.simplybook.me/images/3/3d/Line_liff_get_bot_basic_id.png]]
 
[[File:Line liff get bot basic id.png|1200px|center|link=https://help.simplybook.me/images/3/3d/Line_liff_get_bot_basic_id.png]]
 
[[File:Line liff channel account name redesigned.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.png]]
 
[[File:Line liff channel account name redesigned.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:In den Einstellungen der benutzerdefinierten Funktion können Sie auch die Webhook Callback URL sehen. Kopieren Sie diese und fügen Sie sie in das Feld Webhook URL auf der Line//Messaging API Seite ein.
:In the Custom Feature setting you can also see the Webhook Callback URL. Please copy it and paste it to the Webhook URL field on the Line//Messaging API side.  
 
 
[[File:Line liff webhook callback url redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/32/Line_liff_webhook_callback_url_redesigned.png]]
 
[[File:Line liff webhook callback url redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/32/Line_liff_webhook_callback_url_redesigned.png]]
 
[[File:Line liff webhook url to.png|1200px|center|link=https://help.simplybook.me/images/9/98/Line_liff_webhook_url_to.png]]
 
[[File:Line liff webhook url to.png|1200px|center|link=https://help.simplybook.me/images/9/98/Line_liff_webhook_url_to.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:10. In der Messaging API auf der LINE Seite müssen Sie zum Channel access token scrollen, es ausgeben, den Ergebniswert kopieren und in die Simplybook.me LINE LIFF Einstellungen einfügen.
:10. In the Messaging API on the LINE side you need to scroll down to the Channel access token, issue it, copy the result value and insert it to the Simplybook.me LINE LIFF settings.
 
 
[[File:Line liff access token copy.png|1200px|center|link=https://help.simplybook.me/images/3/3b/Line_liff_access_token_copy.png]]
 
[[File:Line liff access token copy.png|1200px|center|link=https://help.simplybook.me/images/3/3b/Line_liff_access_token_copy.png]]
 
[[File:Line liff channel access token redesigned.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Line_liff_channel_access_token_redesigned.png]]
 
[[File:Line liff channel access token redesigned.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Line_liff_channel_access_token_redesigned.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:11. Bitte gehen Sie zurück zum LINE Login-Kanal, klicken Sie auf den Status "Developing" unter dem Kanalnamen und ändern Sie ihn auf "Publish".
11. Please go back to the LINE Login channel, click the Developing status under the channel name, and change it to Publish.<br>
 
 
[[File:Line liff publish channel.png|1200px|center|link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png]]
 
[[File:Line liff publish channel.png|1200px|center|link=https://help.simplybook.me/images/9/9a/Line_liff_publish_channel.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:12. Nach der Veröffentlichung müssen Sie sich in das offizielle Line-Konto unter demselben LINE-Konto wie die Entwicklerkonsole einloggen.
:12. Once published, you need to log into the [https://manager.line.biz/ Line Official Account] under the same LINE account as the Developers Console.
+
:Wenn Sie darauf zugreifen, klicken Sie bitte auf die Option Rich Menu in der Navigation und erstellen Sie dort ein Rich Menu.
:When you access it, please click on Rich Menu option in the navigation and Create a Rich Menu there.  
 
 
[[File:Create a rich menu line liff.png|1200px|center|link=https://help.simplybook.me/images/8/80/Create_a_rich_menu_line_liff.png]]
 
[[File:Create a rich menu line liff.png|1200px|center|link=https://help.simplybook.me/images/8/80/Create_a_rich_menu_line_liff.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:13. Füllen Sie die erforderlichen Felder aus.
:13. Fill in the required fields.  
+
:Im Menü Inhalt wählen Sie die Vorlage aus und fügen das Bild hinzu.
:In menu Content please select the template and add the image.  
+
:Wählen Sie im Block Aktionen den Typ "Link" und fügen Sie die LIFF-URL aus dem Developer Console//LINE Login-Kanal hinzu.
:Choose “Link” type in Actions block and add the LIFF url from the Developer Console//LINE Login channel.  
 
 
[[File:Action type link.png|1200px|center|link=https://help.simplybook.me/images/4/4b/Action_type_link.png]]
 
[[File:Action type link.png|1200px|center|link=https://help.simplybook.me/images/4/4b/Action_type_link.png]]
 
[[File:Line liff url.png|1200px|center|link=https://help.simplybook.me/images/0/00/Line_liff_url.png]]
 
[[File:Line liff url.png|1200px|center|link=https://help.simplybook.me/images/0/00/Line_liff_url.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:14. Um das offizielle LINE-Konto mit dem LINE-Entwicklerkonto zu verknüpfen, gehen Sie bitte zur Entwicklerkonsole und klicken Sie auf den LINE-Login-Kanal. In der Linked OA müssen Sie das offizielle Konto auswählen, um beide Teile miteinander zu verbinden.
:14. To link LINE Official account with the LINE Developers account please to to the Developer Console and click on the LINE Login channel. In the Linked OA you need select the Official account to make both parts connected.  
 
 
[[File:Connect official account.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Connect_official_account.png]]
 
[[File:Connect official account.png|1200px|center|link=https://help.simplybook.me/images/2/2e/Connect_official_account.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
:15. Nach dem Öffnen der offiziellen LINE-Kontoseite in der LINE-App können Kunden auf das Menü klicken, um den Buchungsprozess zu starten. Während des Prozesses können sie die Dienstleistungen, das Datum und die Uhrzeit auswählen, die sie reservieren möchten, sich mit ihrem LINE-Konto anmelden und die Reservierung bestätigen.
:15. After opening the Official LINE account page in the LINE app, customers can click on the menu to start the booking process. During the process they can select the services, date and time they want to reserve, login with their LINE account and confirm the reservation.
+
:Die Integration ermöglicht es den Kunden auch, ihre Buchungen in diesem In-App-Widget zu sehen.
:The integration also allows the clients to easily see their bookings within this in-app widget.
 
 
[[File:Line app booking process.png|1200px|center|link=https://help.simplybook.me/images/0/0d/Line_app_booking_process.png]]
 
[[File:Line app booking process.png|1200px|center|link=https://help.simplybook.me/images/0/0d/Line_app_booking_process.png]]
</div>
 
  
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
==Wie kann ich die Benachrichtigungen für das offizielle LINE-Konto anpassen?==
==How to customize LINE Official Account notifications?==
 
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
Gehen Sie zum SimplyBook.me-Administrationsbereich und wählen Sie Konfiguration→ E-Mail- und SMS-Einstellungen. Die Texte der LINE-Buchungsbenachrichtigungen stimmen mit dem Inhalt der SMS-Benachrichtigungen überein. Wenn Sie die enthaltenen Informationen anpassen möchten, können Sie die entsprechenden Vorlagen dort bearbeiten.
Go to the SimplyBook.me admin panel, select Settings → Email and SMS Settings. The LINE booking notifications texts will be consistent with the SMS notification content. If you want to adjust the information included, you can edit the corresponding templates there.
 
 
[[File:Sms templated path redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Sms_templated_path_redesigned.png]]
 
[[File:Sms templated path redesigned.png|1200px|center|link=https://help.simplybook.me/images/8/8d/Sms_templated_path_redesigned.png]]
</div>
 
  
<div lang="en" dir="ltr" class="mw-content-ltr">
+
'''Bemerkung:''' Wenn Sie unter Einstellungen → E-Mail- und SMS-Einstellungen die Kästchen für Kunden-SMS-Benachrichtigungen nicht aktivieren, sendet das System dennoch automatisch Terminerinnerungen und andere Terminbenachrichtigungen über LINE.<br>
'''Remark:''' If you do not check the boxes for client SMS notifications in Settings → Email and SMS Settings, the system will still automatically send appointment reminders and other appointments notifications through LINE.<br>
 
</div>
 

Latest revision as of 13:58, 2 January 2025

Other languages:


Line liff icon.png

Die Integration von LINE LIFF mit SimplyBook.me bietet Unternehmen die Möglichkeit, ihren Terminbuchungsprozess und die Kundenbindung zu verbessern. Durch das Anbieten eines nahtlosen und effizienten Erlebnisses direkt in der Line Messaging App können Unternehmen Kunden anziehen und binden, ihre Abläufe rationalisieren und sich auf dem Markt behaupten.



Bitte beachten Sie! Die individuelle Funktion "Kundenfelder" ist nicht mit der LINE LIFF-Funktion kompatibel.

Wie verwenden Sie diese Funktion

1. Um diese Funktion zu aktivieren, gehen Sie zum Abschnitt Individuelle Funktionen im Menü auf der linken Seite Ihrer Verwaltungsoberfläche, suchen Sie LINE LIFF und klicken Sie auf die Schaltfläche Aktivieren oder verwenden Sie den Umschalter.
Line liff enable path redesigned.png
2. Um eine LIFF-App zu integrieren, müssen Sie einen Anbieter und einen Kanal in der LINE Developers Console erstellen.
3. Sobald Sie sich dort angemeldet haben, fahren Sie mit der Erstellung einer Provider-Instanz fort.
(Anbieter kann eine Einzelperson, ein Unternehmen oder eine Organisation sein, die Dienste über die LINE-Plattform anbietet)
Geben Sie den gewünschten Namen oder Firmennamen als Anbieternamen in das entsprechende Formular ein.
Line developers create account.png
4. Gehen Sie dann zum Erstellen eines LINE Login-Kanals.
Create line login channel.png
5. Fügen Sie die Informationen in die erforderlichen Felder ein.
Vergewissern Sie sich, dass Sie im Abschnitt "App-Typen" die Web-App auswählen und geben Sie auch die E-Mail-Adresse ein.
Sobald Sie die "LINE-Entwicklervereinbarung" akzeptiert haben, klicken Sie bitte auf "Erstellen", um diesen Schritt abzuschließen.
Create line channel form.png
6. Nachdem das LINE Login erstellt wurde, klicken Sie auf den Reiter LIFF und fügen Sie dort die LIFF App hinzu.
Add liff app path.png

Sie müssen die folgenden Daten eingeben:

    • LIFF App Name: Ihr Markenname/Firmenname;
    • Wählen Sie die App-Größe;
    • Endpunkt-URL: sollte von der LIFF-URL kopiert werden (Simplybook.me LINE LIFF Funktionseinstellungen);
    • (obligatorisch) Wählen Sie die folgenden Bereiche: openid und profile, andernfalls funktioniert die Integration möglicherweise nicht oder nicht richtig;
    • Die Bot-Link-Funktion sollte aktiviert sein.
Line liff form.png
Nachdem Sie alle oben genannten Einstellungen vorgenommen haben, klicken Sie auf die grüne Schaltfläche Hinzufügen, um LINE LIFF hinzuzufügen.
7. Dann werden Sie auf die Seite weitergeleitet, auf der Sie Ihre LIFF ID sehen können.
Bitte kopieren Sie die LIFF-ID und geben Sie sie in das entsprechende Feld auf der Simplybook-Seite ein.
Line liff id from.png
Liff id form redesigned.png
8. Wenn Sie möchten, dass Ihre Kunden Push-Benachrichtigungen über ihren Buchungsstatus oder andere Erinnerungen (ähnlich wie SMS) erhalten, können Sie die Option "Freundschaftsanfrage mit Ihrem LINE-Kanal aktivieren" in Simplybook LINE LIFF Custom Feature aktivieren und das "Channel access token" einfügen.
(Informationen zum Erhalt des Kanalzugangs-Tokens finden Sie weiter unten in der Anleitung)
Line liff enable friend request redesigned.png
Darüber hinaus müssen Sie die Callback-URL auf der LINE-Seite konfigurieren. Dadurch können wir Informationen erhalten, wenn ein Kunde Ihr Freund in Ihrem LINE-Kanal wird.
Gehen Sie dazu in Ihre LINE LIFF Developers Konsole, wählen Sie das zuvor hinzugefügte Anbieterkonto aus und erstellen Sie einen neuen Kanal namens "Messaging API".
(beide Kanäle müssen unter demselben Anbieter sein, damit alle Verbindungen funktionieren)
Line liff create a new channel.png
Line liff create new channel messaging api.png
9. Nachdem Sie diese Einstellungen vorgenommen haben, wählen Sie die Registerkarte "Message API", um die Bot Basic ID zu erhalten. Kopieren Sie die Bot-ID und fügen Sie sie in das Feld Kanal-Kontoname von SimplyBook.me LINE LIFF Custom Feature ein.
Line liff get bot basic id.png
Line liff channel account name redesigned.png
In den Einstellungen der benutzerdefinierten Funktion können Sie auch die Webhook Callback URL sehen. Kopieren Sie diese und fügen Sie sie in das Feld Webhook URL auf der Line//Messaging API Seite ein.
Line liff webhook callback url redesigned.png
Line liff webhook url to.png
10. In der Messaging API auf der LINE Seite müssen Sie zum Channel access token scrollen, es ausgeben, den Ergebniswert kopieren und in die Simplybook.me LINE LIFF Einstellungen einfügen.
Line liff access token copy.png
Line liff channel access token redesigned.png
11. Bitte gehen Sie zurück zum LINE Login-Kanal, klicken Sie auf den Status "Developing" unter dem Kanalnamen und ändern Sie ihn auf "Publish".
Line liff publish channel.png
12. Nach der Veröffentlichung müssen Sie sich in das offizielle Line-Konto unter demselben LINE-Konto wie die Entwicklerkonsole einloggen.
Wenn Sie darauf zugreifen, klicken Sie bitte auf die Option Rich Menu in der Navigation und erstellen Sie dort ein Rich Menu.
Create a rich menu line liff.png
13. Füllen Sie die erforderlichen Felder aus.
Im Menü Inhalt wählen Sie die Vorlage aus und fügen das Bild hinzu.
Wählen Sie im Block Aktionen den Typ "Link" und fügen Sie die LIFF-URL aus dem Developer Console//LINE Login-Kanal hinzu.
Action type link.png
Line liff url.png
14. Um das offizielle LINE-Konto mit dem LINE-Entwicklerkonto zu verknüpfen, gehen Sie bitte zur Entwicklerkonsole und klicken Sie auf den LINE-Login-Kanal. In der Linked OA müssen Sie das offizielle Konto auswählen, um beide Teile miteinander zu verbinden.
Connect official account.png
15. Nach dem Öffnen der offiziellen LINE-Kontoseite in der LINE-App können Kunden auf das Menü klicken, um den Buchungsprozess zu starten. Während des Prozesses können sie die Dienstleistungen, das Datum und die Uhrzeit auswählen, die sie reservieren möchten, sich mit ihrem LINE-Konto anmelden und die Reservierung bestätigen.
Die Integration ermöglicht es den Kunden auch, ihre Buchungen in diesem In-App-Widget zu sehen.
Line app booking process.png


Wie kann ich die Benachrichtigungen für das offizielle LINE-Konto anpassen?

Gehen Sie zum SimplyBook.me-Administrationsbereich und wählen Sie Konfiguration→ E-Mail- und SMS-Einstellungen. Die Texte der LINE-Buchungsbenachrichtigungen stimmen mit dem Inhalt der SMS-Benachrichtigungen überein. Wenn Sie die enthaltenen Informationen anpassen möchten, können Sie die entsprechenden Vorlagen dort bearbeiten.

Sms templated path redesigned.png

Bemerkung: Wenn Sie unter Einstellungen → E-Mail- und SMS-Einstellungen die Kästchen für Kunden-SMS-Benachrichtigungen nicht aktivieren, sendet das System dennoch automatisch Terminerinnerungen und andere Terminbenachrichtigungen über LINE.