Estoy usando un widget falso hasta que el usuario haga clic en él y ejecute el chat de intercomunicación. Antes de implementarlo, usaba el chat de intercomunicador con otros botones en la página web, pero ahora no funciona y me pregunto cómo puedo solucionarlo, ¿cómo puedo ejecutar este widget falso haciendo clic en otro botón en la página?

widget falso: LiveChatLoaderProvider

Antes en _app.js usé este componente:

 import {IntercomProvider} from "react-use-intercom"; const IntercomWrapper = () => { let INTERCOM_KEY = process.env.NEXT_PUBLIC_INTERCOM_KEY; return ( <IntercomProvider appId={INTERCOM_KEY} autoBoot> </IntercomProvider> ) }; export default IntercomWrapper;

y en otro botón trabajado por esto:

 let openIntercom = function (e) { e.preventDefault(); window.Intercom("show"); };

ahora uso en _app.js:

 import { LiveChatLoaderProvider, Intercom } from "react-live-chat-loader"; const IntercomWrapper = () => { let INTERCOM_KEY = process.env.NEXT_PUBLIC_INTERCOM_KEY; return ( <LiveChatLoaderProvider providerKey={INTERCOM_KEY} provider="intercom" > <Intercom color="#0085E9" /> </LiveChatLoaderProvider> ); };

y no sé cómo ejecutarlo, pero haga clic en otros botones además de este widget falso.

Si alguien pudiera ayudar, sería greatfull.

También traté de ejecutar solo IntercomProvider en otro botón (el mismo que usé antes de implementar el widget falso) pero en este caso no puedo cerrar el chat de intercomunicador, parece que el falso está en el mismo lugar y bloquea el botón de intercomunicador. Por supuesto, si solo ejecuto el chat de intercomunicador haciendo clic en el botón falso, funciona bien.

El sitio web está construido usando react / nextjs