> ## Documentation Index
> Fetch the complete documentation index at: https://ayuda.pxsol.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ¿Cómo conseguir código para chat de Facebook?

> En esta guía aprenderemos cómo conseguir el código para chat de Facebook.

<Steps>
  <Step title="Accede a tu Fan Page">
    Inicia sesión en la página de tu hotel en Facebook con un usuario Administrador.
  </Step>

  <Step title="Ve a Configuración">
    Haz clic en el botón "Configuración" ubicado en la esquina superior derecha de la página.

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/1.png" alt="Botón Configuración Fan Page Facebook" />
    </Frame>
  </Step>

  <Step title="Selecciona Plataforma de Messenger">
    En el menú lateral izquierdo del Panel de Configuración, haz clic en "Plataforma de Messenger".

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/2.png" alt="Menú Plataforma de Messenger Facebook" />
    </Frame>
  </Step>

  <Step title="Configura el Plugin de Chat">
    Desplázate hacia abajo hasta la sección "Plugin de chat con clientes" y haz clic en el botón "Configurar".

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/3.png" alt="Configurar Plugin de Chat Facebook" />
    </Frame>
  </Step>

  <Step title="Presentación">
    Aparecerá una pantalla de presentación. Haz clic en "Siguiente".

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/4.png" alt="Pantalla de presentación Plugin de Chat Facebook" />
    </Frame>
  </Step>

  <Step title="Personaliza el Chat">
    Configura el idioma (A) y el mensaje de bienvenida (B). Un ejemplo de mensaje de bienvenida es: "Bienvenido a \[Nombre de tu hotel], ¿en qué podemos ayudarte?".
    <Note>Al terminar, haz clic en "Siguiente".</Note>

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/5.png" alt="Configurar idioma y mensaje de bienvenida Facebook" />
    </Frame>
  </Step>

  <Step title="Ajusta el Tiempo de Respuesta y Color">
    En la siguiente pantalla, configura el tiempo de respuesta (A), ten en cuenta que esta opción podría ser eliminada por Facebook. Luego, configura el color del botón del chat (B).
    <Note>Al terminar, haz clic en "Siguiente".</Note>

    <Frame>
      <img src="https://cdn2.hubspot.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/6.png" alt="Configurar tiempo de respuesta y color chat Facebook" />
    </Frame>
  </Step>

  <Step title="Define tu Sitio Web y Guarda">
    En la pantalla siguiente, ingresa la URL de tu sitio web donde aplicarás el chat (por ejemplo, [https://www.theflat.cl/](https://www.theflat.cl/)). Luego, haz clic en "Guardar".

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/7.png" alt="Configurar dominio para chat Facebook" />
    </Frame>

    A la derecha, verás el código que necesitas para integrar el chat en tu web. Deberás copiar este código y enviarlo por correo electrónico.

    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/7398646/Motor/Facebook/C%C3%B3digo%20para%20chat%20de%20Facebook/8.png" alt="Código del chat de Facebook para integrar" />
    </Frame>
  </Step>

  <Step title="Finaliza la Configuración">
    Una vez que hayas copiado el código, haz clic en "Finalizar".
  </Step>
</Steps>
