Generar
confianza es una de las claves del éxito de cualquier comercio electrónico. Una de las maneras de aumentar la sensación de confianza, es crear vías de
comunicación entre la tienda online y el cliente. La comunicación online vía web o
chat online se está conviertiendo en la vía que más importancia está adquiriendo últimamente.
En el presente artículo te enseñamos a implementar un
chat en Prestashop para que puedas mejorar la comunicación y confianza con tus clientes.
¿Qué aporta un chat online en un comercio electrónico?
- Ofrece una alternativa instantánea diferente al teléfono y el email.
- Aumenta las posibilidades de conseguir venta cruzada (cross-selling) y up-selling durante la conversación con el cliente.
- Proporciona un análisis en tiempo real del comportamient e intenciones del cliente en la web.
- Emplear el chat online para ofrecer ofertas exclusivas a los clientes que estén visitando en ese momento al tienda.
- Reducir el abandono del carrito mediante promociones, descuentos a través del chat, en definitiva, personalizando la venta y experiencia con el cliente.
- Incorporar los posibles nuevos clientes del chat en un CRM (ej. vtiger CRM) para realizar su seguimiento y anticipar una estrategia.
¿Como implementar el chat en Prestashop?
Las siguientes instrucciones son
generales y es posible que exista alguna pequeña
variación dependiendo de la plantilla de Prestashop instalada o de la aplicación web en la que se vaya a incorporar el chat. Es por eso que este artículo debe ser una mera guía o referencia sobre la que partir.
1. Backup
Lo más importante antes de
tocar nada es hacer un
backup de nuestra aplicación.
2. Elección de la aplicación de chat
Mi recomendación es Zopim, 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
integración IM (Google Talk, MSN Messenger). Además ofrece una versión
gratuita que es totalmente funcional.
3. Inscripción y descarga del código
Para inscibirse y usar Zopim, es necesario entrar a su web y
registrarse. Para ello
surfea en
http://www.zopim.com/pricing y registrate (sign up) en el plan Lite. Finalizado el r
egistro, te llegará un
email de bienvenida de Zopim, con un código javascript que es el que necesitas incluir en Prestashop. Así mismo, en dicho email figuran los datos de acceso al
dashboard, el
panel de control del chat, desde el cual atenderás a tus clientes.
4. Instalación del código javascript
La instalación del código javascript que acompaña el email de bienvenida, es el
único requisito necesario para incorporar Zopim en la web. Basta con
copiar y pegar éste código justo antes de la etiqueta </ body> en el HTML de la página. El script del chat copiado se encarga de todo lo demás.
Ejemplo de código javascript:
<!-- Start of Zopim Live Chat Script -->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=
z.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o
){z.set._.push(o)};$.setAttribute('charset','utf-8');$.async=!0;z.set.
_=[];$.src=('https:'==d.location.protocol?'https://ssl':'http://cdn')+
'.zopim.com/?zwQIOR1IOgaRdNrZPP8TxRQbj8ZxXXX';$.type='text/java'+s;z.
t=+new Date;z._=[];e.parentNode.insertBefore($,e)})(document,'script')
</script>
<!-- End of Zopim Live Chat Script -->
Esto que es tan sencillo en una página web
estándard, se complica,
un pelín, en Prestashop por su sistema de plantillas y el motor PHP Smarty.
Para localizar la etiqueta </ body>, tendrás que descargarte (por ej. via FTP) el archivo footer.tpl . Este archivo se encuentra dentro de la carpeta “themes\nombredeltema\” .
Una vez descargado, tendrás que editarlo (por ejemplo con el bloc de notas) y añadir el código suministrado por Zopim justo por encima de la etiqueta </ body>
Es muy importante que a tu código le añadas las cadenas {literal} {/literal} para que no sea interpretado por el motor Smarty:
Con ésto sería suficiente. Solo bastaría con subir por FTP tu
footer.tpl modificado, reescribiendo el original.
A veces es necesario desactivar la caché y forzar la compilación en Prestashop para que se vean los cambios. Esto se hace en: Backoffice > Preferencias > Rendimiento
Tienes que poner “Forzar compilación: Si” y “Caché: No”
Una vez lo veas correcto, debes dejar las opciones como estaban al principio.
5. Localización del idioma.
Si deseas que el chat sea mostrado a tus clientes en castellano, lo puedes conseguir añadiendo el siguiente código a continuación de del script proporcionado por Zopim:
<script type="text/javascript">$zopim(function() {
$zopim.livechat.setLanguage('es');
});
</script>
Conclusión
Existen módulos gratis pre-instalados en Prestashop (ej. Livezilla), y otras soluciones de chat muy potentes, pero ninguna de ellas comparte la sencillez de instalación de Zopim, la capacidad de poder atender a tus clientes, incluso a través del movil (vía Google talk) ni el coste de Zopim.
Hola a Todos de File Virtual
