[{"data":1,"prerenderedAt":600},["ShallowReactive",2],{"h1934666393":3,"h3161948654":355,"h1678490841":566,"h689795735":582},{"id":4,"title":5,"body":6,"description":346,"extension":347,"meta":348,"navigation":350,"path":351,"seo":352,"stem":353,"__hash__":354},"docs/en/docs/line-mini-app/demo/tableorder-demo.md","Table order demo",{"type":7,"value":8,"toc":302},"minimark",[9,16,19,23,27,30,33,36,41,44,52,63,67,70,135,158,162,167,172,175,179,182,186,190,193,197,200,204,207,209,213,216,219,225,232,253,258,264,283,287],[10,11,13],"h1",{"id":12},"",[14,15],"page-title",{},[17,18],"markdown-controls",{},[20,21],"partial",{"content":22},"documentation-partials/api-use-case/announcement-of-page/",[24,25,26],"p",{},"Users can complete everything from pre-ordering to payment (including delivery) for products via the LINE MINI App, both inside and outside the store.",[24,28,29],{},"By linking the LINE MINI App with a LINE Official Account, it becomes possible to seamlessly acquire friends for the LINE Official Account while users are engaging with the service. Furthermore, by utilizing user data obtained through the LINE MINI App, more efficient promotional activities can be achieved. (* Only when provided within the same provider.)",[24,31,32],{},"* You must obtain the user's consent to collect and utilize behavioral data linked to their LINE account.",[34,35],"toc",{},[37,38,40],"h2",{"id":39},"about-demo","View the demo",[24,42,43],{},"You can view the demo by launching LINE on your smartphone and scanning this QR code.",[24,45,46],{},[47,48],"img",{"alt":12,"className":49,"src":51},[50],"w-fix-560","/media/line-mini-app/demo/tableorder-demo/tableorder-en-qr-img.webp",[53,54,57,60],"admonition",{"title":55,"type":56},"Data that the demo app retrieves","note",[24,58,59],{},"Please note that the demo app will access your LINE account profile information, including your display name and user ID. Your user ID will be stored on the server, but this data will be deleted daily. Payment will be made from the LINE Pay balance prepared by this demo app. No actual payment method is selected or payment is made.",[24,61,62],{},"Please use this service with the above points in mind.",[37,64,66],{"id":65},"demo-app-flow","How to use",[24,68,69],{},"* The screen design may vary depending on your version.",[71,72,74,90],"table",{"class":73},"headless",[75,76,77],"thead",{},[78,79,80,84,86,88],"tr",{},[81,82,83],"th",{},"dummy",[81,85,83],{},[81,87,83],{},[81,89,83],{},[91,92,93,121],"tbody",{},[78,94,95,103,109,115],{},[96,97,98],"td",{},[47,99],{"alt":12,"className":100,"src":102},[101],"w-fix-200","/media/line-mini-app/demo/tableorder-demo/tableorder-en-image1.webp",[96,104,105],{},[47,106],{"alt":12,"className":107,"src":108},[101],"/media/line-mini-app/demo/tableorder-demo/tableorder-en-image2.webp",[96,110,111],{},[47,112],{"alt":12,"className":113,"src":114},[101],"/media/line-mini-app/demo/tableorder-demo/tableorder-en-image3.webp",[96,116,117],{},[47,118],{"alt":12,"className":119,"src":120},[101],"/media/line-mini-app/demo/tableorder-demo/tableorder-en-image4.webp",[78,122,123,126,129,132],{},[96,124,125],{},"1.Scan the QR code",[96,127,128],{},"2.Authorize the required permissions",[96,130,131],{},"3.Select a product and place an order",[96,133,134],{},"4.Checkout",[53,136,139],{"title":137,"type":138},"Point","tip",[140,141,142,146,149,152,155],"ol",{},[143,144,145],"li",{},"Complete everything from ordering to checkout with a smartphone, which reduces contact with store clerks and helps prevent infections",[143,147,148],{},"Multiple people can order and pay separately",[143,150,151],{},"Reduce labor, labor costs, and terminal leasing costs by introducing an app",[143,153,154],{},"Communicate with end users online",[143,156,157],{},"Deliver messages based on the user's operation and store visit history with the table order app",[37,159,161],{"id":160},"mini-app-merit","Benefits",[163,164,166],"h3",{"id":165},"merit-for-endusers","End user benefits",[168,169,171],"h4",{"id":170},"merit-for-endusers-1","1. Complete everything from ordering to checkout with a smartphone, which reduces contact with store clerks and helps prevent infections",[24,173,174],{},"You can launch a LINE MINI App by scanning the QR code on the table. If you place an order and complete checkout at your table using the LINE MINI App, you won’t need face-to-face contact, which is helpful for infection control.",[168,176,178],{"id":177},"merit-for-endusers-2","2. Multiple people can order and pay separately",[24,180,181],{},"Table order apps are also useful when you come to a restaurant with a large group. Stores are often equipped with one terminal per table, but in this case, only one person can operate it at a time. With the table order app, each person can order at the same time with their own smartphone. Also, each person can pay the bill separately, saving you the trouble of splitting the bill.",[163,183,185],{"id":184},"merit-for-service-provider","Service provider benefits",[168,187,189],{"id":188},"merit-for-service-provider-1","1. Reduce labor, labor costs, and terminal leasing costs by introducing an app",[24,191,192],{},"Reduce the burden of handling orders and payments on employees and improve work efficiency. It can also help prevent infectious diseases by reducing the need for face-to-face contact. Also, if you want to introduce table ordering using a dedicated tablet, you need to pay for the lease of the ordering terminal. With the table order app, the user's smartphone is used instead of the order terminal, so there is no need to pay for the order terminal lease.",[168,194,196],{"id":195},"merit-for-service-provider-2","2. You can also provide customer support by handling user inquiries",[24,198,199],{},"You can prompt users to add the LINE Official Account as a friend on the first authentication screen. You can send push messages, such as sales promotions, and accept inquiries at a later date to users who add the LINE Official Account as a friend.",[168,201,203],{"id":202},"merit-for-service-provider-3","3. Deliver messages based on the user's operation and store visit history with the table order app",[24,205,206],{},"You can record the operation and store visit history of the table order app by linking it to the user ID. If the conditions are met, you can send useful information to users via LINE based on these records as a sales promotion measure, such as increasing the rate of repeat visits.",[24,208,32],{},[37,210,212],{"id":211},"system-diagram-and-sequence-diagram","System and sequence diagram of the demo application",[24,214,215],{},"This figure shows how the demo app uses the LINE API.",[24,217,218],{},"* The figure includes functions that are not implemented in the demo app.",[24,220,221],{},[222,223,224],"strong",{},"System diagram",[24,226,227],{},[47,228],{"alt":12,"className":229,"src":231},[230],"border","/media/line-mini-app/demo/tableorder-demo/tableorder-system-diagram-en.webp",[233,234,235],"ul",{},[143,236,237,238],{},"System diagram for using the other services\n",[233,239,240,247],{},[143,241,242],{},[243,244,246],"file-link",{"file":245},"/media/line-mini-app/demo/tableorder-demo/tableorder-system-diagram-aws-en.webp","\nSystem diagram using AWS\n",[143,248,249],{},[243,250,252],{"file":251},"/media/line-mini-app/demo/tableorder-demo/tableorder-system-diagram-azure-en.webp","\nSystem diagram using Azure\n",[24,254,255],{},[222,256,257],{},"Sequence diagram",[24,259,260],{},[47,261],{"alt":12,"className":262,"src":263},[230],"/media/line-mini-app/demo/tableorder-demo/tableorder-sequence-diagram-en.webp",[233,265,266],{},[143,267,268,269],{},"Sequence diagram for using the other services\n",[233,270,271,277],{},[143,272,273],{},[243,274,276],{"file":275},"/media/line-mini-app/demo/tableorder-demo/tableorder-sequence-diagram-aws-en.webp","\nSequence diagram using AWS\n",[143,278,279],{},[243,280,282],{"file":281},"/media/line-mini-app/demo/tableorder-demo/tableorder-sequence-diagram-azure-en.webp","\nSequence diagram using Azure\n",[37,284,286],{"id":285},"links","Related links",[233,288,289,296],{},[143,290,291],{},[292,293,295],"a",{"href":294},"/docs/messaging-api/","Messaging API documentation",[143,297,298],{},[292,299,301],{"href":300},"/docs/line-mini-app/","LINE MINI App documentation",{"title":12,"searchDepth":303,"depth":303,"links":304},4,[305,309,312,340,343],{"id":306,"depth":307,"text":308},"view-the-demo-about-demo",2,"View the demo {#about-demo}",{"id":310,"depth":307,"text":311},"how-to-use-demo-app-flow","How to use {#demo-app-flow}",{"id":313,"depth":307,"text":314,"children":315},"benefits-mini-app-merit","Benefits {#mini-app-merit}",[316,327],{"id":317,"depth":318,"text":319,"children":320},"end-user-benefits-merit-for-endusers",3,"End user benefits {#merit-for-endusers}",[321,324],{"id":322,"depth":303,"text":323},"_1-complete-everything-from-ordering-to-checkout-with-a-smartphone-which-reduces-contact-with-store-clerks-and-helps-prevent-infections-merit-for-endusers-1","1. Complete everything from ordering to checkout with a smartphone, which reduces contact with store clerks and helps prevent infections {#merit-for-endusers-1}",{"id":325,"depth":303,"text":326},"_2-multiple-people-can-order-and-pay-separately-merit-for-endusers-2","2. Multiple people can order and pay separately {#merit-for-endusers-2}",{"id":328,"depth":318,"text":329,"children":330},"service-provider-benefits-merit-for-service-provider","Service provider benefits {#merit-for-service-provider}",[331,334,337],{"id":332,"depth":303,"text":333},"_1-reduce-labor-labor-costs-and-terminal-leasing-costs-by-introducing-an-app-merit-for-service-provider-1","1. Reduce labor, labor costs, and terminal leasing costs by introducing an app {#merit-for-service-provider-1}",{"id":335,"depth":303,"text":336},"_2-you-can-also-provide-customer-support-by-handling-user-inquiries-merit-for-service-provider-2","2. You can also provide customer support by handling user inquiries {#merit-for-service-provider-2}",{"id":338,"depth":303,"text":339},"_3-deliver-messages-based-on-the-users-operation-and-store-visit-history-with-the-table-order-app-merit-for-service-provider-3","3. Deliver messages based on the user's operation and store visit history with the table order app {#merit-for-service-provider-3}",{"id":341,"depth":307,"text":342},"system-and-sequence-diagram-of-the-demo-application-system-diagram-and-sequence-diagram","System and sequence diagram of the demo application {#system-diagram-and-sequence-diagram}",{"id":344,"depth":307,"text":345},"related-links-links","Related links {#links}",null,"md",{"tags":346,"author":346,"last_updated":346,"source_language":349},"en",true,"/en/docs/line-mini-app/demo/tableorder-demo",{"title":5,"description":346},"en/docs/line-mini-app/demo/tableorder-demo","ygap743Bq-pXNPIk6PF8O2v_Txj3gH9dx_TMWQsHB-g",{"id":4,"title":5,"body":356,"description":346,"extension":347,"meta":564,"navigation":350,"path":351,"seo":565,"stem":353,"__hash__":354},{"type":7,"value":357,"toc":547},[358,362,364,366,368,370,372,374,376,378,383,389,391,393,441,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,493,498,512,516,521,535,537],[10,359,360],{"id":12},[14,361],{},[17,363],{},[20,365],{"content":22},[24,367,26],{},[24,369,29],{},[24,371,32],{},[34,373],{},[37,375,40],{"id":39},[24,377,43],{},[24,379,380],{},[47,381],{"alt":12,"className":382,"src":51},[50],[53,384,385,387],{"title":55,"type":56},[24,386,59],{},[24,388,62],{},[37,390,66],{"id":65},[24,392,69],{},[71,394,395,407],{"class":73},[75,396,397],{},[78,398,399,401,403,405],{},[81,400,83],{},[81,402,83],{},[81,404,83],{},[81,406,83],{},[91,408,409,431],{},[78,410,411,416,421,426],{},[96,412,413],{},[47,414],{"alt":12,"className":415,"src":102},[101],[96,417,418],{},[47,419],{"alt":12,"className":420,"src":108},[101],[96,422,423],{},[47,424],{"alt":12,"className":425,"src":114},[101],[96,427,428],{},[47,429],{"alt":12,"className":430,"src":120},[101],[78,432,433,435,437,439],{},[96,434,125],{},[96,436,128],{},[96,438,131],{},[96,440,134],{},[53,442,443],{"title":137,"type":138},[140,444,445,447,449,451,453],{},[143,446,145],{},[143,448,148],{},[143,450,151],{},[143,452,154],{},[143,454,157],{},[37,456,161],{"id":160},[163,458,166],{"id":165},[168,460,171],{"id":170},[24,462,174],{},[168,464,178],{"id":177},[24,466,181],{},[163,468,185],{"id":184},[168,470,189],{"id":188},[24,472,192],{},[168,474,196],{"id":195},[24,476,199],{},[168,478,203],{"id":202},[24,480,206],{},[24,482,32],{},[37,484,212],{"id":211},[24,486,215],{},[24,488,218],{},[24,490,491],{},[222,492,224],{},[24,494,495],{},[47,496],{"alt":12,"className":497,"src":231},[230],[233,499,500],{},[143,501,237,502],{},[233,503,504,508],{},[143,505,506],{},[243,507,246],{"file":245},[143,509,510],{},[243,511,252],{"file":251},[24,513,514],{},[222,515,257],{},[24,517,518],{},[47,519],{"alt":12,"className":520,"src":263},[230],[233,522,523],{},[143,524,268,525],{},[233,526,527,531],{},[143,528,529],{},[243,530,276],{"file":275},[143,532,533],{},[243,534,282],{"file":281},[37,536,286],{"id":285},[233,538,539,543],{},[143,540,541],{},[292,542,295],{"href":294},[143,544,545],{},[292,546,301],{"href":300},{"title":12,"searchDepth":303,"depth":303,"links":548},[549,550,551,562,563],{"id":306,"depth":307,"text":308},{"id":310,"depth":307,"text":311},{"id":313,"depth":307,"text":314,"children":552},[553,557],{"id":317,"depth":318,"text":319,"children":554},[555,556],{"id":322,"depth":303,"text":323},{"id":325,"depth":303,"text":326},{"id":328,"depth":318,"text":329,"children":558},[559,560,561],{"id":332,"depth":303,"text":333},{"id":335,"depth":303,"text":336},{"id":338,"depth":303,"text":339},{"id":341,"depth":307,"text":342},{"id":344,"depth":307,"text":345},{"tags":346,"author":346,"last_updated":346,"source_language":349},{"title":5,"description":346},[567,568,569,580,581],{"id":39,"text":40,"depth":307,"children":-1},{"id":65,"text":66,"depth":307,"children":-1},{"id":160,"text":161,"depth":307,"children":570},[571,575],{"id":165,"text":166,"depth":318,"children":572},[573,574],{"id":170,"text":171,"depth":303,"children":-1},{"id":177,"text":178,"depth":303,"children":-1},{"id":184,"text":185,"depth":318,"children":576},[577,578,579],{"id":188,"text":189,"depth":303,"children":-1},{"id":195,"text":196,"depth":303,"children":-1},{"id":202,"text":203,"depth":303,"children":-1},{"id":211,"text":212,"depth":307,"children":-1},{"id":285,"text":286,"depth":307,"children":-1},{"id":583,"title":584,"body":585,"description":12,"extension":347,"meta":595,"navigation":350,"path":596,"seo":597,"stem":598,"__hash__":599},"docs/en/_partials/documentation-partials/api-use-case/announcement-of-page.md","Announcement Of Page",{"type":7,"value":586,"toc":593},[587],[53,588,590],{"title":589,"type":138},"About this page",[24,591,592],{},"This page contains articles migrated from the LINE API Use Case site (closed on March 31, 2026) to the LINE Developers site. Note that the content of the articles reflects the information available at the time of publication.",{"title":12,"searchDepth":303,"depth":303,"links":594},[],{},"/en/_partials/documentation-partials/api-use-case/announcement-of-page",{"description":12},"en/_partials/documentation-partials/api-use-case/announcement-of-page","IAlj2_LKL5Jx_I6RyzptVgB-2VqQ-6lm0ak5NbhOdOA",1775115114893]