Muchas veces, puede resultar difícil comprender los problemas que encuentran los visitantes de su sitio web; además, es posible que sus explicaciones no sean lo suficientemente claras como para brindarles ayuda. Es posible que también sea necesario ver su pantalla y realizar ciertas acciones para ayudarles. Por ello, hemos integrado Upscope en Conversaciones para permitirle ver la pantalla de sus visitantes y tomar el control de esta, o bien hasta iniciar una llamada si es necesario en cualquier momento durante la conversación a fin de facilitar la atención al cliente.
Antes de empezar
- Inicie sesión o cree una cuenta de Upscope.
- Configure los ajustes de Upscope para crear equipos, agregar miembros, elegir si desea pedir consentimiento a los visitantes o no, qué acciones pueden realizar sus agentes en las pantallas de los visitantes, entre otras funciones más. Para obtener más información, consulte el Centro de ayuda de Upscope.
- Copie el código de instalación de Upscope de su página<> Installation instructions (Instrucciones de instalación).
⚙️ Paso 1: Instalar Upscope en el sitio web
- Acceda a su cuenta de tienda Shopify y vaya a Online Store (Tienda en línea) > Themes (Temas).
- Haga clic en Customize (Personalizar).
- En la parte superior izquierda de la pantalla, haga clic en ··· > Edit code (Editar código).
- En Layout (Diseño), haga clic en el código theme.liquid . Busque la etiqueta <head> y pegue el código de instalación de Upscope que puede recuperar en la página de instrucciones de instalación < > de Upscope.
- Haga clic en Save (Guardar) en la parte superior derecha de la pantalla. Asegúrese de que su tienda esté publicada.
- Instale el plugin WP Code - Insert Headers and Footers + Custom Code Snippets en su sitio web de WordPress o WooCommerce. Para ello, siga estos pasos:
- Inicie sesión en su sitio web de WordPress o WooCommerce y vaya a Plugins (Complementos) > Add new (Agregar nuevo) que aparece en la barra lateral izquierda.
- Escriba el código WP en la barra de búsqueda.
- Haga clic en Install now (Instalar ahora) junto a WP Code - Insert Headers and Footers + Custom Code Snippets.
- Una vez instalado el plugin, haga clic en Code Snippet (Fragmentos de código) > Header & Footer (Encabezado y pie de página) en la barra lateral izquierda.
- En la sección Encabezado, pegue el código de instalación de Upscope que puede recuperar en la página < > Installation instructions (Instrucciones de instalación) de Upscope.
- Acceda a su cuenta de Google Tag Manager.
- Haga clic en Tags (Etiquetas) > New (Nuevo).
- Asigne un nombre a su etiqueta y haga clic en Tag Configuration (Configuración de etiqueta). Elija o busque el código HTML personalizado en la lista de tipos de etiquetas.
- En el campo HTML, pegue el código de instalación de Upscope que puede recuperar en la página< > Installation instructions (Instrucciones de instalación) de Upscope.
- Opcional: Configure los ajustes avanzados para su etiqueta si es necesario.
- Haga clic en Triggering (Activación) y elija All Pages (Todas las páginas).
- Haga clic en Save (Guardar).
- Una vez creada la etiqueta, haga clic en Submit (Enviar) para activarla.
- Proporcione un nombre de versión y una descripción de la versión a su etiqueta y, a continuación, publique la etiqueta para instalar la integración de Upscope.
Acceda al código HTML de su sitio web y pegue el código de instalación de Upscope que puede recuperar en la página< > Installation instructions (Instrucciones de instalación) de Upscope. Recomendamos pegar el código justo antes o dentro de la etiqueta<head> para instalar la integración en todo el sitio web.
¡Felicidades! 🚀 Su integración de Upscope se encuentra instalada en su sitio web. Ahora puede acceder a Conversaciones y usarla ⬇️.
👀 Paso 2: Comenzar a compartir pantalla con Upscope en Conversaciones
Puede comenzar a ver la pantalla de sus visitantes solo después de que inicien una conversación con usted. Mientras habla con los visitantes de su sitio web, puede acceder a su pantalla en cualquier momento para ayudarles y solucionar incidentes.
Desde el panel derecho de su conversación, en Share screen & co-browse (Compartir pantalla y navegación conjunta), haga clic en el botón Start a session (Iniciar una sesión):
Una vez iniciada la sesión, podrá realizar diferentes acciones desde la barra de herramientas que se encuentra en la parte inferior de su página:
| Herramienta | Acción |
| Elija el color de resaltado. Puede elegir entre: amarillo, verde, morado, negro o rojo. | |
| Resalte una parte de la pantalla de sus visitantes e indíqueles cualquier instrucción. Esta función puede resultar útil si tienen que realizar varias acciones seguidas. | |
| Navegue por la pantalla de los visitantes. Puede hacer clic en actualizar la página, hacer clic en los botones, desplazarse o incluso navegar por las diferentes páginas de su sitio web como si estuviera en estas pantallas. | |
| Destaque una parte de la pantalla de los visitantes. Puede resultar útil mostrarles dónde hacer clic cuando no pueden encontrar un botón, por ejemplo. | |
| Haga clic en este botón para iniciar una llamada de audio con los visitantes si necesitan instrucciones verbales. | |
| Haga clic en este botón cuando haya terminado de ayudar a los visitantes y desee finalizar la sesión de pantalla compartida. |
⏭ ¿Qué es lo siguiente?
🤔 ¿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.