25 OCT

¿Cómo añadir un chat de Zopim a mi tienda online?

Publicado en: Aspecto y Diseño web

Si te gusta puedes compartirlo aquí:

********************************************************************************

ATENCION: Antes de hacer este proceso debes tener activado el modo desarrollador en el gestor de contenidos:

/blog-ayuda/activardesactivar-el-gestor-de-contenidos-avanzado-en-una-tienda-mabisy-permite-editar-los-contenidos

********************************************************************************

 

Para añadir un chat con Zopim a tu tienda online debes de registrarte en su página para obtener el código HTML de su chat. Para registrarte debes de acceder al siguiente enlace: https://www.zopim.com/?lang=es#signup

 

Una vez registrado obtendrás un código HTML del tipo:

 

<- Inicio de Zopim Chat en vivo Script -> <script type="text/javascript"> 
window $ Zopim |. | Función ((d, s) {var z = $ Zopim = function (c) { 
z._.push (c)} $ = zs = d.createElement (s), e = d.getElementsByTagName (s) 
[0]; z.set = función (o) {z.set. _.push (o)}; z._ = []; z.set._ = [];. $ 
async = 0;!. $ setAttribute ('charset', 'utf-8'); . $ Src = "#####/?1c###Hy1l#######dc####zt=+new<http://#####,> 
$. type = 'text / javascript'; e.parentNode.insertBefore ($, e)}) 
(documento, 'script'); </ Script> <- Fin de Zopim Chat en vivo Script ->

 

Ahora que ya tienes el código debes de añadirlo a tu tienda online siguiendo los siguientes pasos. 

1. Añadir modulo

Vamos a ver como añadir un modulo a tu tienda online de Mabisy:

Una vez hayas accedido podrás ver  que tienes varios botones de color verde para añadir un módulo repartidos por la página. La posición del botón determinará la posición del módulo que añadas.

Al pulsar sobre un botón de añadir módulo podrás elegir el tipo de módulo: 

Ashampoo_Snap_2012.06.15_13h36m11s_001_.png

  1. Pestaña nuevo permite crear un nuevo módulo eligiendo el tipo de módulo, nombre y descripción.
  2. En la pestaña módulos existentes se te mostrarán todos los módulos que ya están en tu tienda. También te permite crear un nuevo módulo eligiendo uno existente. Ten en cuenta que si elijes esta opción no copiaras el modulo ya existente.
  3. El botón de añadir módulo agregara el módulo a tu tienda. Podrás modificar el módulo desde los siguientes botones:

Botones_modulo.png

Estos botones los encontraras en la parte superior de todos los módulos excepto en los módulo que actualicen su contenido de manera automática como podría ser el menú de liste de categorías que el botón de edición de contenido(botón verde) no estaría. Vamos a ver para que sirve cada botón.

Botón verde: Te permite modificar el contenido del módulo.

Botón azul: Te permite modificar las propiedades del módulo (si no puedes ver el botón azul, consulta el post Activar modo desarrollador).

Botón rojo: Sirve para eliminar el módulo (si no puedes ver el botón rojo, consulta el post ¿Cómo puedo eliminar un módulo?).

 

2. Añadir código HTML

1. Ahora que sabes como añadir un módulo vamos a ver como añadir el código HTML. Lo primero que tendrás que hacer es añadir el modulo de tipo HTML estático. 

2. Una vez tengas añadido el módulo pulsa sobre el botón boton_editar.jpg para editarlo.

3. Pega el código HTML pero tienes que hacerlo desde la herramienta HTML del editor de contenidos.

Editor HTML

 4. Después de pegar el código HTML Pulsa el botón "Actualizar"

Editor_html.jpg

5. Por último pulsa sobre el botón Guardar

 3. Añadir el código HTML en el <HEAD> 

 

NOTA: ES MUY IMPORTANTE QUE AÑADES EL CÓDIGO DE ZOPIM EN EL APARTADO DE <HEAD> PARA QUE FUNCIONE CORRECTAMENTE

 

Para introducir el código html tendrás que seguir todos los pasos anteriormente indicados, pero teniendo en cuenta que el módulo para introducir código en el head de la web es el que podrás encontrar en la parte superior izquierda de tu tienda por encima de los botones de edición y creación de páginas.

guia.jpg

Pulsa sobre el botón de añadir modulo sigue los pasos anteriores hasta añadir el modulo correcto y introduce el código HTML de Zopim.

4. Configura el módulo para que se muestre en todas las páginas si te interesa

1. Pulsa en el módulo sobre el botón de la rueda para ver las propiedades

editar-propiedades.png

2. Marca la opción de "mostrar en todas las páginas"

mostrar-en-todas-las-paginas-mabisy.png

3. Añade permisos de lectura al "public" para que todos los visitantes puedan verlo en todas las páginas

permisos.png

 

¡Y LISTO!

Video general del gestor de contenidos.

Como acceder al gestor de contenido de tu tienda online Mabisy

 

Entra en www.Mabisy.com  para crear tu tienda online ahora mismo.

 

¿Quieres proponer alguna mejora para las 100 mejoras anuales sin coste en Mabisy? Hazlo aquí ahora
¡Suerte con tu tienda online!

 

¿Te ha gustado? Si quieres puedes compartirlo aquí:


Centro de ayuda de Mabisy

Deja un comentario


( * ) Campos obligatorios

Sigue a Mabisy en Google + o Visíta nuestra página en Google+



Sobre el blog

Noticias, novedades, Actualidad y muchos trucos para hacer que tu tienda online sea un éxito.

Síguenos en...

 8.231