Add a chatbot to your WordPress website using Elementor

Adding a chatbot to your WordPress website using Elementor without a plugin involves embedding the chatbot’s script directly into your website. Here are the steps to do this:

1. Get the Chatbot Script

Obtain the HTML code by selecting ‘Get Embed Code’ on your chatbot, in the ‘My Chatbots’ section of your account. Copy the script based on how you will be displaying your chatbot; either in an iframe or floating at the bottom on your webpage.


2. Log into WordPress Admin

Access your WordPress dashboard by logging in with your credentials.


3. Navigate to Elementor

  • Go to the page where you want to add the chatbot.
  • Click on “Edit with Elementor” to open the Elementor page builder.


4. Add an HTML Widget

  • In Elementor, look for the HTML widget in the panel on the left side.
  • Drag and drop the HTML widget to the desired location on your page.


5. Insert the Chatbot Script

  • Click on the HTML widget you just added.
  • In the HTML Code field, paste the chatbot script you obtained in step 1.


6. Update the Page

  • After pasting the script, click the “Update” button to save the changes to your page.

By following these steps, you can successfully add a chatbot to your WordPress website using Elementor without needing a plugin. This method ensures that the chatbot is embedded directly into your site’s HTML, making it more flexible and easier to manage.

Other useful articles:

2 min read
2 min read
1 min read