{"id":907,"date":"2011-11-11T14:07:43","date_gmt":"2011-11-11T14:07:43","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=907"},"modified":"2023-07-17T08:45:15","modified_gmt":"2023-07-17T07:45:15","slug":"como-instalar-un-chat-en-prestashop","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2011\/11\/como-instalar-un-chat-en-prestashop\/","title":{"rendered":"Como instalar un chat en Prestashop"},"content":{"rendered":"<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/07\/zopim2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-31\" title=\"zopim2\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/07\/zopim2.jpg\" alt=\"\" width=\"315\" height=\"147\" \/><\/a>Generar <strong>confianza<\/strong> es una de las claves del \u00e9xito de cualquier comercio electr\u00f3nico. Una de las maneras de aumentar la sensaci\u00f3n de confianza, es crear v\u00edas de <strong>comunicaci\u00f3n<\/strong> entre la tienda online y el cliente. La comunicaci\u00f3n online v\u00eda web o <strong>chat online<\/strong> se est\u00e1 conviertiendo en la v\u00eda que m\u00e1s importancia est\u00e1 adquiriendo \u00faltimamente.<br \/>\nEn el presente art\u00edculo te ense\u00f1amos a implementar un <strong>chat en Prestashop<\/strong> para que puedas mejorar la comunicaci\u00f3n y confianza con tus clientes.<\/p>\n<h2>\u00bfQu\u00e9 aporta un chat online en un comercio electr\u00f3nico?<\/h2>\n<ul>\n<li>Ofrece una <strong>alternativa<\/strong> instant\u00e1nea diferente al tel\u00e9fono y el email.<\/li>\n<li><strong>Aumenta<\/strong> las posibilidades de conseguir venta cruzada (cross-selling) y up-selling durante la conversaci\u00f3n con el cliente.<\/li>\n<li>Proporciona un <strong>an\u00e1lisis<\/strong> en tiempo real del comportamient e intenciones del cliente en la web.<\/li>\n<li>Emplear el chat online para ofrecer ofertas <strong>exclusivas<\/strong> a los clientes que est\u00e9n visitando en ese momento al tienda.<\/li>\n<li><strong>Reducir<\/strong> el abandono del carrito mediante promociones, descuentos a trav\u00e9s del chat, en definitiva, personalizando la venta y experiencia con el cliente.<\/li>\n<li>Incorporar los posibles nuevos clientes del chat en un <strong>CRM<\/strong> (ej. <a title=\"Gesti\u00f3n de clientes con vtiger CRM\" href=\"http:\/\/www.apprentalonline.es\/blog\/2011\/10\/gestion-de-clientes-con-vtiger-crm\/\" target=\"_blank\" rel=\"noopener\">vtiger CRM<\/a>) para realizar su seguimiento y anticipar una estrategia.<\/li>\n<\/ul>\n<h2>\u00a0\u00bfComo implementar el chat en Prestashop?<\/h2>\n<p>Las siguientes instrucciones son <strong>generales<\/strong> y es posible que exista alguna peque\u00f1a <strong>variaci\u00f3n<\/strong> dependiendo de la plantilla de Prestashop instalada o de la aplicaci\u00f3n web en la que se vaya a incorporar el chat. Es por eso que este art\u00edculo debe ser una mera gu\u00eda o referencia sobre la que partir.<\/p>\n<h4>1. Backup<\/h4>\n<p>Lo m\u00e1s importante antes de <em>tocar nada<\/em> es hacer un <strong>backup<\/strong> de nuestra aplicaci\u00f3n. Puedes <a title=\"Como hacer una copia de seguridad de las aplicaciones web\" href=\"http:\/\/www.apprentalonline.es\/blog\/2011\/10\/como-hacer-una-copia-de-seguridad-de-las-aplicaciones-web\/\" target=\"_blank\" rel=\"noopener\">ver nuestro videotutorial<\/a> si no sabes muy bien como hacerlo.<\/p>\n<h4><strong><a href=\"http:\/\/bit.ly\/Z84PrK\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-908 alignleft\" title=\"precios pricing zopim\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/11\/precios-pricing-zopim.jpg\" alt=\"\" width=\"605\" height=\"380\" \/><\/a><\/strong><\/h4>\n<h4><\/h4>\n<h4><\/h4>\n<h4>2. Elecci\u00f3n de la aplicaci\u00f3n de chat<\/h4>\n<p>Mi recomendaci\u00f3n es <a title=\"Zopim\" href=\"http:\/\/bit.ly\/Z84PrK\" target=\"_blank\" rel=\"noopener\">Zopim<\/a>, que es el sistema de chat que usamos en nuestra web. Es un sistema de chat muy sencillo de implementar y de usar, con gran cantidad de addons y plugins para varias aplicaciones web y una sobresaliente <strong>integraci\u00f3n IM<\/strong> (Google Talk, MSN Messenger).\u00a0 Adem\u00e1s ofrece una versi\u00f3n <strong>gratuita<\/strong> que es totalmente funcional.<\/p>\n<h4>3. Inscripci\u00f3n y descarga del c\u00f3digo<\/h4>\n<p>Para inscibirse y usar Zopim, es necesario entrar a su web y <strong>registrarse<\/strong>. Para ello <em>surfea<\/em> en\u00a0 <a href=\"http:\/\/bit.ly\/Z84PrK\" target=\"_blank\" rel=\"noopener\">http:\/\/www.zopim.com\/pricing<\/a> y registrate (sign up) en el plan gratuito. Finalizado el registro, te llegar\u00e1 un <strong>email<\/strong> de bienvenida de Zopim, con un c\u00f3digo javascript que es el que necesitas incluir en Prestashop. As\u00ed mismo, en dicho email figuran los datos de acceso al <strong>dashboard<\/strong>, el <em>panel de control<\/em> del chat, desde el cual atender\u00e1s a tus clientes.<\/p>\n<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/11\/zopim-dashboard.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-918\" title=\"zopim-dashboard\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/11\/zopim-dashboard-1024x511.jpg\" alt=\"\" width=\"620\" height=\"309\" \/><\/a><\/p>\n<h4 style=\"text-align: left;\">4. Instalaci\u00f3n del c\u00f3digo javascript<\/h4>\n<p>La instalaci\u00f3n del c\u00f3digo javascript que acompa\u00f1a el email de bienvenida, es el <strong>\u00fanico<\/strong> requisito necesario para incorporar Zopim en la web.\u00a0 Basta con <strong>copiar y pegar<\/strong> \u00e9ste c\u00f3digo\u00a0 justo antes de la etiqueta &lt;\/ body&gt; en el HTML de la p\u00e1gina. El script del chat copiado se encarga de todo lo dem\u00e1s.<\/p>\n<p>Ejemplo de c\u00f3digo javascript:<\/p>\n<p><code>&lt;!-- Start of Zopim Live Chat Script --&gt;<br \/>\n&lt;script type=\"text\/javascript\"&gt;<br \/>\nwindow.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=<br \/>\nz.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o<br \/>\n){z.set._.push(o)};$.setAttribute('charset','utf-8');$.async=!0;z.set.<br \/>\n_=[];$.src=('https:'==d.location.protocol?'https:\/\/ssl':'http:\/\/cdn')+<br \/>\n'.zopim.com\/?zwQIOR1IOgaRdNrZPP8TxRQbj8ZxXXX';$.type='text\/java'+s;z.<br \/>\nt=+new Date;z._=[];e.parentNode.insertBefore($,e)})(document,'script')<br \/>\n&lt;\/script&gt;<br \/>\n&lt;!-- End of Zopim Live Chat Script --&gt;<br \/>\n<\/code><\/p>\n<p>Esto que es tan sencillo en una p\u00e1gina web <em>est\u00e1ndard<\/em>, se complica, <em>un pel\u00edn<\/em>, en Prestashop por su sistema de plantillas y el motor PHP <a title=\"Smarty\" href=\"http:\/\/www.smarty.net\/\" target=\"_blank\" rel=\"noopener\">Smarty<\/a>.<\/p>\n<p style=\"text-align: left;\">Para localizar la etiqueta &lt;\/ body&gt;, tendr\u00e1s que descargarte (por ej. via FTP) el archivo <strong>footer.tpl<\/strong> . Este archivo se encuentra dentro de la carpeta \u00ab<em>themesnombredeltema<\/em>\u00bb .<br \/>\nUna vez descargado, tendr\u00e1s que editarlo (por ejemplo con el bloc de notas) y a\u00f1adir el c\u00f3digo suministrado por Zopim justo por encima de la etiqueta <em><strong>&lt;\/ body&gt;<\/strong><\/em><\/p>\n<p style=\"text-align: left;\">Es muy importante que a tu c\u00f3digo le a\u00f1adas las cadenas <code>{literal}<\/code> <code>{\/literal} <\/code>para que no sea interpretado por el motor Smarty:<\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/11\/codigo-chat-prestashop.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-914\" title=\"codigo-chat-prestashop\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2011\/11\/codigo-chat-prestashop.jpg\" alt=\"\" width=\"610\" height=\"330\" \/><\/a>Con \u00e9sto ser\u00eda suficiente. Solo bastar\u00eda con subir por FTP tu <strong>footer.tpl<\/strong> modificado, reescribiendo el original.<\/p>\n<p><em>*Nota:<\/em><br \/>\nA veces es necesario desactivar la cach\u00e9 y forzar la compilaci\u00f3n en Prestashop para que se vean los cambios. Esto se hace en: Backoffice &gt; Preferencias &gt; Rendimiento<br \/>\nTienes que poner \u00abForzar compilaci\u00f3n: Si\u00bb y \u00abCach\u00e9: No\u00bb<br \/>\nUna vez lo veas correcto, debes dejar las opciones como estaban al principio.<\/p>\n<h4 style=\"text-align: left;\">5. Localizaci\u00f3n del idioma.<\/h4>\n<p style=\"text-align: left;\">Si deseas que el chat sea mostrado a tus clientes en <strong>castellano<\/strong>, lo puedes conseguir a\u00f1adiendo el siguiente c\u00f3digo a continuaci\u00f3n de del script proporcionado por Zopim:<\/p>\n<h3><code>&lt;script type=\"text\/javascript\"&gt;$zopim(function() {<br \/>\n$zopim.livechat.setLanguage('es');<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n<\/code> Conclusi\u00f3n<\/h3>\n<p>Existen m\u00f3dulos gratis pre-instalados en Prestashop (ej. Livezilla), y otras soluciones de chat muy potentes, pero ninguna de ellas comparte la sencillez de instalaci\u00f3n de Zopim, la capacidad de poder atender a tus clientes, incluso a trav\u00e9s del movil (v\u00eda Google talk) ni el coste de Zopim.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generar confianza es una de las claves del \u00e9xito de cualquier comercio electr\u00f3nico. Una de las maneras de aumentar la sensaci\u00f3n de confianza, es crear v\u00edas de comunicaci\u00f3n entre la tienda online y el cliente. La comunicaci\u00f3n online v\u00eda web o chat online se est\u00e1 conviertiendo en la v\u00eda que m\u00e1s importancia est\u00e1 adquiriendo \u00faltimamente. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":31,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[26,42,34,36],"tags":[110,116,77,93,60,29,30,38],"class_list":["post-907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comercio-electronico","category-prestashop","category-programacion-de-sitios-web","category-web-apps","tag-chat-online","tag-chat-prestashop","tag-comercio-electronico-2","tag-crm","tag-customizacion","tag-prestashop","tag-tiendas-online","tag-zopim"],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"_links":{"self":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/comments?post=907"}],"version-history":[{"count":2,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/907\/revisions"}],"predecessor-version":[{"id":6740,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/907\/revisions\/6740"}],"wp:attachment":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/categories?post=907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/tags?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}