Si tiene un sitio web de Shopify, puede instalar el widget de chat de Conversaciones copiando y pegando su código de instalación en el código de su sitio web. 

Antes de empezar

Conéctese a su cuenta de administrador de Shopify.

🔐 Parte 1: recuperar el código del widget de chat

Para instalar el widget de chat de Conversaciones en su sitio web de Shopify, debe recuperar el código del widget de Conversaciones: 

1. Desde su cuenta de Brevo, acceda a Conversations (Conversaciones) > Settings (Configuración) > Chat widget (Widget de chat).
2. Haga clic en Install the chat widget (Instalar el widget de chat).
   
3. Personalice el aspecto de su widget de chat y configure su perfil de agente:
   
   Para obtener más información sobre el widget de chat y la personalización del perfil, consulte nuestros artículos dedicados Personalizar el aspecto de su widget de chat y Personalizar su perfil del chat.
4. Durante el paso Installation (Instalación), elija instalar Manually (Manualmente) su widget de chat y haga clic en Continue (Continuar). 
   
   
5. Utilice Copy (Copiar) para copiar el código del widget de chat de Conversaciones.
   

Una vez que haya copiado con éxito el código de instalación del widget de chat de Conversaciones, podrá acceder a su cuenta de Shopify para instalarlo. 

⚙️ Parte 2: instalar el widget de chat en el sitio web de Shopify

1. Acceda a su cuenta de administrador de Shopify. 
2. Haga clic Online Store (Tienda online) > Themes (Temas) para acceder a la configuración del tema de su sitio web. 
3. Haga clic en Customize (Personalizar). 
   
4. Desde el tema de tu sitio web, haga clic en el icono de tres puntos > Edit code (Editar código) en la parte superior izquierda de la pantalla. Se le redirigirá al código del tema de su sitio web.
   
5. En el panel de la izquierda, elija el archivo </> theme.liquid y desplácese hacia abajo en la página para acceder al final de su código. 
6. Justo antes de la etiqueta </head>, pegue el código del widget de chat de Conversaciones copiado en la parte 1. 
7. Si desea ver el contenido del carrito de su visitante cuando chatee con él, copie el siguiente código y péguelo debajo del widget de Conversaciones de chat código, delante de la etiqueta </head>:
   <script src="https://conversations-widget.brevo.com/static/js/shopify.js" async></script>
   
8. Haga clic en Save (Guardar).
9. Abra su sitio web de Shopify para iniciar su widget de chat para comprobar cómo se ve.

¡Felicidades! 🎉 Ahora puede usar las funciones que ofrece Conversaciones para el widget de chat y comenzar a hablar con los visitantes de su sitio web en tiempo real. 

⏩ ¿Qué es lo siguiente?

• Configurar la personalización avanzada del widget de chat
• Configurar diferentes configuraciones de disponibilidad para cada agente
• Comprender la página online Visitantes
• Comprender la diferencia entre online, offline e invisible
• Comprender la diferencia entre el chat en directo y el modo Messenger
• Cambiar la configuración de las notificaciones de Conversaciones
• Cómo configurar escenarios de bot de chat
• Serie de artículos sobre el bot de formularios de Contacto
• Desactivar el widget de chat en caso necesario

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.