Open AI chatbot when someone clicks a button

Ask the Community Customization
1

I have a button on my website (click to open chatbot). Is it possible that I can link this to the AI chatbot, so when someone clicks on the chatbot button the AI chatbot automatically opens? Which code do I need to add to get this done? :slight_smile:

2 Likes
3

Hi @Marijn_van_Nunen :wave:

I’ve checked your website and couldn’t find the button with this text there. Could you please send me a screenshot of this button?

4

You can find the button here: Service - Keuken op Wielen

image
image595×185 11.3 KB

1 Like
5

Thank you!

We’ve added this code to the Custom JS field on the General tab of your widget’s settings:

const triggerBtn = document.querySelector('.button.is-icon.keesicon');

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'
    );

    openChatBtn?.click();
  }
});

Please check your website and let me know if you like how it works :slightly_smiling_face:

1 Like
6

Thanks!! It works!

3 Likes
7

Great, you’re always welcome :wink:

1 Like