Issue with user input box on wordpress

General
1

hi hi

i have embeded the pickaxe on my Wordpress site here : removed but after the user put in their first input, the section to type the next message/input can’t be accessed. (it might be too far ‘south’, off the page not seen).

any ideas on a solution for this?

THX!

2

I asked claude to trouble shoot it and we fixed the issue:

Here are the key changes in this version:

  1. Removed the data-height="Autoauto" and replaced it with a fixed height of 600 pixels.
  2. Changed the data-width to 350 pixels for a more standard chat window size.
  3. Updated the CSS to use these fixed dimensions:
  • Set a fixed width of 350px and height of 600px for the chatbot container.
  • Ensured the iframe inside the container takes up 100% of the container’s dimensions.
  1. Removed the JavaScript for dynamic resizing since we’re now using fixed dimensions.

To implement this:

  1. Go to your WordPress dashboard.
  2. Navigate to Appearance > Theme Editor.
  3. Find and select the footer.php file in your theme files.
  4. Replace the entire content of the file with the code provided above.
  5. Click on “Update File” to save the changes.

These changes should create a fixed-size chatbot window that stays in the bottom-right corner of the screen. The fixed size should prevent any issues with the input box disappearing, as long as it’s within the 600px height we’ve set.

2 Likes
3

Glad you solved the issue and thanks for sharing your solution! I hope other users struggling with how to embed AI chatbots on wordpress sites correctly and running into these issues will find it helpful.