{"id":11822,"date":"2018-03-03T08:04:47","date_gmt":"2018-03-03T08:04:47","guid":{"rendered":"https:\/\/kb.sambapos.com\/?p=11822"},"modified":"2026-03-25T14:34:51","modified_gmt":"2026-03-25T14:34:51","slug":"2-4-13-a-how-to-create-basic-customer-screen-html","status":"publish","type":"post","link":"https:\/\/kb.sambapos.com\/en\/2-4-13-a-how-to-create-basic-customer-screen-html\/","title":{"rendered":"2.4.13.a. How to Create Basic Customer Screen Html?"},"content":{"rendered":"<h2><strong>Creating Customer Screen for Browser &#8211; Basic Setup<\/strong><\/h2>\n<p><strong>Purpose:<\/strong>\u00a0Create it in case of the restaurant has Fast Food (Pre Paid) sales, to be able to display orders on Customer Screen line by line. (Product Image, Product Name, Product Quantity, Total Price)<\/p>\n<p><strong>Usage Area:<\/strong>\u00a0Restaurants which has Fast Food<strong>\u00a0<\/strong>(Pre Paid) sales.<\/p>\n<h4><span style=\"color: #ff0000;\"><strong>Before Starting:<\/strong><\/span><\/h4>\n<p><span style=\"color: #ff0000;\"><strong>In order to use this Customer Screen Configuration you need to have SambaPOS 5.7.2 or above version installed on your computer from our <span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"https:\/\/sambapos.com\/download-sambapos\/\">website<\/a>.<\/span><\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #000000;\"><strong>Improtant Notes:<\/strong><\/span><\/h3>\n<p><span style=\"color: #ff0000;\"><strong>NOT-1: In order to use this Customer Screen Configuration you need to have SambaPOS 5.7.2 or above version installed on your computer from our <span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"https:\/\/sambapos.com\/download-sambapos\/\">website<\/a>.<\/span><\/strong><\/span><\/p>\n<p><span style=\"color: #ff0000;\"><strong>NOT-2: In case you want to use the images and templates which are used in this document\u00a0 <span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2017\/10\/SambaPOS-Musteri-Ekrani.zip\">you can click here SambaPOS-Customer-Display<\/a>.<\/span><\/strong><\/span><\/p>\n<p><span style=\"color: #ff0000;\"><strong>NOT-3: After completing necessary settings you need to<span style=\"color: #000000;\"> restart your computer<\/span> for once.<\/strong><\/span><\/p>\n<h4><strong>Customer Screen View:<\/strong><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61032\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-09.jpg\" alt=\"\" width=\"640\" height=\"482\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-09.jpg 1015w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-09-300x226.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-09-768x579.jpg 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3><span style=\"color: #800000;\"><strong>1. Printer Settings<\/strong><\/span><\/h3>\n<h4><strong>1.1 Installing Custom Printer Module<\/strong><\/h4>\n<p>Login to SambaPOS as admin, on the navigation screen click on <strong>SambaMarket<\/strong> menu. From here install the <strong>Custom Printer Module.<\/strong>\u00a0After completing installation, logout Sambapos and restart it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11900 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-02-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-02-1024x576.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-02-300x169.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-02-768x432.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-02.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3><\/h3>\n<h4><strong>1.2 Adding Printer<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Printing &gt; Printers<\/strong> from here click on <strong>Add Printer<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28737 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01-1024x549.jpg\" alt=\"\" width=\"640\" height=\"343\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01-1024x549.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01-768x412.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01-1536x824.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Printer-01.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Printer Name:<\/strong>\u00a0CD-Customer Display Printer<\/li>\n<li><strong>Printer Sahre Name\/Port Name:<\/strong>\u00a0<strong>.\u00a0<\/strong> \u00a0(Put period punctuation mark)<\/li>\n<li><strong>Printer Type:<\/strong>\u00a0Custom Printer | Browser Printer | Settings<\/li>\n<li><span style=\"color: #ff0000;\"><strong>Character Set: Unicode (UTF-8) (65001)<\/strong><\/span><\/li>\n<li><strong>Line Count:<\/strong> 0<\/li>\n<li><strong>Line Character Count:<\/strong>\u00a042<\/li>\n<li><strong>Settings Link:<\/strong>\n<ul>\n<li><strong>File Name:<\/strong> C:\\Users\\isaak\\Documents\\SambaPOS5\\index.html<\/li>\n<li>Pay attention to usage of\u00a0\u00a0<strong>\u201c\\\u201d\u00a0<\/strong> while writing the physical address.<\/li>\n<li><span style=\"color: #ff0000;\"><strong>Click on on Customer Display App checkbox.<\/strong><\/span><\/li>\n<li>Create a folder named <strong>image<\/strong> to add product pictures into.<\/li>\n<li>Copy the product pictures as\u00a0<strong>150x100px<\/strong>\u00a0size and\u00a0<strong>PNG<\/strong>\u00a0or<strong>\u00a0JPG<\/strong>\u00a0format.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11875 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-04-1024x546.jpg\" alt=\"\" width=\"640\" height=\"341\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-04-1024x546.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-04-300x160.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-04-768x409.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-04.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3><\/h3>\n<h4><strong>1.3 Adding Printer Templates<\/strong><\/h4>\n<h4><strong>1.3.1. Adding CD-Customer Display Template<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Printing &gt; Printer Templates<\/strong> from here click on <strong>Add Printer Template<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-60995 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-01-1.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Template Name:<\/strong>\u00a0CD-Customer Display Template<br \/>\n<strong>Sort Orders:<\/strong>\u00a0Last Update Time Desc (You can try other options too)<\/li>\n<li><strong>Template:<\/strong>\u00a0In this field, copy Html code group below and paste it. It is possible to make change in case of necessity.<\/li>\n<\/ul>\n<blockquote><p>&#8220;Note: Change the path of image folder according to your settings.<br \/>\nFor example: &#8216;C:\\SambaPOS-Customer-Screen\\logo&#8217;<\/p><\/blockquote>\n<p>You can download index.html page from <span style=\"color: #ff0000;\"><strong><a style=\"color: #ff0000;\" href=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2017\/10\/index.html\">here.<\/a><\/strong><\/span><\/p>\n<p><strong>You can download the <span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/CD-Customer-Display-Template.zip\" target=\"_blank\" rel=\"noopener\">CD-Customer Display Template from here.<\/a><\/span><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>1.3.2. Adding CD-Customer Display Banner Template<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Printing &gt; Printer Templates<\/strong> from here click on <strong>Add Printer Template<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-60997 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-02.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Template Name:<\/strong>\u00a0CD-Customer Display Template<br \/>\n<strong>Sort Orders:<\/strong>\u00a0Last Update Time Desc (You can try other options too)<\/li>\n<\/ul>\n<p><strong>Template:<\/strong><\/p>\n<p><code>&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;SambaPOS Restaurant&lt;\/title&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;img src=\"C:\/SambaPOS-Customer-Screen\/logo.png\" width=\"100%\"\/&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/code><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<hr \/>\n<h4><strong>1.4 Adding Print Jobs<\/strong><\/h4>\n<h4><strong>1.4.1. Adding CD-Customer Display Print Job<\/strong><\/h4>\n<p>Go to <strong>Manage&gt; Printing &gt; Print Jobs<\/strong> from here click on <strong>Add Print Job<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-60999 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-03.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Print Job Name:<\/strong>\u00a0CD-Customer Display Print Job<\/li>\n<li><strong>Printing Content:<\/strong>\u00a0Select All lines template.<\/li>\n<li><strong>Printer:<\/strong> CD-Customer Display Printer<\/li>\n<li><strong>Printer Template:<\/strong> CD-Customer Display Template<\/li>\n<\/ul>\n<blockquote><p>&nbsp;<\/p><\/blockquote>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>1.4.2. Adding CD-Customer Display Banner Print Job<\/strong><\/h4>\n<p>Go to <strong>Manage&gt; Printing &gt; Print Jobs<\/strong> from here click on <strong>Add Print Job<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61001 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-04.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Print Job Name:<\/strong> CD-Customer Display Banner Print Job<\/li>\n<li><strong>Printing Content:<\/strong>\u00a0Select All lines template.<\/li>\n<li><strong>Printer:<\/strong> CD-Customer Display Printer<\/li>\n<li><strong>Printer Template:<\/strong> CD-Customer Display Banner Template<\/li>\n<\/ul>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><strong><span style=\"color: #800000;\">2. Adding Actions<\/span><\/strong><\/h3>\n<h4><strong>2.1. Adding CD-Printing Customer Display Orders Action<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Automation &gt; Actions<\/strong> from here click on <strong>Add Action<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11903 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-08-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-08-1024x576.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-08-300x169.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-08-768x432.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-08.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Action Name: <\/strong>CD-Printing Customer Display Orders<\/li>\n<li><strong>Action Type: <\/strong>Execute Print Job<\/li>\n<li><strong>Print Job Name:<\/strong>\u00a0CD-Customer Display Print Job<\/li>\n<li><strong>Print Ticket:<\/strong> True<\/li>\n<li><strong>Ignore selected Orders:<\/strong> True<\/li>\n<\/ul>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>2.2. Adding CD-Customer Display Banner Action<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Automation &gt; Actions<\/strong> from here click on <strong>Add Action<\/strong> link.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61003 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-05.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Action Name:<\/strong>CD-Printing Customer Display Banner Orders<\/li>\n<li><strong>Action Type: <\/strong>Execute Print Job<\/li>\n<li><strong>Print Job Name:<\/strong> CD-Customer Display Banner Print Job<\/li>\n<li><strong>Print Ticket:<\/strong> True<\/li>\n<li><strong>Ignore selected Orders:<\/strong> True<\/li>\n<\/ul>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><strong><span style=\"color: #800000;\">3. Adding Rules<\/span><\/strong><\/h3>\n<h4><strong>3.1 CD- Ticket Total Changed<\/strong><\/h4>\n<p>Go to <strong>Manage &gt; Automation &gt; Rules<\/strong> from here click on <strong>Add Rule<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61011 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-06-1.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Rule Name:<\/strong>\u00a0CD- Ticket Total Changed<\/li>\n<li><strong>Event Name:<\/strong>\u00a0Ticket Total Changed<\/li>\n<li><strong>Actions &gt; Select Action:<\/strong>\u00a0CD-Print Customer Display Orders<\/li>\n<\/ul>\n<p>After completing necessary fields, click on <strong>Save<\/strong> button.<\/p>\n<hr \/>\n<h4 style=\"padding-left: 30px;\"><strong>3.2 CD-Tag Orders<\/strong><\/h4>\n<p>Go to\u00a0<strong>Manage &gt; Automation &gt; Rules<\/strong>\u00a0from here click on\u00a0<strong>Add Rule<\/strong>\u00a0button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11907 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-10-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-10-1024x576.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-10-300x169.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-10-768x432.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-10.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<ul>\n<li><strong>Rule Name:<\/strong>\u00a0CD-Tag Orders<\/li>\n<li><strong>Event Name:<\/strong>\u00a0Order Tagged<\/li>\n<li><strong>Actions&gt; Select Action:<\/strong>\u00a0CD-Print Customer Display Orders<\/li>\n<\/ul>\n<p>After completing necessary fields, click on\u00a0<strong>Save<\/strong>\u00a0button.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><strong><span style=\"color: #800000;\">4. Editing Rules<\/span><\/strong><\/h3>\n<h4><strong>4.1. Editing Default Close Ticket Rule<\/strong><\/h4>\n<p><strong>Main Menu &gt; Manage &gt; Automation &gt; Rules &gt; <\/strong> <strong>Close Ticket Rule &gt; <\/strong>Here add <strong>CD-Printing Customer Display Banner Orders Action<\/strong> into the rule.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61013 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-07-1.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>After completing necessary fields, click on\u00a0<strong>Save<\/strong>\u00a0button.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>4.2. Editing Ticket Payment Check Rule<\/strong><\/h4>\n<p><strong>Main Menu &gt; Manage &gt; Automation &gt; Rules &gt; Ticket Payment Check<\/strong><strong>\u00a0Rule &gt; <\/strong>Here add <strong>CD-Printing Customer Display Banner Orders Action<\/strong> into the rule.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-61015 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08-1024x550.jpg\" alt=\"\" width=\"640\" height=\"344\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08-1024x550.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08-300x161.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08-768x413.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08-1536x826.jpg 1536w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/Customer-Display-08.jpg 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>After completing necessary fields, click on\u00a0<strong>Save<\/strong>\u00a0button.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><strong><span style=\"color: #993300;\">5. Adding Product Tag<\/span><\/strong><\/h3>\n<p>Go to <strong>Manage &gt; Settings &gt; Program Settings<\/strong> from here click on <strong>General Settings<\/strong> section.<\/p>\n<blockquote><p>To add image to the products, click on <strong>Edit<\/strong> button from<strong> Product Tag Captions<\/strong> title and create a <strong>Tag<\/strong> column named<strong>\u00a0<\/strong>\u201cProdImage\u201d.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11909 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-11-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-11-1024x576.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-11-300x169.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-11-768x432.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-11.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>To add path of product images, go to <strong>Manage &gt; Products &gt; Product Tag Editor<\/strong> from here write the paths into <strong>ProdImage<\/strong> column for each product.<\/p>\n<blockquote><p>Image size should be 150&#215;100 px. Image sizes can be changed according to need.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11912 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-12-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-12-1024x576.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-12-300x169.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-12-768x432.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-12.jpg 1366w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Name of the tag that image will be displayed is \u201cProdImage\u201d, this name has been used on the codes for the template designing. In case of using a different Product Tag Name it is necessary to change the code as well.<\/p>\n<p style=\"padding-left: 90px;\">&lt;img src=&#8221;{ITEM TAG:<strong>ProdImage<\/strong>}&#8221;\/&gt;<\/p>\n<blockquote><p>For the products that has no image<strong>\u00a0noimage.JPG<\/strong>\u00a0file will be displayed automatically.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11915 size-large\" src=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-13-1024x583.jpg\" alt=\"\" width=\"640\" height=\"364\" srcset=\"https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-13-1024x583.jpg 1024w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-13-300x171.jpg 300w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-13-768x437.jpg 768w, https:\/\/kb.sambapos.com\/wp-content\/uploads\/2018\/03\/2-4-13-a-How-to-Create-Basic-Customer-Screen-html-13.jpg 1026w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<hr \/>\n<h3><strong><span style=\"color: #800000;\">6. Important Notices<\/span><\/strong><\/h3>\n<ul>\n<li>Customer Screen runs on Internet Explorer. In case of using an old version of Explorer then update to the latest version.<\/li>\n<li>In order to move the customer screen to second screen firstly you need to activate the second screen from Control Panel.\n<ul>\n<li>When customer screen runs for the first time it is displayed on working screen.<\/li>\n<li>To use the window on the screen move it to the second screen by\u00a0<strong>CTRL+Space<\/strong>\u00a0buttons and click on ENTER button.<\/li>\n<\/ul>\n<\/li>\n<li>Create the screen template design as Html.<\/li>\n<li>Write correctly the name of files, physical adress, name of image folder and\u00a0<strong>Index.html<\/strong>\u00a0file.<\/li>\n<li>Be careful about product image pathes of Batch product tags .<\/li>\n<li>Be careful about Path of [ORDERS] block codes on design template.<\/li>\n<li>Be careful about file extentions. (jpg,jpeg)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Creating Customer Screen for Browser &#8211; Basic Setup Purpose:\u00a0Create it in case of the restaurant has Fast Food (Pre Paid) sales, to be able to display orders on Customer Screen line by line. (Product Image, Product Name, Product Quantity, Total Price) Usage Area:\u00a0Restaurants which has Fast Food\u00a0(Pre Paid) sales. Before Starting: In order to use [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,16],"tags":[],"class_list":["post-11822","post","type-post","status-publish","format-standard","hentry","category-installation","category-2-4-sambapos-advanced-setup"],"_links":{"self":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/11822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/comments?post=11822"}],"version-history":[{"count":19,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/11822\/revisions"}],"predecessor-version":[{"id":61044,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/posts\/11822\/revisions\/61044"}],"wp:attachment":[{"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/media?parent=11822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/categories?post=11822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.sambapos.com\/en\/wp-json\/wp\/v2\/tags?post=11822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}