LINE LIFF Custom Feature/fr - Revision history

FuzzyBot: Updating to match new version of source page

2026-02-16T13:41:19Z

Updating to match new version of source page

← Older revision		Revision as of 13:41, 16 February 2026
Line 3:		Line 3:
	{{#seo:		{{#seo:
	\|title=Line Liff Custom Feature - SimplyBook.me		\|title=Line Liff Custom Feature - SimplyBook.me
	\|description=~~Enable~~ LINE ~~LIFF~~ integration for seamless ~~client communication. Expand your reach through LINE~~. ~~Activate this feature now!~~		\|description=LINE Front-end Framework integration. Enhanced LINE messenger booking experience. Rich interface within LINE app for seamless booking flow.
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, line integration, line liff, book with line		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, line integration, line liff, book with line

Admin: Created page with "left L'intégration de LINE LIFF à SimplyBook.me offre aux entreprises une opportunité unique d'améliorer leur processus de prise de rendez-vous et l'engagement de leurs clients. En proposant une expérience fluide et efficace directement dans l'application de messagerie Line, les entreprises peuvent attirer et fidéliser leurs clients, rationaliser leurs opérations et garder une longueur d'avance sur leurs concurrents.

'''R..."

2025-05-19T15:37:29Z

Created page with "100px|left L'intégration de LINE LIFF à SimplyBook.me offre aux entreprises une opportunité unique d'améliorer leur processus de prise de rendez-vous et l'engagement de leurs clients. En proposant une expérience fluide et efficace directement dans l'application de messagerie Line, les entreprises peuvent attirer et fidéliser leurs clients, rationaliser leurs opérations et garder une longueur d'avance sur leurs concurrents. <br><br> '''R..."

← Older revision		Revision as of 15:37, 19 May 2025
Line 64:		Line 64:
	[[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 lang="en" dir="ltr" class="mw-content-ltr">~~		:Dans les paramètres des fonctionnalités personnalisées, vous pouvez également voir l'URL de rappel du webhook. Veuillez la copier et la coller dans le champ URL du webhook dans l'API Line//Messaging.
	:~~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. Dans l'API Messaging côté LINE, vous devez faire défiler vers le bas jusqu'à Channel access token (Jeton d'accès au canal), le générer, copier la valeur obtenue et l'insérer dans les paramètres LINE LIFF de Simplybook.me.
	: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. Veuillez retourner sur le canal LINE Login, cliquer sur le statut « Developing » sous le nom du canal et le changer en « Publish ».<br>
	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. Une fois publié, vous devez vous connecter au [https://manager.line.biz/ compte officiel Line] avec le même compte LINE que celui utilisé pour la console développeurs.
	: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~~.		:Lorsque vous y accédez, veuillez cliquer sur l'option « Rich Menu » dans la navigation, puis sur « Create a 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. Remplissez les champs obligatoires.
	:13. ~~Fill in the required fields~~.		:Dans le menu Contenu, sélectionnez le modèle et ajoutez l'image.
	:In menu ~~Content please select the template and add the~~ image.		:Choisissez le type « Lien » dans le bloc Actions et ajoutez l'URL LIFF à partir de la console développeur//canal de connexion LINE.
	:~~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. Pour associer le compte officiel LINE au compte LINE Developers, rendez-vous dans la console développeur et cliquez sur le canal LINE Login. Dans Linked OA, vous devez sélectionner le compte officiel pour associer les deux comptes.
	: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. Après avoir ouvert la page du compte officiel LINE dans l'application LINE, les clients peuvent cliquer sur le menu pour lancer le processus de réservation. Au cours de ce processus, ils peuvent sélectionner les services, la date et l'heure qu'ils souhaitent réserver, se connecter à leur compte LINE et confirmer la réservation.
	: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~~.		:L'intégration permet également aux clients de consulter facilement leurs réservations dans ce widget intégré à l'application.
	:~~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~~">		<span id="How_to_customize_LINE_Official_Account_notifications?"></span>
	==~~How to customize~~ LINE ~~Official Account notifications~~?==		== Comment personnaliser les notifications du compte officiel LINE ? ==
	~~</div>~~

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		Accédez au panneau d'administration de SimplyBook.me, sélectionnez Paramètres → Paramètres e-mail et SMS. Les textes des notifications de réservation LINE seront cohérents avec le contenu des notifications SMS. Si vous souhaitez modifier les informations incluses, vous pouvez modifier les modèles correspondants à cet endroit.
	~~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">~~		'''Remarque :''' si vous ne cochez pas les cases correspondant aux notifications SMS aux clients dans Paramètres → Paramètres e-mail et SMS, le système continuera d'envoyer automatiquement des rappels de rendez-vous et d'autres notifications de rendez-vous via 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~~>

Admin: Created page with ":1. Pour activer cette fonctionnalité, accédez à la section Fonctionnalités personnalisées à l'aide du menu de gauche de votre interface d'administration, recherchez LINE LIFF, puis cliquez sur le bouton Activer ou utilisez le commutateur. link=https://help.simplybook.me/images/3/38/Line_liff_enable_path_redesigned.png"

2025-05-19T15:37:12Z

Created page with ":1. Pour activer cette fonctionnalité, accédez à la section Fonctionnalités personnalisées à l'aide du menu de gauche de votre interface d'administration, recherchez LINE LIFF, puis cliquez sur le bouton Activer ou utilisez le commutateur. 1200px|center|link=https://help.simplybook.me/images/3/38/Line_liff_enable_path_redesigned.png"

New page

<languages/>

{{#seo:
|title=Line Liff Custom Feature - SimplyBook.me
|description=Enable LINE LIFF integration for seamless client communication. Expand your reach through LINE. Activate this feature now!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, line integration, line liff, book with line
}}

[[File:Line liff icon.png|100px|left]] L'intégration de LINE LIFF à SimplyBook.me offre aux entreprises une opportunité unique d'améliorer leur processus de prise de rendez-vous et l'engagement de leurs clients. En proposant une expérience fluide et efficace directement dans l'application de messagerie Line, les entreprises peuvent attirer et fidéliser leurs clients, rationaliser leurs opérations et garder une longueur d'avance sur leurs concurrents.
<br><br>
'''Remarque :''' la fonctionnalité personnalisée « [[Special:MyLanguage/Client Fields Custom Feature|Champs client]]'''»''' n'est pas compatible avec la fonctionnalité LINE LIFF.
<br><br>
; Comment utiliser

:1. Pour activer cette fonctionnalité, accédez à la section Fonctionnalités personnalisées à l'aide du menu de gauche de votre interface d'administration, recherchez LINE LIFF, puis cliquez sur le bouton Activer ou utilisez le commutateur.
[[File:Line liff enable path redesigned.png|1200px|center|link=https://help.simplybook.me/images/3/38/Line_liff_enable_path_redesigned.png]]

:2. Pour intégrer une application LIFF, vous devez créer un fournisseur et un canal sur la [https://developers.line.biz/console/ console LINE Developers].

:3. Une fois que vous vous êtes inscrit, passez à la création d'une instance de fournisseur.
:(le fournisseur peut être un individu, une entreprise ou une organisation qui fournit des services via la plateforme LINE)
:Saisissez le nom souhaité ou le nom de l'entreprise comme nom du fournisseur dans le formulaire correspondant.
[[File:Line developers create account.png|1200px|center|link=https://help.simplybook.me/images/a/a4/Line_developers_create_account.png]]

:4. Ensuite, créez un canal LINE Login.
[[File:Create line login channel.png|1200px|center|link=https://help.simplybook.me/images/1/13/Create_line_login_channel.png]]

:5. Ajoutez les informations dans les champs obligatoires.<br>
:Veillez à sélectionner « Application Web » dans la section « Types d'application » et à saisir l'adresse e-mail.<br>
:Une fois que vous avez accepté le « Contrat des développeurs LINE », cliquez sur le bouton « Créer » pour terminer cette étape.
[[File:Create line channel form.png|1200px|center|link=https://help.simplybook.me/images/c/c7/Create_line_channel_form.png]]

:6. Une fois la connexion LINE créée, cliquez sur l'onglet LIFF et ajoutez-y l'application LIFF.
[[File:Add liff app path.png|1200px|center|link=https://help.simplybook.me/images/2/21/Add_liff_app_path.png]]

Vous devez saisir les données suivantes :
**Nom de l'application LIFF : nom de votre marque/entreprise ;
**Sélectionnez la taille de l'application ;
**URL du point de terminaison : doit être copiée à partir de l'URL LIFF (paramètres de la fonctionnalité LIFF de Simplybook.me LINE) ;
**(obligatoire) Sélectionnez les champs suivants : openid et profile, sinon l'intégration pourrait ne pas fonctionner ou ne pas fonctionner correctement ;
**La fonctionnalité Bot Link doit être activée.
[[File:Line liff form.png|1200px|center|link=https://help.simplybook.me/images/e/e2/Line_liff_form.png]]

:Une fois tous les paramètres ci-dessus définis, cliquez sur le bouton vert Ajouter pour ajouter LINE LIFF.
:7. Vous serez alors redirigé vers la page où vous pourrez voir votre identifiant LIFF.
:Veuillez copier l'identifiant LIFF et le saisir dans le champ correspondant sur Simplybook.
[[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]]

:8. Si vous souhaitez que vos clients reçoivent des notifications push concernant le statut de leur réservation ou d'autres rappels (similaires à des SMS), vous pouvez activer l'option « Activer les demandes d'ajout à la liste d'amis avec votre chaîne LINE » dans la fonctionnalité personnalisée Simplybook LINE LIFF et insérer le « jeton d'accès à la chaîne ».<br>
:(les informations sur la manière d'obtenir le jeton d'accès au canal seront présentées plus loin dans le 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]]

:En outre, vous devez configurer l'URL de rappel côté LINE. Cela nous permettra de recevoir des informations lorsqu'un client devient votre ami sur votre chaîne LINE.
:Pour ce faire, veuillez vous rendre sur votre console LINE LIFF Developers, sélectionner le compte fournisseur précédemment ajouté et créer une nouvelle chaîne appelée « Messaging API »
:(les deux chaînes doivent être sous le même fournisseur pour que toutes les connexions fonctionnent)
[[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]]

:9. Une fois ces paramètres définis, sélectionnez l'onglet API Message pour obtenir l'ID de base du bot. Copiez et collez l'ID du bot dans le champ Nom du compte de la fonctionnalité personnalisée LINE LIFF de SimplyBook.me.<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 channel account name redesigned.png|1200px|center|link=https://help.simplybook.me/images/f/f3/Line_liff_channel_account_name_redesigned.png]]

<div lang="en" dir="ltr" class="mw-content-ltr">
: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 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 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 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. 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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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.
: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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
:13. Fill in the required fields.
:In menu Content please select the template and add the image.
: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: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. 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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
: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.
: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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
==How to customize LINE Official Account notifications?==
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
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]]
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
'''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>