{"id":642,"date":"2020-06-18T21:03:44","date_gmt":"2020-06-18T21:03:44","guid":{"rendered":"http:\/\/directorist.com\/documentation\/?post_type=wpwax_extensions&#038;p=642"},"modified":"2022-04-11T12:23:07","modified_gmt":"2022-04-11T06:23:07","slug":"installation-and-configure","status":"publish","type":"wpwax_extensions","link":"https:\/\/directorist.com\/documentation\/extensions\/directorist-live-chat\/installation-and-configure\/","title":{"rendered":"Install and Configure"},"content":{"rendered":"\n<p><strong>Overview<\/strong><\/p>\n\n\n\n<p>LiveChat extension allows communication between Listing owners and Customers. Website owners only can see the chat history for any investigation. Adding LiveChat to your website adds credibility. Your visitors will instantly know there are real people on the other side ready to help at any moment.<\/p>\n\n\n\n<p><strong>Install &amp; Configure&nbsp;<\/strong><\/p>\n\n\n\n<p>To Install Themes &amp; Extensions Go to <strong>Directory Listing<\/strong> <strong>\u2192&nbsp; Themes &amp; Extensions \u2192 Connect Account \u2192 Put your Directorist Username &amp; Password<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/E-vj2-t4fkboOT7L9-Z0AHAU1z7R5VUoOzrjf3GFY2M2udmFKo2t2K69xflo7hudq4XjB6JiTTX_lTd8dqiByauequuWjBMqRpxAFdq7D0ntLOZg8qQhG4u48_rgVxL-BNgh8tFs\" alt=\"\" \/><\/figure>\n\n\n\n<p>After a successful connection with your account, the system will redirect to Themes &amp; Extension dashboard page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Lpm-feUlHz2GSK3sahmgOaJT9VnhH-Vz5jl_-pBlsUXa-ghrc_c07TE791h_qmMvIbfB5WeSjjHO8YU7FETMXCYONyH2jUJuHK3Rdyfyl0dMkeTSP2R0dZPzMUdgJHCMpRXps7ug\" alt=\"\" \/><\/figure>\n\n\n\n<p>Another way To install the Coupon Extension is to Download it from your directorist account dashboard and navigate to WP-Admin <strong>\u2192 <\/strong>&nbsp;<strong>Plugins \u2192 Add New \u2192 Upload a plugin<\/strong>. Upload the plugin and Activate it.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/zBtof-HghCq4RN7Kn9WF825WsapYgRijo6Bz5oQ9GGlR2wagjhekzs_N_wryIL2XA-mjm5EVRbXtZRNudDnnchp7fZIc_1V9FHjKgyriCpBerd9Yl6rJF07bHbzHjLVBCbmY2isz\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Settings: <\/strong>Setup Live Chat Once activated, make sure to enable the \u201cLive Chat\u201d extension in <strong>Directory Settings \u2192 Extensions Settings \u2192 Extensions General \u2192 Live Chat.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/pAoluOEx5jyRR6qHMV5W1nRMKjz_pvSoKuzZ41QAySOnbTyVTt9Yla6HLDfa2xtAvcVY9BuBjMLmOd5MsR2TL2lyY7Fv3ZxOrFhyv0U6T8GObh8Now9do1qi7sBcvHCLnti_N866\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Directory Builder: <\/strong>Go through <strong>Directory Builder \u2192 Single Listing Layout \u2192 Content \u2192 Preset Fields. <\/strong>If the extension is already enabled then you will find a preset field that needs to be dragged on active fields to show LiveChat interface on a single listing page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/2P29TBOL1Fp1gHJnnkDnosYWts5LiP2ThTDF7qezyC55f-1g-YzQ0VzWWYCVdwYfPuUoaOPrArqKxzjANFheMGYdqOE1dgILedbBGns0qjhn5zwGTR6auuo3GB9F6yzMZl3NzaKE\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Shortcode: <\/strong>Add the live chat shortcode <strong>[directorist_live_chat] <\/strong>on the single listing page to display the live chat section. You can position the shortcode wherever you want. User View- That is it! The setup process has been completed and the live chat extension is ready to be used. Upon completion of the setup, the live chat will appear on the Single Listing Page.&nbsp;<\/p>\n\n\n\n<p><strong>NB: <\/strong>LiveChat functionality will not come in view on the All Listing page. To start chatting click on the \u201cStart Chat\u201d button on the Single Listing Page.<\/p>\n\n\n\n<p><strong>Chat Interface: <\/strong>Here is a demonstration of the live chat extension. On the left panel, the listing owner is chatting from the dashboard and the user is chatting on the right from the single listing page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/qCcUdcf5lH_Bmi6Cwk3X7apaZHJzCQvwRJFJ7y8QL1z8djyb3f71QROnx-AmNEoOd-ERd_E9PegChfe0KVuR6liUosYJkAwsWyfn1f_o937l4v3xfu25IMLJJwlNuPA8OcLvubDx\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/3ZHX4xCDZoua4s5Mb27UPUTpG15-v1FTGCQn0QNvll-QbZxCH3IHEnMSzG5Q1IUCQlsyXv_lgos5lympsIGx3f_hQaTsjs5oyDI56oBxsEq8QVtNI1mTUDumPm0j7aZTTeCCnQPJ\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Listing Owner Chat Panel:<\/strong> Listing Owner requires to chat from the User <strong>Dashboard Page \u2192 Chat tab.<\/strong> All the chats will be listed on the left sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/V9COuXx_BO4cDoL2LWV_roXsHtizbtjuLVP8WtJ8hU7DEDbQd1SFYMTsUCxydwyKt0YvGyHnBsRWqPyOz0J6afAZarh3kaG6hNLANXvHmaLrsSABYCRAbbo8N1PgaZ0KKxMSBcsA\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>NB: <\/strong>Listing Owner will receive an Email Notification when there is a new chat.<\/p>\n\n\n\n<p><strong>Website Owner Panel: <\/strong>Admin can check the history of records, in which listings conversation has been executed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/7hg7p4zsKmzLgnWNeqhJNlR0qGcnk_Iemh7IuCm_0tZC4M0eFru8izoI69v0SZhKcs1j7h0DX06YAkLuJQSbKloBT-l2TyZ1ModxjxzASRCvwtOKqdw60UOuw_71BcAAkiemM0CC\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Customization: <\/strong>&nbsp;You can customize the chat label on a single listing page&nbsp; and user dashboard.&nbsp;<\/p>\n\n\n\n<p><strong>\u201cStart Chatting\u201d Button: <\/strong>You can change the button text of the \u201cStart Chatting\u201d button located on the Single Listing page. This is the button that a user needs to click to start chatting.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>&#8220;Show Chat&#8221; Button: <\/strong>You can change the button text of the \u201cShow Chat\u201d button located on the Single Listing page. This button reveals the previous conversations.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>&#8220;Hide Chat&#8221; Button: <\/strong>You can also change the button text of the \u201cHide Chat\u201d button. Clicking on it will hide the conversation.&nbsp;<\/p>\n\n\n\n<p><strong>&#8220;Chat&#8221; Tab Label (User Dashboard):<\/strong> The \u201cChat\u201d tab label located in the User Dashboard is also editable.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/Yi0K8GYGkl9VLxK9ZnL87uh_TKyR2BwSJuRYPBl0p3rQrlWQGoaljC0VF-MBAgY6P99wsR7hr910IWavq0xvhRY_HbeAT1AfG-SpuvH3f79kenEATH_L9VDfpHDgKLZUt-0VXZMv\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Faq:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>&nbsp;Is there any Shortcode available?<\/li><\/ol>\n\n\n\n<p><strong>Ans<\/strong>: Yes. You can adjust the position of the live chat using the following shortcode [directorist_live_chat]<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>Can I position live chat wherever I want?<\/li><\/ol>\n\n\n\n<p><strong>Ans<\/strong>: By default, you are unable to do so for now. However, you can use CSS to position it according to your will.<\/p>\n","protected":false},"author":2298,"parent":0,"menu_order":0,"template":"","class_list":["post-642","wpwax_extensions","type-wpwax_extensions","status-publish","hentry","wpwax_extensions_category-directorist-live-chat"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions\/642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_extensions"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/2298"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}