{"id":7499,"date":"2026-04-01T15:11:17","date_gmt":"2026-04-01T08:11:17","guid":{"rendered":"https:\/\/staging.layanika.com\/?post_type=docs&#038;p=7499"},"modified":"2026-04-10T12:43:24","modified_gmt":"2026-04-10T05:43:24","password":"","slug":"halaman-percakapan","status":"publish","type":"docs","link":"https:\/\/layanika.com\/en\/doks\/halaman-percakapan\/","title":{"rendered":"Conversation Page"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"7499\" class=\"elementor elementor-7499\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b62d16e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b62d16e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f9270 elementor-widget elementor-widget-text-editor\" data-id=\"b6f9270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"161\" data-end=\"497\">The Conversation Page is the main area within the Online Chat menu where users (agents) interact directly with customers. On this page, all communication activities are displayed in real time, including incoming messages, outgoing messages, and system activities such as assignments and conversation closures.<\/p><p data-start=\"499\" data-end=\"548\">This page consists of three main components:<\/p><ul><li data-start=\"499\" data-end=\"548\">Conversation Header<\/li><li data-start=\"499\" data-end=\"548\">Conversation Area<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eaed5d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5eaed5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2b300 elementor-widget elementor-widget-heading\" data-id=\"6e2b300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conversation Header<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae26724 elementor-widget elementor-widget-text-editor\" data-id=\"ae26724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"605\" data-end=\"869\">The Conversation Header is located at the top of the chat page and serves as the main information section for the conversation, including:<\/p><ul style=\"font-size: 18px; font-style: normal; font-weight: 400;\" data-start=\"922\" data-end=\"1605\"><li style=\"font-size: 18px;\">Contact Profile<\/li><li style=\"font-size: 18px;\">Assignment<\/li><li style=\"font-size: 18px;\">Open and Close Conversation<\/li><li style=\"font-size: 18px;\">Message Search<\/li><li style=\"font-size: 18px;\">Interaction Log<\/li><li style=\"font-size: 18px;\">Block Contact<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-229ffbb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"229ffbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e188729 elementor-widget elementor-widget-image\" data-id=\"e188729\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1024x579.png\" class=\"attachment-large size-large wp-image-7810\" alt=\"\" srcset=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1024x579.png 1024w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-300x170.png 300w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-768x434.png 768w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1536x868.png 1536w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-18x10.png 18w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70a8da7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"70a8da7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8913603 elementor-widget elementor-widget-heading\" data-id=\"8913603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Contact Profile<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12a39a0 elementor-widget elementor-widget-text-editor\" data-id=\"12a39a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In the Inbox menu, you can view contact identity details through<strong> Contact Profile<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c865a97 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c865a97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-949211b elementor-widget elementor-widget-image\" data-id=\"949211b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-1024x578.png\" class=\"attachment-large size-large wp-image-7812\" alt=\"\" srcset=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-1024x578.png 1024w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-300x169.png 300w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-768x433.png 768w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-1536x867.png 1536w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat-18x10.png 18w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/profile-pengguna-chat.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9af17f elementor-widget elementor-widget-text-editor\" data-id=\"c9af17f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Users can also fill in or complete contact information.<\/p><p style=\"font-size: 18px; font-style: normal; font-weight: 400;\">The following information can be added:<\/p><ul style=\"font-size: 18px; font-style: normal; font-weight: 400;\"><li style=\"font-size: 18px;\">First name<\/li><li style=\"font-size: 18px;\">Last name<\/li><li style=\"font-size: 18px;\">Contact information: email, country name, phone number, language, address, and tags.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4351f6 elementor-widget elementor-widget-heading\" data-id=\"c4351f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Assigment<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4765d65 elementor-widget elementor-widget-text-editor\" data-id=\"4765d65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Assignment is used to assign customer conversations to another agent for handling.<\/p><p>When an agent assigns a conversation to another agent, the conversation will automatically be removed from their view and transferred to the assigned agent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d77808e elementor-widget elementor-widget-video\" data-id=\"d77808e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/assigment.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf510f1 elementor-widget elementor-widget-heading\" data-id=\"cf510f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Unassigning a Contact (Unassigned)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469d5c1 elementor-widget elementor-widget-text-editor\" data-id=\"469d5c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>An unassigned status only occurs when a new message is received and has not yet been responded to by an agent.<\/p><p>Once a message has been responded to by an agent, the Assignment field will display the name of the assigned agent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d929f4 elementor-widget elementor-widget-heading\" data-id=\"0d929f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Open a Conversation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c475c elementor-widget elementor-widget-text-editor\" data-id=\"61c475c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"137\" data-end=\"270\">Opening a conversation is the process of accessing or resuming interaction with a customer through the Online Chat module in Layanika.<\/p><p data-start=\"272\" data-end=\"387\">This feature allows agents to view conversation details and continue communicating with customers in real time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0fd881 elementor-widget elementor-widget-heading\" data-id=\"c0fd881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Message Search<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee98d76 elementor-widget elementor-widget-text-editor\" data-id=\"ee98d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Message Search is used to\u00a0 <strong>conversation history<\/strong> with customers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9659c69 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"9659c69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1d421b elementor-widget elementor-widget-heading\" data-id=\"b1d421b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Interaction Log<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b74995 elementor-widget elementor-widget-text-editor\" data-id=\"4b74995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">The Interaction Log helps you monitor all activities performed by both users and customers. It provides visibility into actions such as assignments and conversation closures, making it easier to track what has happened within a conversation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a988a62 elementor-widget elementor-widget-text-editor\" data-id=\"a988a62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>How to access it:<\/p><ul><li>Click the Interaction Log option located next to the Block Contact feature to view the activity history.<\/li><li>The Interaction Log displays a list of activities, such as:<br \/>a. Assigment<br \/>b. Conversation closures<\/li><li>Users can also filter the Interaction Log based on a specific date range.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a8bfb8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8a8bfb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b4d045 elementor-widget elementor-widget-heading\" data-id=\"0b4d045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. Block Contact<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-307564e elementor-widget elementor-widget-text-editor\" data-id=\"307564e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If you receive messages that are disruptive, spam, or unwanted, you can use the <strong>Block Contact <\/strong>feature to prevent future interactions from that contact.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-573d2a5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"573d2a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5d0a8 elementor-widget elementor-widget-video\" data-id=\"fb5d0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/blokir-kontak-by-online-chat.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-238ab58 elementor-widget elementor-widget-text-editor\" data-id=\"238ab58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>How blocking a contact works:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc2779 wpr-feature-list-left wpr-feature-list-square wpr-feature-list-line-yes elementor-widget elementor-widget-wpr-feature-list\" data-id=\"5dc2779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-feature-list.default\">\n\t\t\t\t\t<div class=\"wpr-feature-list-wrap\"><ul class=\"wpr-feature-list\"><li class=\"wpr-feature-list-item elementor-repeater-item-8bcda66\"><div class=\"wpr-feature-list-icon-wrap\"><span class=\"wpr-feature-list-line\"><\/span><div class=\"wpr-feature-list-icon-inner-wrap\"><\/div><\/div><div class=\"wpr-feature-list-content-wrap\"><h2 class=\"wpr-feature-list-title\"><a class=\"wpr-feature-list-url\" target=\"_blank\" rel=\"nofollow\">Select Block Contact<\/a><\/h2><p class=\"wpr-feature-list-description\">Click the Block Contact option located on the right side to initiate the blocking process.<\/p><\/div><\/li><li class=\"wpr-feature-list-item elementor-repeater-item-b5e0f64\"><div class=\"wpr-feature-list-icon-wrap\"><span class=\"wpr-feature-list-line\"><\/span><div class=\"wpr-feature-list-icon-inner-wrap\"><\/div><\/div><div class=\"wpr-feature-list-content-wrap\"><h2 class=\"wpr-feature-list-title\"><a class=\"wpr-feature-list-url\" target=\"_blank\" rel=\"nofollow\">Confirm Blocking<\/a><\/h2><p class=\"wpr-feature-list-description\">The system will prompt a confirmation to ensure you want to block the contact. Select Block to proceed.\n<\/p><\/div><\/li><\/ul><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01baa4d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"01baa4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114a304 elementor-widget elementor-widget-heading\" data-id=\"114a304\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conversation Area<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abc6d13 elementor-widget elementor-widget-text-editor\" data-id=\"abc6d13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1850\" data-end=\"2033\">The Conversation Area is the main section in the center of the page that displays the entire communication between the customer and the agent in chronological order (based on time).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53fe677 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"53fe677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8694a9 elementor-widget elementor-widget-image\" data-id=\"f8694a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-1024x577.png\" class=\"attachment-large size-large wp-image-7819\" alt=\"\" srcset=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-1024x577.png 1024w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-300x169.png 300w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-768x433.png 768w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-1536x865.png 1536w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan-18x10.png 18w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Area-Percakapan.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea67489 elementor-widget elementor-widget-text-editor\" data-id=\"ea67489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"871\" data-end=\"921\">Components in the conversation area:<\/p><ul data-start=\"922\" data-end=\"1605\"><li>Chat Messages<\/li><li>Timestamps<\/li><li>System Activities<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e93f66f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e93f66f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78b65ba elementor-widget elementor-widget-heading\" data-id=\"78b65ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Chat Messages<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a589513 elementor-widget elementor-widget-text-editor\" data-id=\"a589513\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"816\" data-end=\"946\">Chat messages are the main element in the Conversation Area, displaying the communication between customers and agents.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4da15da elementor-widget elementor-widget-text-editor\" data-id=\"4da15da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The information included in this component consists of:<\/p><ul><li data-section-id=\"1hl60bb\" data-start=\"2098\" data-end=\"2153\"><strong data-start=\"2100\" data-end=\"2124\">Messages from customers<\/strong> (displayed on the left side)<\/li><li data-section-id=\"xxoif9\" data-start=\"2154\" data-end=\"2206\"><strong data-start=\"2156\" data-end=\"2176\">Messages from agents\/users<\/strong>\u00a0(displayed on the right side)<\/li><li data-section-id=\"2mpgus\" data-start=\"2207\" data-end=\"2322\">Each message also includes:<ul data-start=\"2243\" data-end=\"2322\"><li data-section-id=\"hsnxvb\" data-start=\"2243\" data-end=\"2275\">Timestamp (time the message was sent)<\/li><li data-section-id=\"1md0rdn\" data-start=\"2278\" data-end=\"2322\">Message status (e.g., sent, delivered, read)<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8097dd1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8097dd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f56787a elementor-widget elementor-widget-heading\" data-id=\"f56787a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Timestamp<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a06823 elementor-widget elementor-widget-text-editor\" data-id=\"5a06823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1461\" data-end=\"1614\">The timestamp acts as a separator within the conversation area, grouping messages based on specific time periods. It is typically displayed in the center of the conversation as a divider between chat sessions.<\/p><p data-start=\"1461\" data-end=\"1614\">Common time labels include:<\/p><ul><li data-start=\"1461\" data-end=\"1614\">Today<\/li><li data-start=\"1461\" data-end=\"1614\">Yesterday<\/li><li data-start=\"1461\" data-end=\"1614\">Specific dates (when applicable)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c29e1b6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c29e1b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c1f10 elementor-widget elementor-widget-heading\" data-id=\"76c1f10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. System Activities<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc5851c elementor-widget elementor-widget-text-editor\" data-id=\"dc5851c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1998\" data-end=\"2201\">System messages are automated notifications generated by the system to record activities within a conversation, whether performed by the system or by users (agents).<\/p><p data-start=\"2203\" data-end=\"2228\">These activities may include:<\/p><ul data-start=\"2229\" data-end=\"2595\"><li data-section-id=\"ns1889\" data-start=\"2229\" data-end=\"2412\"><strong>Automatic conversation closure notifications:<\/strong>Indicate that a conversation has been automatically closed by the system, usually after a period of inactivity (e.g., 24 hours)<\/li><li data-section-id=\"ns1889\" data-start=\"2229\" data-end=\"2412\"><strong>Assignment activities<\/strong>: Show that a conversation has been assigned or transferred to a specific agent\/user<\/li><li data-section-id=\"1566gtr\" data-start=\"2414\" data-end=\"2517\"><p data-start=\"2521\" data-end=\"2552\"><strong data-start=\"2521\" data-end=\"2552\">Other activity updates: <\/strong>Such as changes in the conversation status<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f4267b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3f4267b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce96442 elementor-widget elementor-widget-heading\" data-id=\"ce96442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Message Input<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-419a736 elementor-widget elementor-widget-text-editor\" data-id=\"419a736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"3220\" data-end=\"3378\">The Message Input is located at the bottom of the page and is used by agents to compose and send messages to customers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3adadb7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3adadb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db14c35 elementor-widget elementor-widget-image\" data-id=\"db14c35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-1024x577.png\" class=\"attachment-large size-large wp-image-7820\" alt=\"\" srcset=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-1024x577.png 1024w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-300x169.png 300w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-768x433.png 768w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-1536x865.png 1536w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan-18x10.png 18w, https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Input-pesan.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d40df9 elementor-widget elementor-widget-text-editor\" data-id=\"5d40df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"871\" data-end=\"921\">Components in the conversation area:<\/p><ul data-start=\"922\" data-end=\"1605\"><li>Message Input Field<\/li><li>Emoji Icon<\/li><li>Attachment Icon<\/li><li>WhastApp Icon<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7865781 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7865781\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a86c95 elementor-widget elementor-widget-heading\" data-id=\"6a86c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Message Input Field<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33e7737 elementor-widget elementor-widget-text-editor\" data-id=\"33e7737\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"604\" data-end=\"731\">The Message Input Field is a text area used to type messages that will be sent to customers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d4a85f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7d4a85f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1e6fed elementor-widget elementor-widget-heading\" data-id=\"c1e6fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Emoji Icon<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83ba2a8 elementor-widget elementor-widget-text-editor\" data-id=\"83ba2a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1461\" data-end=\"1614\">The Emoji Icon allows users to add expressive elements to their messages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d70cb75 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"d70cb75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6195596 elementor-widget elementor-widget-heading\" data-id=\"6195596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Attachment Icon<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d546047 elementor-widget elementor-widget-text-editor\" data-id=\"d546047\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1339\" data-end=\"1431\">The Attachment Icon is used to send files or media to customers. It supports sending:<\/p><ul><li data-section-id=\"1st6wmq\" data-start=\"1472\" data-end=\"1482\">Image<\/li><li data-section-id=\"5t1suz\" data-start=\"1485\" data-end=\"1496\">Document<\/li><li data-section-id=\"n6v55j\" data-start=\"1499\" data-end=\"1538\">File<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f03f93 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3f03f93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee6e767 elementor-widget elementor-widget-heading\" data-id=\"ee6e767\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. WhatsApp Icon<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62e1ac5 elementor-widget elementor-widget-text-editor\" data-id=\"62e1ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1339\" data-end=\"1431\">The WhatsApp Icon is used to access <strong data-start=\"1767\" data-end=\"1794\">message templates<\/strong> that have been created within the WhatsApp channel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a2dc42 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2a2dc42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c1f810 elementor-widget elementor-widget-video\" data-id=\"4c1f810\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Website-template.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34c4254 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"34c4254\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca2a583 elementor-widget elementor-widget-heading\" data-id=\"ca2a583\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Send Button<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b1cec elementor-widget elementor-widget-text-editor\" data-id=\"f4b1cec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1339\" data-end=\"1431\">The Send Button is used to send the message that has been composed to the customer.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Halaman Percakapan merupakan area utama dalam menu\u00a0 Chat Online yang digunakan oleh pengguna (agen) untuk berinteraksi secara langsung dengan pelanggan. Pada halaman ini, seluruh aktivitas komunikasi ditampilkan secara real-time, mulai dari pesan masuk, pesan keluar, hingga aktivitas sistem seperti assignment dan penutupan percakapan. Halaman ini terdiri dari 3 komponen utama, yaitu: Header Percakapan Area Percakapan Header Percakapan Header halaman percakapan adalah bagian yang terletak di bagian paling atas halaman chat yang berfungsi sebagai informasi : Profil kontak Assignment Membuka dan menutup percakapan Pencarian pesan Log interaksi Blokir kontak 1.Profil Kontak Pada menu kotak pesan, anda dapat melihat informasi identitas kontak melalui Profil Kontak. Pengguna juga dapat mengisi atau melengkapi informasi kontak. Informasi yang bisa\u00a0 tambahkan seperti: Nama depan Nama belakang Informasi kontak: email, nama negara, nomor telepon, bahasa, alamat , dan tag. 2. Assigment Assigment berfungsi menugaskan untuk merespon percakapan pelanggan kepada agen lain. Pada saat Agen melakukan penugasan kepada Agen lain, secara otomatis percakapan akan hilang dan berpindah kepada Agen yang ditugaskan https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/assigment.mp4 3. Melepaskan Penugasan Kontak (Unassigned) Unassigned hanya terjadi pada saat pesan baru masuk dan belum direspons oleh agen. Apabila pesan sudah di respons oleh Agen maka pada kolom assign akan tertera nama Agen yang ditugaskan 4. Membuka Percakapan Membuka percakapan adalah proses mengakses atau memulai kembali interaksi dengan pelanggan melalui modul Chat Online di Layanika. Fitur ini memungkinkan agent melihat detail percakapan dan melanjutkan komunikasi dengan customer secara real-time 5. Pencarian pesan Pencarian pesan digunakan untuk mencari\u00a0 Riwayat Percakapan dengan pelanggan. 6. Log Interaksi Log interaksi berfungsi untuk memudahkan anda dalam memantau seluruh aktivitas pengguna serta pelanggan. Anda dapat melihat informasi seperti penugasan, dan menutup percakapan. Ini memudahkan pengguna untuk mengetahui apa saja aktivitas pada pesan pelanggan. Cara mengaksesnya: Klik log interaksi yang berada di sebelah kanan fitur blokir kontak untuk melihat log interaksi. Pada log interaksi akan menampilkan daftar interaksi seperti:a. Assigmentb. Percakapan berakhir Pengguna dapat mencari log interaksi berdasarkan rentang waktu tertentu. 7. Blokir Pelanggan Jika pengguna menerima pesan yang bersifat menggangu, spam, atau pesan yang tidak diinginkan, anda dapat menggunakan fitur Blokir Kontak untuk menghentikan interaksi dari kontak tersebut di masa mendatang. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/blokir-kontak-by-online-chat.mp4 Cara kerja dari blokir kontak: Pilih Blokir Kontak Klik Blokir Kontak yang terletak pada bagian sebelah kanan untuk melakukan pemblokiran kontak. Konfirmasi Pemblokiran Setelah itu, sistem akan mengirimkan konfirmasi apakah pengguna yakin untuk melakukan pemblokir kontak. Pilih blokir untuk memblokir kontak. Area Percakapan Area Percakapan adalah bagian utama di tengah halaman yang menampilkan seluruh isi komunikasi antara pelanggan dan agen dalam bentuk kronologis (berdasarkan waktu). Komponen yang terdapat pada area percakapan: Pesan Chat Penanda Waktu Aktivitas Sistem 1.Pesan Chat Pesan chat adalah elemen utama dalam Area Percakapan yang menampilkan isi komunikasi antara pelanggan dan agen. Informasi yang ada pada komponen meliputi: Pesan dari pelanggan (ditampilkan di sisi kiri) Pesan dari agen\/pengguna\u00a0(ditampilkan di sisi kanan) Setiap pesan dilengkapi dengan: Waktu pengiriman (timestamp) Status pesan (misalnya: terkirim, terbaca) 2.Penanda Waktu Penanda waktu adalah bagian pemisah dalam area percakapan yang digunakan untuk mengelompokkan pesan berdasarkan periode waktu tertentu. Biasanya ditampilkan di tengah area percakapan sebagai pembatas antar sesi chat. Label waktu yang biasa digunakan seperti: Hari ini Kemarin Tanggal tertentu (jika diperlukan) 3.Aktivitas Sistem Pesan sistem adalah notifikasi otomatis yang dihasilkan oleh sistem untuk mencatat aktivitas yang terjadi dalam percakapan, baik yang dilakukan oleh sistem maupun oleh pengguna (agen). Isi dari aktivitas sistem meliputi: Notifikasi percakapan tutup otomatis:\u00a0Menunjukkan bahwa percakapan ditutup otomatis oleh sistem.\u00a0Biasanya terjadi setelah tidak ada aktivitas dalam periode tertentu (misalnya 24 jam) Aktivitas penugasan: Menunjukkan bahwa percakapan diambil atau dipindahkan ke agen\/pengguna tertentu Informasi aktivitas lainnya: Misalnya perubahan status percakapan Input Pesan Input Pesan adalah bagian yang terletak di bagian bawah halaman yang digunakan oleh agent untuk menulis dan mengirim pesan kepada pelanggan. Komponen yang terdapat pada area percakapan: Field Input Pesan Ikon Emoji Ikon Lampiran Ikon WhatsApp 1.Field Input Pesan Field Input Pesan adalah area teks yang digunakan untuk mengetik pesan yang akan dikirimkan kepada pelanggan. 2.Ikon Emoji Ikon Emoji digunakan untuk menambahkan elemen ekspresi ke dalam pesan. 3.Ikon Lampiran Ikon lampiran digunakan untuk mengirim file atau media kepada pelanggan. Ikon lampiran mendukung pengiriman: Gambar Dokumen File 4.Ikon WhatsApp Ikon whatsApp digunakan untuk mengakses template pesan WhatsApp yang telah dibuat pada channel whatsapp. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Website-template.mp4 5. Tombol Kirim Tombol Kirim digunakan untuk mengirim pesan yang telah ditulis ke pelanggan.<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[97],"doc_tag":[],"class_list":["post-7499","docs","type-docs","status-publish","hentry","doc_category-chat-online"],"acf":[],"year_month":"2026-04","word_count":700,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"jesicaa","author_nicename":"jesicaa","author_url":"https:\/\/layanika.com\/en\/author\/jesicaa\/"},"doc_category_info":[{"term_name":"Chat Online","term_url":"https:\/\/layanika.com\/en\/doks-category\/chat-online\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Halaman Percakapan - Layanika<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/layanika.com\/en\/doks\/halaman-percakapan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Halaman Percakapan - Layanika\" \/>\n<meta property=\"og:description\" content=\"Halaman Percakapan merupakan area utama dalam menu\u00a0 Chat Online yang digunakan oleh pengguna (agen) untuk berinteraksi secara langsung dengan pelanggan. Pada halaman ini, seluruh aktivitas komunikasi ditampilkan secara real-time, mulai dari pesan masuk, pesan keluar, hingga aktivitas sistem seperti assignment dan penutupan percakapan. Halaman ini terdiri dari 3 komponen utama, yaitu: Header Percakapan Area Percakapan Header Percakapan Header halaman percakapan adalah bagian yang terletak di bagian paling atas halaman chat yang berfungsi sebagai informasi : Profil kontak Assignment Membuka dan menutup percakapan Pencarian pesan Log interaksi Blokir kontak 1.Profil Kontak Pada menu kotak pesan, anda dapat melihat informasi identitas kontak melalui Profil Kontak. Pengguna juga dapat mengisi atau melengkapi informasi kontak. Informasi yang bisa\u00a0 tambahkan seperti: Nama depan Nama belakang Informasi kontak: email, nama negara, nomor telepon, bahasa, alamat , dan tag. 2. Assigment Assigment berfungsi menugaskan untuk merespon percakapan pelanggan kepada agen lain. Pada saat Agen melakukan penugasan kepada Agen lain, secara otomatis percakapan akan hilang dan berpindah kepada Agen yang ditugaskan https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/assigment.mp4 3. Melepaskan Penugasan Kontak (Unassigned) Unassigned hanya terjadi pada saat pesan baru masuk dan belum direspons oleh agen. Apabila pesan sudah di respons oleh Agen maka pada kolom assign akan tertera nama Agen yang ditugaskan 4. Membuka Percakapan Membuka percakapan adalah proses mengakses atau memulai kembali interaksi dengan pelanggan melalui modul Chat Online di Layanika. Fitur ini memungkinkan agent melihat detail percakapan dan melanjutkan komunikasi dengan customer secara real-time 5. Pencarian pesan Pencarian pesan digunakan untuk mencari\u00a0 Riwayat Percakapan dengan pelanggan. 6. Log Interaksi Log interaksi berfungsi untuk memudahkan anda dalam memantau seluruh aktivitas pengguna serta pelanggan. Anda dapat melihat informasi seperti penugasan, dan menutup percakapan. Ini memudahkan pengguna untuk mengetahui apa saja aktivitas pada pesan pelanggan. Cara mengaksesnya: Klik log interaksi yang berada di sebelah kanan fitur blokir kontak untuk melihat log interaksi. Pada log interaksi akan menampilkan daftar interaksi seperti:a. Assigmentb. Percakapan berakhir Pengguna dapat mencari log interaksi berdasarkan rentang waktu tertentu. 7. Blokir Pelanggan Jika pengguna menerima pesan yang bersifat menggangu, spam, atau pesan yang tidak diinginkan, anda dapat menggunakan fitur Blokir Kontak untuk menghentikan interaksi dari kontak tersebut di masa mendatang. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/blokir-kontak-by-online-chat.mp4 Cara kerja dari blokir kontak: Pilih Blokir Kontak Klik Blokir Kontak yang terletak pada bagian sebelah kanan untuk melakukan pemblokiran kontak. Konfirmasi Pemblokiran Setelah itu, sistem akan mengirimkan konfirmasi apakah pengguna yakin untuk melakukan pemblokir kontak. Pilih blokir untuk memblokir kontak. Area Percakapan Area Percakapan adalah bagian utama di tengah halaman yang menampilkan seluruh isi komunikasi antara pelanggan dan agen dalam bentuk kronologis (berdasarkan waktu). Komponen yang terdapat pada area percakapan: Pesan Chat Penanda Waktu Aktivitas Sistem 1.Pesan Chat Pesan chat adalah elemen utama dalam Area Percakapan yang menampilkan isi komunikasi antara pelanggan dan agen. Informasi yang ada pada komponen meliputi: Pesan dari pelanggan (ditampilkan di sisi kiri) Pesan dari agen\/pengguna\u00a0(ditampilkan di sisi kanan) Setiap pesan dilengkapi dengan: Waktu pengiriman (timestamp) Status pesan (misalnya: terkirim, terbaca) 2.Penanda Waktu Penanda waktu adalah bagian pemisah dalam area percakapan yang digunakan untuk mengelompokkan pesan berdasarkan periode waktu tertentu. Biasanya ditampilkan di tengah area percakapan sebagai pembatas antar sesi chat. Label waktu yang biasa digunakan seperti: Hari ini Kemarin Tanggal tertentu (jika diperlukan) 3.Aktivitas Sistem Pesan sistem adalah notifikasi otomatis yang dihasilkan oleh sistem untuk mencatat aktivitas yang terjadi dalam percakapan, baik yang dilakukan oleh sistem maupun oleh pengguna (agen). Isi dari aktivitas sistem meliputi: Notifikasi percakapan tutup otomatis:\u00a0Menunjukkan bahwa percakapan ditutup otomatis oleh sistem.\u00a0Biasanya terjadi setelah tidak ada aktivitas dalam periode tertentu (misalnya 24 jam) Aktivitas penugasan: Menunjukkan bahwa percakapan diambil atau dipindahkan ke agen\/pengguna tertentu Informasi aktivitas lainnya: Misalnya perubahan status percakapan Input Pesan Input Pesan adalah bagian yang terletak di bagian bawah halaman yang digunakan oleh agent untuk menulis dan mengirim pesan kepada pelanggan. Komponen yang terdapat pada area percakapan: Field Input Pesan Ikon Emoji Ikon Lampiran Ikon WhatsApp 1.Field Input Pesan Field Input Pesan adalah area teks yang digunakan untuk mengetik pesan yang akan dikirimkan kepada pelanggan. 2.Ikon Emoji Ikon Emoji digunakan untuk menambahkan elemen ekspresi ke dalam pesan. 3.Ikon Lampiran Ikon lampiran digunakan untuk mengirim file atau media kepada pelanggan. Ikon lampiran mendukung pengiriman: Gambar Dokumen File 4.Ikon WhatsApp Ikon whatsApp digunakan untuk mengakses template pesan WhatsApp yang telah dibuat pada channel whatsapp. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Website-template.mp4 5. Tombol Kirim Tombol Kirim digunakan untuk mengirim pesan yang telah ditulis ke pelanggan.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/layanika.com\/en\/doks\/halaman-percakapan\/\" \/>\n<meta property=\"og:site_name\" content=\"Layanika\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T05:43:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1085\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/\",\"url\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/\",\"name\":\"Halaman Percakapan - Layanika\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/layanika.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/layanika.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/header-chat-1024x579.png\",\"datePublished\":\"2026-04-01T08:11:17+00:00\",\"dateModified\":\"2026-04-10T05:43:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/#primaryimage\",\"url\":\"https:\\\/\\\/layanika.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/header-chat-1024x579.png\",\"contentUrl\":\"https:\\\/\\\/layanika.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/header-chat-1024x579.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/layanika.com\\\/doks\\\/halaman-percakapan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/layanika.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dokumen\",\"item\":\"https:\\\/\\\/layanika.com\\\/dok\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Halaman Percakapan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/layanika.com\\\/#website\",\"url\":\"https:\\\/\\\/layanika.com\\\/\",\"name\":\"Layanika\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/layanika.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Halaman Percakapan - Layanika","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:\/\/layanika.com\/en\/doks\/halaman-percakapan\/","og_locale":"en_US","og_type":"article","og_title":"Halaman Percakapan - Layanika","og_description":"Halaman Percakapan merupakan area utama dalam menu\u00a0 Chat Online yang digunakan oleh pengguna (agen) untuk berinteraksi secara langsung dengan pelanggan. Pada halaman ini, seluruh aktivitas komunikasi ditampilkan secara real-time, mulai dari pesan masuk, pesan keluar, hingga aktivitas sistem seperti assignment dan penutupan percakapan. Halaman ini terdiri dari 3 komponen utama, yaitu: Header Percakapan Area Percakapan Header Percakapan Header halaman percakapan adalah bagian yang terletak di bagian paling atas halaman chat yang berfungsi sebagai informasi : Profil kontak Assignment Membuka dan menutup percakapan Pencarian pesan Log interaksi Blokir kontak 1.Profil Kontak Pada menu kotak pesan, anda dapat melihat informasi identitas kontak melalui Profil Kontak. Pengguna juga dapat mengisi atau melengkapi informasi kontak. Informasi yang bisa\u00a0 tambahkan seperti: Nama depan Nama belakang Informasi kontak: email, nama negara, nomor telepon, bahasa, alamat , dan tag. 2. Assigment Assigment berfungsi menugaskan untuk merespon percakapan pelanggan kepada agen lain. Pada saat Agen melakukan penugasan kepada Agen lain, secara otomatis percakapan akan hilang dan berpindah kepada Agen yang ditugaskan https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/assigment.mp4 3. Melepaskan Penugasan Kontak (Unassigned) Unassigned hanya terjadi pada saat pesan baru masuk dan belum direspons oleh agen. Apabila pesan sudah di respons oleh Agen maka pada kolom assign akan tertera nama Agen yang ditugaskan 4. Membuka Percakapan Membuka percakapan adalah proses mengakses atau memulai kembali interaksi dengan pelanggan melalui modul Chat Online di Layanika. Fitur ini memungkinkan agent melihat detail percakapan dan melanjutkan komunikasi dengan customer secara real-time 5. Pencarian pesan Pencarian pesan digunakan untuk mencari\u00a0 Riwayat Percakapan dengan pelanggan. 6. Log Interaksi Log interaksi berfungsi untuk memudahkan anda dalam memantau seluruh aktivitas pengguna serta pelanggan. Anda dapat melihat informasi seperti penugasan, dan menutup percakapan. Ini memudahkan pengguna untuk mengetahui apa saja aktivitas pada pesan pelanggan. Cara mengaksesnya: Klik log interaksi yang berada di sebelah kanan fitur blokir kontak untuk melihat log interaksi. Pada log interaksi akan menampilkan daftar interaksi seperti:a. Assigmentb. Percakapan berakhir Pengguna dapat mencari log interaksi berdasarkan rentang waktu tertentu. 7. Blokir Pelanggan Jika pengguna menerima pesan yang bersifat menggangu, spam, atau pesan yang tidak diinginkan, anda dapat menggunakan fitur Blokir Kontak untuk menghentikan interaksi dari kontak tersebut di masa mendatang. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/blokir-kontak-by-online-chat.mp4 Cara kerja dari blokir kontak: Pilih Blokir Kontak Klik Blokir Kontak yang terletak pada bagian sebelah kanan untuk melakukan pemblokiran kontak. Konfirmasi Pemblokiran Setelah itu, sistem akan mengirimkan konfirmasi apakah pengguna yakin untuk melakukan pemblokir kontak. Pilih blokir untuk memblokir kontak. Area Percakapan Area Percakapan adalah bagian utama di tengah halaman yang menampilkan seluruh isi komunikasi antara pelanggan dan agen dalam bentuk kronologis (berdasarkan waktu). Komponen yang terdapat pada area percakapan: Pesan Chat Penanda Waktu Aktivitas Sistem 1.Pesan Chat Pesan chat adalah elemen utama dalam Area Percakapan yang menampilkan isi komunikasi antara pelanggan dan agen. Informasi yang ada pada komponen meliputi: Pesan dari pelanggan (ditampilkan di sisi kiri) Pesan dari agen\/pengguna\u00a0(ditampilkan di sisi kanan) Setiap pesan dilengkapi dengan: Waktu pengiriman (timestamp) Status pesan (misalnya: terkirim, terbaca) 2.Penanda Waktu Penanda waktu adalah bagian pemisah dalam area percakapan yang digunakan untuk mengelompokkan pesan berdasarkan periode waktu tertentu. Biasanya ditampilkan di tengah area percakapan sebagai pembatas antar sesi chat. Label waktu yang biasa digunakan seperti: Hari ini Kemarin Tanggal tertentu (jika diperlukan) 3.Aktivitas Sistem Pesan sistem adalah notifikasi otomatis yang dihasilkan oleh sistem untuk mencatat aktivitas yang terjadi dalam percakapan, baik yang dilakukan oleh sistem maupun oleh pengguna (agen). Isi dari aktivitas sistem meliputi: Notifikasi percakapan tutup otomatis:\u00a0Menunjukkan bahwa percakapan ditutup otomatis oleh sistem.\u00a0Biasanya terjadi setelah tidak ada aktivitas dalam periode tertentu (misalnya 24 jam) Aktivitas penugasan: Menunjukkan bahwa percakapan diambil atau dipindahkan ke agen\/pengguna tertentu Informasi aktivitas lainnya: Misalnya perubahan status percakapan Input Pesan Input Pesan adalah bagian yang terletak di bagian bawah halaman yang digunakan oleh agent untuk menulis dan mengirim pesan kepada pelanggan. Komponen yang terdapat pada area percakapan: Field Input Pesan Ikon Emoji Ikon Lampiran Ikon WhatsApp 1.Field Input Pesan Field Input Pesan adalah area teks yang digunakan untuk mengetik pesan yang akan dikirimkan kepada pelanggan. 2.Ikon Emoji Ikon Emoji digunakan untuk menambahkan elemen ekspresi ke dalam pesan. 3.Ikon Lampiran Ikon lampiran digunakan untuk mengirim file atau media kepada pelanggan. Ikon lampiran mendukung pengiriman: Gambar Dokumen File 4.Ikon WhatsApp Ikon whatsApp digunakan untuk mengakses template pesan WhatsApp yang telah dibuat pada channel whatsapp. https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/Website-template.mp4 5. Tombol Kirim Tombol Kirim digunakan untuk mengirim pesan yang telah ditulis ke pelanggan.","og_url":"https:\/\/layanika.com\/en\/doks\/halaman-percakapan\/","og_site_name":"Layanika","article_modified_time":"2026-04-10T05:43:24+00:00","og_image":[{"width":1920,"height":1085,"url":"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/","url":"https:\/\/layanika.com\/doks\/halaman-percakapan\/","name":"Halaman Percakapan - Layanika","isPartOf":{"@id":"https:\/\/layanika.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/#primaryimage"},"image":{"@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/#primaryimage"},"thumbnailUrl":"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1024x579.png","datePublished":"2026-04-01T08:11:17+00:00","dateModified":"2026-04-10T05:43:24+00:00","breadcrumb":{"@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/layanika.com\/doks\/halaman-percakapan\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/#primaryimage","url":"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1024x579.png","contentUrl":"https:\/\/layanika.com\/wp-content\/uploads\/2026\/04\/header-chat-1024x579.png"},{"@type":"BreadcrumbList","@id":"https:\/\/layanika.com\/doks\/halaman-percakapan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/layanika.com\/"},{"@type":"ListItem","position":2,"name":"Dokumen","item":"https:\/\/layanika.com\/dok\/"},{"@type":"ListItem","position":3,"name":"Halaman Percakapan"}]},{"@type":"WebSite","@id":"https:\/\/layanika.com\/#website","url":"https:\/\/layanika.com\/","name":"Layanika","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/layanika.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/docs\/7499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/comments?post=7499"}],"version-history":[{"count":49,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/docs\/7499\/revisions"}],"predecessor-version":[{"id":9320,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/docs\/7499\/revisions\/9320"}],"wp:attachment":[{"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/media?parent=7499"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/doc_category?post=7499"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/layanika.com\/en\/wp-json\/wp\/v2\/doc_tag?post=7499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}