Usted está aquí:
Agregar su chat integrado a un sitio web
Salesforce genera un miniprograma de código de Servicio integrado a partir de la información que proporcione durante la configuración. Copie y pegue el fragmento de código para incluir el chat en sus páginas web. Agregue el fragmento de código de etiquetas meta opcional para mejorar el rendimiento tanto para móvil como de escritorio.
Ediciones necesarias
| Ver ediciones compatibles. |
| Permisos de usuario necesarios | |
|---|---|
| Para configurar Chat integrado: | Personalizar aplicación Y Modificar metadatos |
Chat heredado se retirará el 14 de febrero de 2026. Para evitar interrupciones de servicio a sus usuarios finales, cambie a Chat mejorado (anteriormente Mensajería para web y en aplicación). Chat mejorado ofrece muchas de las funciones de Chat heredadas que ama además de conversaciones asíncronas que se pueden retomar en cualquier momento. Aprenda sobre la migración en Ayuda y Trailhead.
Antes de empezar, asegúrese de que tiene acceso a las páginas web de la empresa. Tras agregar el miniprograma de código, los clientes pueden ver y utilizar la ventana de chat. Si no está listo aún para que accedan al chat, incluya el miniprograma de código a una página web privada primero. Evite modificar el miniprograma de código, que afecta a cómo se carga el chat y si las conversaciones continúan mientras los usuarios navegan de una página a otra.
Estos son los pasos para agregar sus miniprograma de código:
- En Configuración, introduzca Servicio integrado en el cuadro Búsqueda rápida y, a continuación, seleccione Servicio integrado.
- Seleccione la implementación de Servicio integrado con la que desea trabajar haciendo clic en la flecha bajo el nombre de implementación y seleccionando Ver.
- En la página de configuración de Servicio integrado, vaya a la sección Miniprogramas de código de Servicio integrado y haga clic en Obtener código.
-
Copie el fragmento de código de chat y péguelo inmediatamente encima de la etiqueta de
</body>de cierre en su página web, agregando Chat integrado a la página.Pegue el miniprograma de código de chat en cada página donde desee que aparezca la ventana de chat. No coloque su miniprograma de código en un encabezado o en la misma página web donde haya un botón de Chat. También puede personalizar el miniprograma de código de chat. -
Opcionalmente, copie y pegue el miniprograma de código meta en la sección de encabezado de etiqueta
<meta>en cada página web donde desee que aparezca la ventana de chat. -
Haga clic en Listo.
La página de miniprogramas de código se cierra.
El código de etiqueta <meta> hace que su página web tenga capacidad de respuesta, de modo que la ventana de chat tiene un buen aspecto y rendimiento en diferentes dispositivos. Por ejemplo, si un cliente ve su página web y una ventana de chat en un teléfono móvil, ambas cambian de tamaño.
Si hay problemas con el comportamiento en otros dispositivos, actualice su etiqueta de <meta> al miniprograma de código que se proporciona. Esta etiqueta se agrega a la sección de encabezado de cada página donde se utiliza la ventana de chat. Si no incluye una etiqueta de <meta> apropiada, la ventana de chat aparece como en un escritorio, independientemente del dispositivo del usuario utilizado para acceder a la página.
Si está agregando su ventana de Chat a una página Visualforce, incluya estos atributos en su etiqueta apex:page para mantener el estilo coherente con sus páginas web:
<apex:page showheader="false" sidebar="false" standardStylesheets="false">- Personalizar el miniprograma de código de Servicio integrado
Utilice un editor de texto o HTML para personalizar los parámetros opcionales del miniprograma de código de Servicio integrado. - Agregar su sitio web a la lista de admisión de CORS
Agregue las direcciones URL de las páginas web donde tiene intención de agregar la ventana de chat a la lista de admisión de CORS de su organización. La página web donde agrega la ventana de chat es la página que utilizan los clientes para acceder al chat.
