Centro de Atención Nube Configurá tu tienda Configuraciones Configuraciones avanzadas Códigos externos Mensajería

¿Cómo agregar el botón de Messenger en mi tienda?

Pasos para configurar el botón de chat de Facebook en tu Tiendanube y que tus clientes te puedan contactar desde ahí

Última actualización: 10/11/2022

Facebook Messenger es un canal de comunicación muy usado, que le permite a tus clientes ponerse en contacto con vos. En este tutorial te contamos cómo podés agregar un botón de Messenger a tu Tiendanube, para que quienes visiten tu tienda puedan escribirte por ese canal, y recibas sus mensajes en el chat de tu cuenta de Facebook.

Parte inferior de una tienda de ejemplo vista desde el celular, mostrando el botón de Facebook Messenger agregado

Para activarlo en tu tienda tenés dos opciones:

  • Opción 1: Utilizar la aplicación 📱TITANPush disponible en la página de Tiendanube Aplicaciones. Con esta opción podés programar los días y horarios en los que el botón se mostrará en tu tienda. Tené en cuenta que la aplicación es gratis hasta alcanzar los 500 suscriptores. Una vez superado este número, deberás elegir uno de sus planes.

  • Opción 2: Usar la plataforma 🌐GetButton. Esta plataforma es externa a Tiendanube (no está integrada como TITANPush) y por el momento es gratuita. Si bien no tiene costo, no cuenta con la flexibilidad de configuración que te permite TITANPush.

Podés seguir los pasos de la opción que prefieras:

Botón de TITANPush

Con TITANPush podés:

  • Activar un botón (widget) de contacto para Facebook Messenger o para Whatsapp;
  • Definir la posición del botón en tu tienda;
  • Escribir un mensaje de llamada a la acción (call-to-action) para invitar a tus visitantes a contactarte;
  • Definir los días y horarios en los que el botón aparecerá disponible;
  • Elegir si querés mostrar el botón en toda tu tienda o solo en ciertas páginas.

Para activarlo, tenés que seguir estos pasos:

1.  Instalar la aplicación de TITANPush siguiendo el tutorial: 

📝¿Cómo integrar TITANPush con mi tienda?

2. Una vez que la aplicación esté instalada en tu tienda, vas a poder activar el botón de Facebook Messenger ingresando a la sección de "Chat Pop" en el panel de administración de TITANPush. Ahí, hacer clic en "Configurar".

Panel de TITANPush con la opción Chat Pop y el botón Configurar resaltados


3. Elegir la opción de Facebook Messenger y completar la URL (link) a tu fanpage de Facebook.

Casilla de Facebook Messenger marcada y resaltada. Campo completado con la URL de la página de Facebook

4. Configurar las opciones de personalización del botón: su posición, si contiene texto y cuál, día y horario de disponibilidad y las páginas de tu tienda en las que se va a mostrar.

Luego, hacer clic en "Guardar".

Campos para configurar el aspecto del botón de contacto: posición, texto, día y horario, y dónde se visualiza

Delete

Info

Del lado derecho de la pantalla, vas a tener una previsualización de cómo va a quedar el botón.

5. Después, vas a ver este mensaje de confirmación, que indica que los cambios han sido guardados y que puede tardar hasta 10 minutos en reflejarse en tu tienda.

Aviso indicando que se realizó la configuración

Delete

Botón de GetButton

Para agregar el botón con esta herramienta, debés seguir pasos tanto en su plataforma, como en tu Administrador de Tiendanube.

1. Generar el botón

1.1. Ingresar a la página de 🌐GetButton.

1.2. Hacer clic en "Get you button".

Botón Get your button resaltado en la página de GetButton


1.3. Seleccionar la opción de Facebook Messenger y completar el campo con el ID de tu FanPage. Si no lo conocés, podés hacer clic en "Get my Facebook page ID", donde debés ingresar la URL (link) de tu página para que el ID se autocomplete.

Opción de Facebook Messenger y campo para agregar el ID de la página de Facebook resaltados


1.4. Seleccionar la posición del botón (izquierda o derecha) y el texto a mostrar junto al botón para invitar a tus clientes a contactarte.

opciones de configuración del botón, con la posición y Call to action resaltados


1.5. Deslizar hasta el punto 3, ingresar tu email y hacer clic en "Get Button Code".

Campo para agregar el email y botón para obtener el código resaltados


1.6. Copiar el código que se va a generar.

Código generado en GetButton
Luego, es necesario insertar el código en tu Tiendanube.

Delete

2. Configurarlo en tu Tiendanube

2.1. En otra pestaña de tu navegador, ir a la sección Configuraciones > Códigos externos de tu Administrador de Tiendanube.

2.2. Deslizar hasta "Códigos de tracking" y pegar el código de GetButton en la pestaña "Para la Tienda".

Código pegado en el campo Para la Tienda en Códigos de tracking en el Administrador de Tiendanube


2.3. Para terminar, hacer clic en "Guardar cambios" al final de la pantalla.

Delete
Delete

¡Listo! 🙌

El botón aparecerá en tu tienda según las configuraciones que hayas realizado. Te mostramos un ejemplo:

Tienda de prueba con el botón de TITANPush agregado