Problem with AI chatbot "Chat ended due to inactivity"

Ask the Community General Questions
1

Hello I have a problem on my chat, I cna not send any new message and I have this displayed: “Chat ended due to inactivity”

I’ve tired many time to hard refresh etC… but everytime I open the chat I get this message. Any one can give me a solution, please ?

3

Hi there, @Frederic_Revellat :waving_hand:

Apologies for the inconvenience!

Have tried to click on the Start new Chat button? If it didn’t work, please send me a link to the page, where your widget is installed. I’ll be happy to look into this for you :slightly_smiling_face:

4

Thanks for your really quick reply.
In faxct my page is not published yet and I don’t want ot make it public for now.
But maybe my problems come from the customization I made. I used a JS code:

const triggerBtn = document.getElementById('wolfbottrigger');
const overlayDiv = document.getElementById("chat-overlay");
triggerBtn?.addEventListener('click', (e) => {
  e.preventDefault();
  e.stopImmediatePropagation();


  const chatWindow = document.querySelector(
    '[class*="widget-window__MessagesContainer-sc"]'
  );

  if (!chatWindow) {
    const openChatBtn = document.querySelector(
      '[class*="eapps-ai-chatbot"] [class*="FloatingButtonContainer-sc"] button'
    );
    overlayDiv.style.display = "block";

    openChatBtn?.click();
  }
});

I made several buttons tiles to start the chat, I did not want to use the small bubble.

Maybe this will help you to solve the problem ?

5

Do I get it right that the Start New Chat button under the “Chat ended due to inactivity" caption doesn’t show up on your end?

6

Exactly I don’t have it

When i start a new session from a new window it works but on my browser it does not.

But as soon as the “Chat ended due to inactivity”, I can not start again

7

Got it, thanks!

Please try to remove your JS code from the widget, reload the page with the widget and let me know if this button appeared :slightly_smiling_face:

8

If the JS code deletion doesn’t affect the button display, there is a chance it might be blocked by the styles of your website/browser.

Please try add this code to the Custom CSS field on the General tab of your widget’s settings and let me know if it worked:

[class*="ButtonBase__ButtonContainer"] {
    display: block !important;
}
9

The problem comes from this css:

[class*="ButtonBase__ButtonContainer-sc"] {
  display: none;
}

But i want to hide the bubble but not the “start…”

10

Got it, thanks for letting me know!

To hide only the bubble, please use the CSS code with a more specific class: :slightly_smiling_face:

.es-bubble-floating-button {
  display:none
}

image
image1558×944 131 KB

11

Perfect, many thanks

12

It’s my pleasure :wink: