{"id":268779,"date":"2020-09-30T12:38:18","date_gmt":"2020-09-30T12:38:18","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=268779"},"modified":"2025-12-22T07:37:35","modified_gmt":"2025-12-22T07:37:35","slug":"woocommerce-pos-customer-screen","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/","title":{"rendered":"WooCommerce POS Customer Cart Screen"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/woocommerce-pos-customer-screen.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce POS Customer Screen<\/a><strong> <\/strong>will help the customer to visualize the checkout screen. Thus, allowing to help the customer to verify the cart before the final products.<\/p>\n\n\n\n<p>The customer screen works in synchronization with the POS agent screen. However, the projected screen is connected to the POS without any special physical device like a POS\/IoT Box. <\/p>\n\n\n\n<p>The system allows the customer to validate the products, discounts, order total, and all the other cart functions.<\/p>\n\n\n\n<p><strong><strong>WooCommerce POS Customer Cart Screen is an add-on to WooCommerce POS. Therefore, you must have installed&nbsp;<strong><a href=\"https:\/\/store.webkul.com\/woocommerce-point-of-sale.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce POS<\/a> Plugin<\/strong>&nbsp;in the first place.<\/strong>  <\/strong><\/p>\n\n\n\n<p><strong>The installed WooCommerce POS version must be 4.1* and above.<\/strong><\/p>\n\n\n\n<p>We provide a production version of the plugin. If you want a development version then you can get it at an additional cost. <\/p>\n\n\n\n<p>Please contact support@webkul.com for it.&nbsp;<strong><br><\/strong><br>Check the Workflow at POS Terminal:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"teIZD48SU94\"><div class=\"components-placeholder__instructions\">teIZD48SU94<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Feature<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adds secondary customer-Facing Screen to WooCommerce POS.<\/li>\n\n\n\n<li>Show WooCommerce POS Cart on a secondary WooCommerce POS Customer Display.<\/li>\n\n\n\n<li>Show Order Details that are products, discounts, and the amount total on the POS Customer Cart Screen.<\/li>\n\n\n\n<li>The WooCommerce POS Cart Screen Show Order Details to the Customer.<\/li>\n\n\n\n<li>No Physical Connection or POSBox is required to launch the secondary screen.<\/li>\n\n\n\n<li>Thus, a separate WooCommerce POS Customer screen can be launched for each POS Outlet.<\/li>\n\n\n\n<li>Each POS Outlet can have different configurations for its secondary screen.<\/li>\n\n\n\n<li>Firebase configuration settings can also be made for the POS.<\/li>\n\n\n\n<li>WooCommerce POS Customer Cart Screen is multisite compatible.<\/li>\n\n\n\n<li>This module is now compatible with WooCommerce\u2019s new&nbsp;<a href=\"https:\/\/woo.com\/document\/high-performance-order-storage\/\" target=\"_blank\" rel=\"noreferrer noopener\">High-Performance Order Storage<\/a>&nbsp;(HPOS) feature.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>The user will get a zip file that he has to upload in the&nbsp;<strong>\u201cAdd New\u201d<\/strong>&nbsp;menu option in the WordPress admin panel.<\/p>\n\n\n\n<p>For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the&nbsp;<strong>\u201cPlugins\u201d<\/strong>&nbsp;menu option. This brings out a Sub-Menu and then selects the&nbsp;<strong>\u201cAdd New\u201d<\/strong>&nbsp;option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\" alt=\"Add new\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After this, you will see an option on the top of your page that is&nbsp;<strong>\u201cUpload Plugin\u201d<\/strong>, click the option to upload the zip file.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-upload-plugin.png\" alt=\"Upload plugin\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then click on the&nbsp;<strong>\u201cUpload Plugin\u201d<\/strong>&nbsp;option, below that you will see a button&nbsp;<strong>\u201cChoose File\u201d<\/strong>&nbsp;click on the button to browse for the zip file as per the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-choose-file.png\" alt=\"choose file\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Post browsing the file, click the&nbsp;<strong>\u201cInstall Now\u201d<\/strong>&nbsp;button to install the plugin as per the snapshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1694\" height=\"345\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed.png\" alt=\"Install now\" class=\"wp-image-108620\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed.png 1694w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed-250x51.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed-300x61.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed-768x156.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/bochbpjimpfnafed-1200x244.png 1200w\" sizes=\"(max-width: 1694px) 100vw, 1694px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, when the plugin is installed correctly, you will see the success message. Additionally, an option to activate the plugin.<\/p>\n\n\n\n<p>Click on&nbsp;<strong>\u201cActivate Plugin\u201d<\/strong>&nbsp;to activate the installed plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-activate-plugin.png\" alt=\"Activate Plugin\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>To know how to translate the module, you can click&nbsp;<a href=\"https:\/\/webkul.com\/blog\/how-to-translate-the-woocommerce-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Activate and Update Webkul Modules<\/h3>\n<\/div><\/div>\n\n\n\n<p>Checkout how to <a href=\"https:\/\/marketplace.webkul.com\/knowledgebase\/activate-woocommerce-plugin-license-key\/\" target=\"_blank\" rel=\"noreferrer noopener\">Activate WooCommerce Plugin<\/a> through the purchase code and <a href=\"https:\/\/marketplace.webkul.com\/knowledgebase\/get-updates-webkul-modules-directly-on-plugins-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">get updates on Webkul Modules<\/a> directly on the Plugins page.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Flush Rewrite Rules<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin has to flush the permalink by navigating to&nbsp;<strong>Settings &gt; Permalinks<\/strong>&nbsp;so that the links to the POS store work correctly.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1285\" height=\"671\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink.png\" alt=\"permalink\" class=\"wp-image-209483\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink.png 1285w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink-1200x627.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/01\/permalink-768x401.png 768w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Store Owner- Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation, the admin can configure the Customer Cart Screen by navigating through <strong>Settings<\/strong> &gt; <strong>Customer Cart Screen<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration-1200x675.webp\" alt=\"admin configuration\" class=\"wp-image-482341\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration-768x432.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-configuration.webp 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can configure the settings which includes<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Firebase Setting<\/h4>\n\n\n\n<p><strong>API Key, Storage Bucket, Auth Domain, Messaging Sender Id, Database URL, App Id, Project Id, Measurement Id.<\/strong><\/p>\n\n\n\n<p>For getting the required keys as shown in the above-shown screenshot admin will have to create the keys through firebase and for that admin can follow the below-mentioned steps.<\/p>\n\n\n\n<p>Admin will have to first log in to <a href=\"https:\/\/firebase.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">firebase<\/a> with their Gmail account and get started as shown below to add a project, by clicking on create a new Firebase project<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-1200x825.webp\" alt=\"click-to-create-firebaseproject\" class=\"wp-image-518300\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-to-createfirebase-project-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When adding the project the admin need to set the project name as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-1200x825.webp\" alt=\"Creating a firebase project\" class=\"wp-image-518254\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/create-project-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now enable google analytics and click on continue. <\/p>\n\n\n\n<p>Admin can either use the default firebase account or create a new one. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-1200x825.webp\" alt=\"enable google analytics\" class=\"wp-image-518263\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/enable-google-anaytics-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once you create the project, it will show a message as shown below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/Create-project-%E2%80%93-Firebase-console-3-1200x806.png\" alt=\"Create-project-\u2013-Firebase-console-3\" class=\"wp-image-365790\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After you click on continue you will see the page as shown below, here you need to click on add app and then need to select the platform<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-1200x825.webp\" alt=\"click to ada app\" class=\"wp-image-518266\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/click-add-app-1-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now need to select the platform<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-1200x825.webp\" alt=\"selectplatform\" class=\"wp-image-518273\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/selectplatform-1-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>You will have to click on the Web App to be set as marked on the above-attached screenshot followed by opening a form as shown in below attached screenshot and filling the form.   <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"2560\" height=\"1760\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-scaled.webp\" alt=\"naming-your-app\" class=\"wp-image-518274\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/name-your-web-app-1-2048x1408.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Once you do so you will see that it will open the Add Firebase SDK section as shown below you will find all the keys and you can click on continue to console as shown in below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2048\" height=\"1408\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk.webp\" alt=\"firebase sdk\" class=\"wp-image-518278\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk.webp 2048w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/firebasesdk-1536x1056.webp 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking on next and next, you will be redirected to Firebase console<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-1200x825.webp\" alt=\"continue-to-console\" class=\"wp-image-518280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/continue-to-console-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now to view the real time databse navigate to build then Realtime Databse, here you will get a real-time databse url , here we can also set the rules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-1200x825.webp\" alt=\"realtime databse\" class=\"wp-image-518284\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/realtime-db-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To configure the security rules, navigate to <strong>Rules<\/strong> under the <strong>Realtime Database<\/strong>, make the necessary changes if required, and then enable them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"825\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-1200x825.webp\" alt=\"security rules\" class=\"wp-image-518289\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-1200x825.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-300x206.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-250x172.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-768x528.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-1536x1056.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/09\/securityrules-2048x1408.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now you will find all the required keys in the Firebase Settings and copy them to the wooCommerce Customer cart screen configuration. <strong> <\/strong><\/p>\n\n\n\n<p><strong>Note: <\/strong><\/p>\n\n\n\n<p>1. In free version has only 100 connections<\/p>\n\n\n\n<p>2. has only 1 GB of Storage<\/p>\n\n\n\n<p>3. 360 MB download\/day<\/p>\n\n\n\n<p>For complete plan details, the admin can also check the <a href=\"https:\/\/firebase.google.com\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">firebase pricing<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Main Slider Settings<\/h4>\n\n\n\n<p><strong>Slide Effect<\/strong>: In this, the admin can choose the primary slider sliding effect on the customer cart screen.<\/p>\n\n\n\n<p><strong>Slide Delay<\/strong>: In order to delay the slide, the admin needs to enter the timing in milliseconds. 500 ms is the minimum.<\/p>\n\n\n\n<p><strong>Slide Direction<\/strong>: The admin can use this to change the direction of the main slider in the customer cart screen.<\/p>\n\n\n\n<p><strong>Slide Speed<\/strong>:  Here, the admin must enter the millisecond timing for the sliding speed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1177\" height=\"230\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-2.png\" alt=\"wc_pos_customer_cart-2\" class=\"wp-image-353495\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-2.png 1177w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-2-300x59.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-2-250x49.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-2-768x150.png 768w\" sizes=\"(max-width: 1177px) 100vw, 1177px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Bottom Slider Settings: <\/h4>\n\n\n\n<p>Similarly, The admin can control the following options for the bottom slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1105\" height=\"199\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-3.png\" alt=\"wc_pos_customer_cart-3\" class=\"wp-image-353497\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-3.png 1105w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-3-300x54.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-3-250x45.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-3-768x138.png 768w\" sizes=\"(max-width: 1105px) 100vw, 1105px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Card Slider Settings<\/h4>\n\n\n\n<p>Here the admin can manage the following options for the card slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1124\" height=\"193\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-4.png\" alt=\"wc_pos_customer_cart-4\" class=\"wp-image-353499\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-4.png 1124w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-4-300x52.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-4-250x43.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-4-768x132.png 768w\" sizes=\"(max-width: 1124px) 100vw, 1124px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Other Setting<\/h4>\n\n\n\n<p><strong>Video Control<\/strong>:  The admin can enable the video control feature here to manage the video on the customer cart screen.<\/p>\n\n\n\n<p><strong>Description Type:<\/strong> Here, the admin can choose the type of product description to display on the customer cart screen page.<\/p>\n\n\n\n<p><strong>Enable Real Time App<\/strong>: From here, admin selects the real time application either as Firebase or Socket.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"924\" height=\"245\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-other-settings.webp\" alt=\"socket settings\" class=\"wp-image-482340\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-other-settings.webp 924w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-other-settings-300x80.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-other-settings-250x66.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-other-settings-768x204.webp 768w\" sizes=\"(max-width: 924px) 100vw, 924px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Afterward, the admin needs to click on the Save Configuration.<\/p>\n\n\n\n<p>Additionally, if the Admin selects <strong>Socket<\/strong> as Real Time App, then they also have to configure the <strong>Node Server<\/strong>. For that the tap on the Node Server, it is viewed as below,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration-1200x675.webp\" alt=\"node server configuration\" class=\"wp-image-482343\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration-768x432.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-node-configuration.webp 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, they have to configure the following,<\/p>\n\n\n\n<p><strong>Node Server ( Domain \/ IP ) Address:<\/strong> Enter the domain\/ip without http or www prefix.<\/p>\n\n\n\n<p><strong>Node Server PORT:<\/strong> Enter the Node server Port number.<\/p>\n\n\n\n<p><strong>Server HTTPS status:<\/strong> Enable or Disable the Server HTTPS status.<\/p>\n\n\n\n<p><strong>Node Server Timeout:<\/strong> Enter the node server retry timeout.<\/p>\n\n\n\n<p><strong>Start\/Stop Server:<\/strong> Button to Start or Stop the Server.<\/p>\n\n\n\n<p>Now, if the Server HTTPS status is enabled, then admin enters the Node Server SSL keys in their respective sections as below,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1-1200x675.webp\" alt=\"server ssl keys\" class=\"wp-image-482344\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1-768x432.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/webkul-woocommerce-pos-customer-cart-screen-ssl-keys-1.webp 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Customer Screen Configuration<\/h3>\n\n\n\n<p>The admin can configure the customer screen by navigating <strong>-Point Of Sale&gt;Outlet&gt;(edit an Outlet)&gt;Customer Cart Screen.<\/strong><\/p>\n\n\n\n<p>The store owner can specify multiple values in the section-<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"469\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6-1200x469.png\" alt=\"wc_pos_customer_cart-6\" class=\"wp-image-353506\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6-1200x469.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6-768x300.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-6.png 1362w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heading<\/strong>&#8211; The title of the page that the customer will view.<\/li>\n\n\n\n<li><strong>Cart visible status<\/strong>&#8211; The cart will appear in front of the customer if this is enabled; otherwise, only a slider will appear.<\/li>\n\n\n\n<li><strong>Enable Video Option<\/strong>&#8211;  Enable this to add the video to the customer cart screen.<\/li>\n\n\n\n<li><strong>Customer Screen Video<\/strong> &#8211; The admin can upload a video here for the POS customer cart screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"478\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7-1200x478.png\" alt=\"wc_pos_customer_cart-7\" class=\"wp-image-353510\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7-1200x478.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7-300x119.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7-768x306.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-7.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Slideshow Card Images: <\/strong>Upload slideshow card images for the POS customer cart screen if the video is enabled; otherwise, leave it blank.<\/li>\n\n\n\n<li><strong>Slideshow Bottom Images: <\/strong>Here the admin can upload slideshow bottom images for the customer cart screen page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"478\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8-1200x478.png\" alt=\"wc_pos_customer_cart-8\" class=\"wp-image-353511\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8-1200x478.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8-300x119.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8-768x306.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-8.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Thankyou image<\/strong>: Here the admin can upload thank you image for the customer cart screen after a successful order.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Customer Front<\/h3>\n<\/div><\/div>\n\n\n\n<p>Now lets see the customer end experience when the POS agent is processing checkout. <\/p>\n\n\n\n<p>Thus, by navigating the <strong>Menu section&gt;Customer Cart <\/strong>in the POS the sales agent can enable the other view for the customer. Herein, two URL is created as the sales agent clicks on this option. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store.png\" alt=\"wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store\" class=\"wp-image-422230\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>&#8211; The generated URL can be added on the same browser.<\/p>\n\n\n\n<p>In POS the select Cart Status can be enabled and disabled by the POS agent. For this, the POS agent needs to navigate through <strong>Settings &gt; Other Settings &gt; Select Cart Status.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1.png\" alt=\"wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1\" class=\"wp-image-422231\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/02\/wpdemo.webkul.com_woocommerce-pos-customer-cart-screen-103-80-65-178_pos_webkul-store-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If the cart visible status is enabled then the cart will be visible in front of the customer as per the below screenshot.<\/p>\n\n\n\n<p>Furthermore, the customer can view the same products, order total, and discount.<\/p>\n\n\n\n<p>The customer end and the POS Sales agent end here remain synchronized in real-time to reflect the changes.<\/p>\n\n\n\n<p>That is, any change done by the sales agent in the POS will also reflect on the customer screen as well,.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"481\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10-1200x481.png\" alt=\"wc_pos_customer_cart-10\" class=\"wp-image-353515\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10-1200x481.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10-300x120.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10-768x308.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart-10.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The customer cart screen will appear as shown in the below image if the cart&#8217;s visible status is disabled or empty.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"534\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-1200x534.png\" alt=\"wc_pos_customer_cart_11\" class=\"wp-image-353556\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-1200x534.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-300x134.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-250x111.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-768x342.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11-604x270.png 604w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/wc_pos_customer_cart_11.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Afterward, the order has been placed the thank you image will be visible to the customer on the cart screen as per the below image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"533\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4-1200x533.png\" alt=\"download-4\" class=\"wp-image-353560\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4-1200x533.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4-300x133.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4-250x111.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4-768x341.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/download-4.png 1364w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the <strong>WooCommerce POS Customer Screen.<\/strong> If you have any queries or suggestions regarding the extension then you can get back to us at&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\">webkul.uvdesk.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce POS Customer Screen will help the customer to visualize the checkout screen. Thus, allowing to help the customer to verify the cart before the final products. The customer screen works in synchronization with the POS agent screen. However, the projected screen is connected to the POS without any special physical device like a POS\/IoT <a href=\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":166,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1809,1773],"tags":[],"class_list":["post-268779","post","type-post","status-publish","format-standard","hentry","category-affiliate-system","category-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce POS Customer Screen Base - Integrate Customer Facing Display<\/title>\n<meta name=\"description\" content=\"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce POS Customer Screen Base - Integrate Customer Facing Display\" \/>\n<meta property=\"og:description\" content=\"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-30T12:38:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T07:37:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\" \/>\n<meta name=\"author\" content=\"Zeba Hakim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zeba Hakim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\"},\"author\":{\"name\":\"Zeba Hakim\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\"},\"headline\":\"WooCommerce POS Customer Cart Screen\",\"datePublished\":\"2020-09-30T12:38:18+00:00\",\"dateModified\":\"2025-12-22T07:37:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\"},\"wordCount\":1577,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"articleSection\":[\"Affiliate System\",\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\",\"url\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\",\"name\":\"WooCommerce POS Customer Screen Base - Integrate Customer Facing Display\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"datePublished\":\"2020-09-30T12:38:18+00:00\",\"dateModified\":\"2025-12-22T07:37:35+00:00\",\"description\":\"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage\",\"url\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"contentUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce POS Customer Cart Screen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\",\"name\":\"Zeba Hakim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Zeba Hakim\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce POS Customer Screen Base - Integrate Customer Facing Display","description":"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce POS Customer Screen Base - Integrate Customer Facing Display","og_description":"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.","og_url":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-09-30T12:38:18+00:00","article_modified_time":"2025-12-22T07:37:35+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","type":"","width":"","height":""}],"author":"Zeba Hakim","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Zeba Hakim","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/"},"author":{"name":"Zeba Hakim","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318"},"headline":"WooCommerce POS Customer Cart Screen","datePublished":"2020-09-30T12:38:18+00:00","dateModified":"2025-12-22T07:37:35+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/"},"wordCount":1577,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","articleSection":["Affiliate System","WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/","url":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/","name":"WooCommerce POS Customer Screen Base - Integrate Customer Facing Display","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","datePublished":"2020-09-30T12:38:18+00:00","dateModified":"2025-12-22T07:37:35+00:00","description":"WooCommerce POS Customer Screen will help the customer on a physical store to view the products before checkout.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#primaryimage","url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","contentUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/woocommerce-pos-customer-screen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WooCommerce POS Customer Cart Screen"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318","name":"Zeba Hakim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Zeba Hakim"},"url":"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/268779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=268779"}],"version-history":[{"count":77,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/268779\/revisions"}],"predecessor-version":[{"id":518301,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/268779\/revisions\/518301"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=268779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=268779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=268779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}