Embedding for WordPress

A Guide on How to Embed Chat Widget for WordPress Users.

Please first read our article on How to Embed A Chat Widget to fetch the chat widget embed code from our site into the WordPress.

This article below covers where to add the chat widget code into your WordPress site.


Step 1: Login to WordPress

Log in to your WordPress account, and then:

  1. Go to the Dashboard.

  2. Click Plugins > Add New.

  3. Search for "Header and Footer Scripts."


Step 2: Install Plugin

Install the "Header and Footer Scripts" plugin, then click Activate.

  • After installation, you'll see a "Header and Footer Scripts" menu under Settings.


Step 3: Paste Chat Widget Code

Paste your Wonderchat chat widget code into the "Scripts in Footer" box, then click Save.

Optional: Adjust Chatbot Size

If the chatbot widget needs to be resized or repositioned, you can modify your changes on the Wonderchat App before copying the embed code over.

For a more detailed guide on how customize your chat widget or page, see the pages below:

How to Embed a Chat Widget

How to Embed a Chat Screen


Step 4: Test Your Chatbot

Ensure the chatbot works properly by interacting with it on your live store. Test the chatbot's functionality across different devices (desktop, tablet, mobile) to make sure it's responsive.


If you have any more questions, feel free to reach out to us at support@wonderchat.io

Last updated