Problem Embedding Chatbot in WordPress Using Script and Display Code

General
1

I’m trying to embed a chatbot into my WordPress site. The chatbot works fine when I click Preview, but it doesn’t show up on the live page.

Here’s what I’ve tried so far:

  1. I first embedded the code (which includes both the script and the div for the chatbot) directly into a Custom HTML block on WordPress. Again, the chatbot works fine when I click Preview, but it doesn’t show up on the live page.
  2. Then, I added the script code to the header using WPCode and the display code (the <div id="HVAC_Specialist_Chatbot_Z8PG1"></div>) to the page via shortcode, but the same issue persists—chatbot works in preview, but not on the live page.
  3. The inline (iframe) embedding option does work, but I’d like to get this new script-based embedding method working.

Yes, I’ve tried clearing my cache many times, and the issue remains.

Any advice on why this approach isn’t functioning on the live page and what steps I should try next?

2

Hi @johncw12,

Try adding the script tag using a WordPress plugin, I believe custom HTML block doesn’t allow script tags anymore.

1 Like
3

Ok, got it. I’m going to try this

4

If that doesn’t work, your best bet would be to use the iFrame embed.

1 Like
5

I have been using the plugin Header Footer Code Manager on all of my wordpress sites for a while now and should be helpful for you.

image
image1364×480 71.8 KB

2 Likes