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."

Header and Footer Scripts Plugin

---

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.

Paste the copied embed code into the box, and click on "Save" to make changes

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.

Configure your customizations and preview widget, before copying the embed code over

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

Chat Widget Embedding

Chat Screen Embedding

---

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 [email protected]