Como añadir el Chat de Facebook a WordPress en tres pasos

Como añadir el Chat de Facebook a WordPress en tres pasos

Actualizado: Facebook tiene un nuevo plugin que permite instalar el chat facilmente. Sigue leyendo.

Con los adelantos tecnológicos los clientes piden alternativas de comunicaciones instantáneas con los proveedores de bienes y servicios. ¡Ya no basta con tener una hoja de contacto en nuestra página web!

Ofrecer en nuestro sitio web una alternativa de comunicación instantánea permite a nuestros clientes la posibilidad de aclara las dudas que tienen al momento de realizar una compra o decidir que producto o servicio deben adquirir.

Añadir Facebook Messenger a nuestra página web es una manera fácil de cumplir con las expectativas de comunicación del cliente moderno. Es una de las opciones más fáciles y no requiere conocimientos de programación si sigues las instrucciones que te dejo paso a paso.

Instala el Plugin Oficial de Facebook en un paso con el plugin oficial de WordPress

La manera más fácil de instalar el chat de Facebook en tu sitio WordPres

Con el plugin oficial el proceso de instalación es mucho más fácil.

The Official Facebook Chat Plugin es un nuevo plugin oficial de WordPress que permite instalar el chat en tu página web. El proceso es simple.

  1. En tu sitio web de WordPress accede al Dashboard > Plugins > Añadir Nuevo
  2. Busca ‘‘The Official Facebook Chat Plugin» y presiona Instalar Ahora.
  3. Cuando el proceso e instalación este finalizado vuelve a Dashbord > Customer Chat y sigue el proceso de instalación.

También puedes descargar el plugin para realizar la instalación manualmente.

Si el plugin de Facebook no te funciona puedes intentar los siguientes pasos:

1- Instala el plugin Insert Headers and Footers en WordPress

Busca e instala el plugin Insert Headers and Footers
Busca e instala el plugin Insert Headers and Footers

El plugin Insert Headers and Footers te permitirá añadir código a nuestro sitio WordPress sin necesidad de editar la plantilla.

Usar un plugin como este es importante porque no perderás los cambios que hagas a los »headers» y »footers’ cuando actualizas la plantilla de tu tema en WordPress.

Para añadir el plugin ingresa a tu cuenta de WordPress y ve a Dashboard > Plugins > Añadir Nuevo. Una vez allí busca »Headers and Footers» y presiona »Instalar Ahora»

2- Busca el código del chat en Facebook

Afortunadamente Facebook nos provee el código completo para instalar el chat en nuestra página web. Para hacerlo debemos crear una página para nuestra empresa. Luego buscaremos el código que Facebook nos provee para copiarlo y pegarlo en nuestro sitio web.

Este es el código que debemos copiar.
  1. Accede a tu Fan Page en Facebook. Nota que un Fan Page es diferente a una página personal. Si no tienes un Fan Page puedes crear uno aquí.
  2. En tu Fan Page, accede a Configuración de la Página. Esta es la última opción que aparece en el menú de la izquierda.
  3. Accede al menú Mensajes.
  4. Busca la opción que dice Agrega Messenger a tu sitio Web y presiona Empezar. Luego presiona Siguiente.
  5. En la sección Create a greeting message puedes dejar el saludo que aparece por defecto o puedes personalizarlo. Cuando estés listo presiona Siguiente.
  6. En la sección Apariencia puedes cambiar el color de tu chat. Cuando estés listo presiona Siguiente.
  7. En Agregar el nombre de dominio ingresa la dirección URL de tu página web. Luego asegúrate de seleccionar Instalar el código yo mismo.
  8. Copia el código que aparece a la derecha.

3- Copia el pega el código en Insert Headers and Footers en WordPress

Ingresa el código de Facebook aquí.

Primero, asegúrate de haber copiado el código que conseguimos en el paso #2. Luego ve nuevamente a tu panel de administración de WordPress.

  1. En el Dashboard ve a Ajustes > Insert Headers and Footers.
  2. Pega el código de Facebook en la sección Scripts en la cabecera.
  3. Presiona Guardar.

¡Listo! El chat debe aparecer en tu página web y tus clientes podrán comuicarse contigo a través de Messenger desde tu página web.

Si este tutorial te ha servido, o si tienes problemas puedes dejar un comentario en esta entrada.

One Response

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *