-
Posts
-
Hi,
I am using the Meow AI Engine Plugin with my website. However, when applying the popup mode of the chatbot (should only apply on selected pages via shortcode), it is covered by some parts of the website which hides the chatbot icon and hinders entries to the chatbot. The chatbot is activated on a selected page by a shortcode. I used the code block to put the chatbot in place on page.
Tried to fix it by increasing the z-index but didn’t work.
Here is what the Meow Support wrote me:
“By default, the z-index already uses the highest value on the chatbot container, so you don’t have to worry about that. If you see an element above the chatbot, it means it’s a child relative to these other elements. Z-index only works at the same hierarchy level; changing the value here will not change anything.
I visited your site, and by moving the chatbot container outside your main content, it displays as expected. Your issue is happening because the chatbot is rendered in an “avia codeblock,” which is a child of your other content.”
I somehow understand the issue but since I am not a programmer, I do not know how actually to put this into practice… :(
Best regards
OlafHey Wenzig,
Thank you for the inquiry.
Instead of manually adding the plugin shortcode on each page, try to use a hook such as wp_footer to place the chatbot outside the main content area.
add_action( 'wp_footer', 'ava_wp_footer_mod' ); function ava_wp_footer_mod() { if ( ! is_page( 123 ) ) { return; } echo do_shortcode('CHAT BOT SHORTCODE HERE'); }Let us know the result.
Best regards,
Ismael
- You must be logged in to reply to this topic.