Chat Agent pop up integration

Questions
1

Hi there,

I’m new to n8n & web dev but managed to get a chatbot up and running! :tada:
But integrating it with my Hostinger website builder is challenging.

The height of the pop-up windows is insufficient and doesn’t show their full size. I tried to make changes to them through the Hostinger website builder, but it’s not that straightforward.

I used two different chatbot scenarios, and both gave me similar outcomes.
One is the standard n8n and the other one is the one that Wayne Simpson created Thank yo very much for this BTW.

I uploaded the chatbots on a temporary landing page and hope it’s a quick fix for someone with more experience than me.

Thank you very much in advance.

Warm regards,

Information on your n8n setup

  • **n8n version: [email protected]
  • Database (default: SQLite):
  • **n8n EXECUTIONS_PROCESS setting (default: own, main): Default
  • **Running n8n via (Docker, npm, n8n cloud, desktop app): n8n
  • **Operating system: MacOS / Safari & Chrome
2

So what is the question exactly? If you got it to work?

3

Hi ThinkBot,

The bot it self works but I have difficulty to embed it into the website.

I can’t control the size of the popup and it’s not floating on top of the page as it should do.

Warm regards,

Jan

4

Why not manipulate the elements CSS? You could easily change its height, width, z position, and use sticky/fixed position etc.

5

I tried numerous CSS in the pop up code.
When I had a suitable height, it wasn’t floating on top of the page.

That meant the footer was as tall as the window of the chat bot needed to be.

I am not sure if this is a Hostinger limitation or (more likely) my limitation.

6

Could you provide your attempted CSS?

Are you just embedding the url into an iframe or are you using the external embeds mode with embeds package?