The specified version of the app (2.x.0) does not exist. This page is about the latest stable version, which is 3.6.0.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/00.png
You can find this guide in three different languages: English, Spanish and Portuguese. Click on your preferred language to be redirected.
English
¡Welcome to Chattigo!
In this guide we will teach you what Chattigo is and how to configure it correctly in your VTEX store and thus be able to provide optimal service to your customers.
Index
- What is Chattigo?
- How does Chattigo integrate with your VTEX store?
- How to configure your own Webchat?
- A. Creating a client
- B. Creating a Webchat channel
- C. Installation of Chattigo App in VTEX
¿What is Chattigo?
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/01.png
Chattigo is a digital platform that facilitates communication between companies and customers, managing the main contact channels in a unified way . You will be able to manage your conversations in one place, use a ChatBot made for you, unify all your communication channels and transform contacts into opportunities to improve the relationship with your customers by renewing their trust through the communication.
How does Chattigo integrate with your VTEX store?
In a very simple way! By installing our App in VTEX you will have a Webchat in which your clients will be able to communicate with you with just one click.
A Webchat is a contact channel within the Chattigo platform that will be visible to your customers within your VTEX store in the way you want to customize it. You can attend to incoming chats in an organized manner within the Chattigo platform with your Agent or Supervisor role users.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/03.png
Example of a chat sequence diagram with Webchat
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/04.jpg
Visual example of Webchat widget
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/05.png
Visual example of a chat with Webchat
You can also connect your Webchat to a Bot and have it operate automatically, you can schedule autoreply messages, service hours, have several agents operating, configure ** campaigns** and many options that fit your preferences.
Webchat is just your start with Chattigo, we have integrations with more than 12 different communication channels like WhatsApp, Messenger, Instagram, Telegram and many more.
How to configure your own Webchat?
A. Creating a client
The first thing we will need in this process is to create our own Chattigo account. For that, the best way is to contact our team, and they can create and adjust your account according to your business needs. You will have our support in any doubts and queries you may have, as well as a free trial period so that you can get to know our platform in depth.
Chattigo offers various subscription plans and our team will help you in the selection process. For more information about them, you can click here.
B. Creating a Webchat channel
Once we have our account, it is time to create our own Webchat channel. You can ask our support team to create it for you or follow the simple steps below to create it! yourself!.
- Enter Chattigo with your supervisor credentials
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/06.png
- In the left side panel click the Settings dropdown menu and then the Channels option
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/07.png
- You will be redirected to the Channels section, within this click the + symbol in the upper right corner, some of our channel options will be displayed, this time we will click the *Webchat option * to start configuring the channel
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/08.png
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/09.jpg
- We come to the webchat configuration section, here you can customize how you want your widget to be displayed, here you can configure options such as: - Logo
- Title
- Associated campaign
- Caption
- Channel priority
- Colors
- Left or right alignment
- Start fields
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/10.png
For more customization options, you can contact our support team.
-
Once configured to your liking, we will click on the Continue button
-
The last step before concluding is to save the ID of your new Webchat channel. You will be provided with the configuration code if you want to insert it into your website, but in this case what we need to copy is the Channel Identification Code, we click on that same text and on the copy symbol to save our identifier that we will later use in VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/11.jpg
- Con un clic en Finalizar Configuración estaremos listos, ¡Ya hemos completado el proceso de creación del canal de Webchat! En los siguientes pasos veremos como integrar este canal con nuestra tienda de VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/12.png
C. Installation of Chattigo App on VTEX
We already have our Chattigo account and our Webchat contact channel! We only have to integrate it into our VTEX store by following these steps.
- The first thing we must do to be able to integrate our Webchat widget is to download our application from the VTEX App Store, we can find it in this link, once on the site click the Get App button, follow the steps
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/13.png
- Once the application is installed, we go to our administration panel of our VTEX store. On the left side panel, go to the Apps -> My Apps section near the bottom of the list
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/14.png
- In the section where your installed applications are, look for our extension called Chattigo Webchat Widget, once located, click on the Settings button
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/15.png
- We are almost finished, for our Webchat to work we need to insert the channel identifier code that we previously copied in step 'number 6' of section 'B. Creation of a Webchat' channel, once our ID has been inserted, we click on the save button.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/16.png
- Configuration finished! To see the widget we can go to our store and see that it is available.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/17.png
It only remains to wait for our clients to contact us through it. When contacting and messaging, we may be able to accommodate your requests through the agent or supervisor interface within Chattigo.
We hope this guide has been useful to you, if you have any questions, we are available to resolve your queries.
Portuguese
Bem-vindo ao Chattigo!
Neste guia vamos te ensinar o que é o Chatigo e como configurá-lo corretamente em sua loja VTEX e assim conseguir atender da melhor forma seus clientes.
Índice
- O que é Chattigo?
- Como o Chattigo se integra à sua loja VTEX?
- Como configurar seu próprio Webchat?
- A. Criando um cliente
- B. Criando um canal de Webchat
- C. Instalação do App Chattigo na VTEX
O que é Chattigo?
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/01.png
Chatigo é uma plataforma digital que facilita a comunicação entre empresas e clientes, gerenciando os principais canais de contato de forma unificada. Você poderá gerenciar suas conversas em um só lugar, usar um ChatBot feito para você, unificar todos os seus canais de comunicação e transformar contatos em oportunidades para melhorar o relacionamento com seus clientes renovando sua confiança através do comunicação.
Como o Chattigo se integra à sua loja VTEX?
De uma forma muito simples! Instalando nosso App na VTEX você terá um Webchat no qual seus clientes poderão se comunicar com você com apenas um clique.
Um Webchat é um canal de contato dentro da plataforma Chattigo que ficará visível para seus clientes dentro da sua loja VTEX da forma que você quiser personalizar. Você pode atender aos chats recebidos de maneira organizada na plataforma Chattigo com seus usuários com função de agente ou supervisor.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/03.png
Exemplo de diagrama de sequência de chat com Webchat
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/04.jpg
Exemplo visual de widget de Webchat
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/05.png
Exemplo visual de um chat com Webchat
Você também pode conectar seu Webchat a um Bot e fazer com que ele opere automaticamente, você pode agendar mensagens de resposta automática, horários de atendimento, ter vários agentes operando, configurar ** campanhas** e muitas opções que atendem às suas preferências.
Webchat é apenas o seu começo com o Chattigo, temos integrações com mais de 12 canais de comunicação diferentes como WhatsApp, Messenger, Instagram, Telegram e muitos mais.
Como configurar seu próprio Webchat?
A. Criando um cliente
A primeira coisa que precisamos neste processo é criar nossa própria conta Chattigo. Para isso, a melhor forma é contatar nossa equipe, que podem criar e ajustar sua conta de acordo com as necessidades do seu negócio. Você terá nosso suporte nas dúvidas e perguntas que tiver, além de um período de teste gratuito para conhecer a fundo nossa plataforma.
Chatigo oferece vários planos de assinatura e nossa equipe irá ajudá-lo no processo de seleção. Para mais informações sobre eles, você pode clicar aqui.
B. Criando um canal de Webchat
Assim que tivermos nossa conta, é hora de criar nosso próprio canal de Webchat. Você pode pedir à nossa equipe de suporte para criá-lo para você ou seguir as etapas simples abaixo para criá-lo você mesmo!
- Digite Chattigo com suas credenciais de supervisor
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/06.png
- No painel esquerdo, clique no menu suspenso Configurações e, em seguida, na opção Canais
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/07.png
- Você será redirecionado para a seção Canais, dentro desta clique no símbolo + no canto superior direito, algumas de nossas opções de canais serão exibidas, desta vez clicaremos no *Webchat opção * para começar a configurar o canal
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/08.png
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/09.jpg
- Chegamos à seção de configuração do webchat, aqui você pode personalizar como deseja que seu widget seja exibido, aqui você pode configurar opções como:
- Logotipo
- Título
- Campanha associada
- Legenda
- Prioridade de canal
- Cores
- Alinhamento à esquerda ou à direita
- Iniciar campos
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/10.png
Para mais opções de personalização, entre em contato com nossa equipe de suporte.
-
Uma vez configurado a seu gosto, clicaremos no botão Continuar
-
O último passo antes de concluir é salvar o ID do seu novo canal de Webchat. Você receberá o código de configuração caso queira inseri-lo em seu site, mas neste caso o que precisamos copiar é o Código de Identificação do Canal, clicamos nesse mesmo texto e no símbolo de cópia para salvar nosso identificador que usaremos posteriormente na VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/11.jpg
- Com um clique em Concluir Configuração estaremos prontos, já concluímos o processo de criação do canal Webchat! Nas etapas a seguir veremos como integrar este canal com nossa loja VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/12.png
C. Instalação do App Chattigo na VTEX
Já temos nossa conta Chatigo e nosso canal de contato Webchat! Basta integrá-lo à nossa loja VTEX seguindo estes passos.
- A primeira coisa que devemos fazer para poder integrar nosso widget Webchat é baixar nosso aplicativo na VTEX App Store, podemos encontrá-lo neste link, uma vez no site clique no botão Get App, siga os passos
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/13.png
- Uma vez instalado o aplicativo, vamos ao nosso painel de administração da nossa loja VTEX. No painel esquerdo, vá para a seção Apps -> My Apps próximo ao final da lista
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/14.png
- Na seção onde estão seus aplicativos instalados, procure nossa extensão chamada Chatigo Webchat Widget, uma vez localizado, clique no botão Configurações
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/15.png
- Estamos quase terminando, para que nosso Webchat funcione precisamos inserir o código identificador do canal que copiamos anteriormente no passo 'número 6' da seção 'B. Criação de um canal Webchat', uma vez inserido nosso ID, clicamos no botão salvar.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/16.png
- Configuração finalizada! Para ver o widget podemos ir à nossa loja e verificar se está disponível.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/17.png
Resta apenas aguardar que nossos clientes nos contatem através dele. Ao entrar em contato e enviar mensagens, podemos atender às suas solicitações por meio da interface do agente ou do supervisor no Chattigo.
Esperamos que este guia tenha sido útil para você, caso tenha alguma dúvida, estamos à disposição para sanar suas dúvidas.
Spanish
¡Bienvenido a Chattigo!
En esta guia te enseñaremos que es Chattigo y como configurarlo correctamente en tu tienda de VTEX y asi poder brindar una óptima atención a tus clientes.
Indice
- ¿Qué es Chattigo?
- ¿Como Chattigo se integra con tu tienda de VTEX?
- ¿Como configurar tu propio Webchat?
- A. Creación de un cliente
- B. Creación de un canal de Webchat
- C. Instalación de Chattigo App en VTEX
¿Qué es Chattigo?
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/01.png
Chattigo es una plataforma digital que facilita la comunicación entre empresas y clientes, gestionando en forma unificada los principales canales de contacto. Podrás gestionar tus conversaciones en un solo lugar, utilizar un ChatBot hecho a tu medida, unificar todos tus canales de comunicación y transformar contactos en oportunidades de mejorar la relación con tus clientes renovando su confianza a través de la comunicación.
¿Como Chattigo se integra con tu tienda de VTEX?
¡De una muy sencilla manera! Al instalar nuestra App en VTEX dispondrás de un Webchat en el cual tus clientes podrán comunicarse contigo solo con un clic.
Un Webchat es un canal de contacto dentro de la plataforma de Chattigo que se visibilizara para tus clientes dentro de tu tienda VTEX de la manera en la que quieras personalizarlo. Los chats entrantes los podrás atender organizadamente dentro plataforma de Chattigo con tus usuarios de roles de Agente o Supervisor.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/03.png
Ejemplo de diagrama de secuencia de chat con Webchat
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/04.jpg
Ejemplo visual de widget de Webchat
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/05.png
Ejemplo visual de un chat con Webchat
También podrás conectar tu Webchat a un Bot y que opere automáticamente, podrás programar mensajes de auto respuestas, horarios de atención, tener varios agentes operando, configurar campañas y muchas opciones que se ajusten a tus preferencias.
Webchat es solo tu comienzo con Chattigo, tenemos integraciones con más de 12 canales de comunicación distintos como WhatsApp, Messenger, Instagram, Telegram y muchos otros más.
¿Como configurar tu propio Webchat?
A. Creación de un cliente
Lo primero que necesitaremos en este proceso es crear nuestra propia cuenta en Chattigo. Para eso, la mejor manera es que contactes con nuestro equipo, y puedan crear y ajustar tu cuenta según las necesidades de tu negocio. Tendrás nuestro apoyo en las dudas y consultas que tengas, así como también un periodo gratis de prueba para que puedas conocer en profundidad nuestra plataforma.
Chattigo ofrece diversos planes de suscripción y nuestro equipo te ayudara en el proceso de selección. Para más infomación sobre ellos, puedes cliquear aquí.
B. Creación de un canal de Webchat
Una vez que dispongamos de nuestra cuenta, es momento de crear nuestro propio canal de Webchat. Puedes solicitar a nuestro equipo de soporte que lo creen por ti o seguir los siguientes sencillos pasos para ¡crearlo tú mismo!.
- Ingresa a Chattigo con tus credenciales de supervisor
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/06.png
- En el panel lateral izquierdo cliquea el menú desplegable de Configuración y luego la opción Canales
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/07.png
- Serás redireccionado a la sección de Canales, dentro de esta cliquea el símbolo + en la esquina superior derecha, se visualizarán algunas de nuestras opciones de canales, en esta ocasión cliquearemos la opción Webchat para comenzar a configurar el canal
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/08.png
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/09.jpg
- Llegamos al apartado de configuración de webchat, aquí podrás personalizar a gusto como quieres que se visualice tu widget, aquí podrás configurar opciones como:
- Logo
- Título
- Campaña asociada
- Subtitulo
- Prioridad del canal
- Colores
- Alineación izquierda o derecha
- Campos de inicio
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/10.png
Para más opciones de personalización, puedes contactar con nuestro equipo de soporte.
-
Una vez configurado a gusto, le daremos clic al botón de Continuar
-
El último paso antes de concluir es guardar el ID de tu nuevo canal de Webchat. Se te proveerá el código de configuración si quieres insertarlo en tu sitio web, pero en este caso lo que necesitamos copiar es el Código de identificación de canal, le damos clic a ese mismo texto y al símbolo de copiar para guardar nuestro identificador que luego usaremos en VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/11.jpg
- Con un clic en Finalizar Configuración estaremos listos, ¡Ya hemos completado el proceso de creación del canal de Webchat! En los siguientes pasos veremos como integrar este canal con nuestra tienda de VTEX.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/12.png
C. Instalación de Chattigo App en VTEX
¡Ya tenemos nuestra cuenta en Chattigo y nuestro canal de contacto de Webchat! Solo nos queda integrarlo en nuestra tienda de VTEX siguiendo estos pasos.
- Lo primero que debemos hacer para poder integrar nuestro widget de Webchat es descargar nuestra aplicación del App Store de VTEX, la podremos encontrar en este link, una vez en el sitio darle clic al botón de Obtener App, seguir los pasos
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/13.png
- Ya con la aplicación instalada, nos dirigimos a nuestro panel de administración de nuestra tienda de VTEX. En el panel lateral izquierdo, ir a la sección de Apps -> My Apps casi en el final de la lista
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/14.png
- En la sección donde se encuentran tus aplicaciones instaladas buscar nuestra extensión llamada Chattigo Webchat Widget, una vez localizada, darle al botón de Configuración
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/15.png
- Ya casi concluimos, para que funcione nuestro Webchat hace falta insertar el código de identificador de canal que previamente copiamos en el paso 'número 6' de la sección 'B. Creación de un canal de Webchat', una vez insertado nuestro ID, le damos al botón de guardar.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/16.png
- ¡Configuración finalizada! Para contemplar el widget podemos dirigirnos a nuestra tienda y visualizar que esté disponible.
An error occurred while loading the image https://raw.githubusercontent.com/mromerachattigo/vtex-chattigo-images/main/images/17.png
Solo resta aguardar que nuestros clientes se contacten con nosotros a través del mismo. Cuando se contacten y envíen mensajes, podremos atender sus solicitudes a través de la interfaz de agente o supervisor dentro de Chattigo.
Esperemos que esta guía les haya sido de utilidad, ante cualquier duda, estamos disponibles para resolver sus consultas.