(For LandinChat – WhatsApp Business API)

A website chatbot lets visitors start a conversation without leaving your site. Instead of filling forms or hunting for contact details, users can instantly chat with your business.

LandinChat’s Native Website Chatbot allows you to:

• Add a chat widget to your website
• Capture leads in real time
• Continue conversations inside the LandinChat Live Chat dashboard
• Route chats directly to WhatsApp workflows

This guide shows exactly how to integrate the chatbot into a WordPress website.

Prerequisites #

Before you start, make sure you have:

• An active LandinChat account
• Admin access to your WordPress website
• A page builder (Elementor recommended, but not mandatory)

If you can’t edit your website header or page content, stop here—you won’t be able to complete this.

Step 1: Connect Your Website in LandinChat #

1. Log in to your WatsAppKaro dashboard
2. Go to WebChat → Connect Website
3. Click Connect Website

Now configure the chat widget:

• Chatbox Title – Name visible to users
• Website URL – Domain where the chatbot will load
• Theme Background & Accent Color
• Chat Bubble Background & Icon Color
• Brand Logo
• Chatbox Wallpaper (optional)
• Position – Bottom left or bottom right
• Startup State – Open or closed by default
• X / Y Axis Offset – Fine positioning
• Chat Load Delay – 0 seconds recommended
• Auto-delete subscribers – Keep as Never unless you know what you’re doing

Click Connect to save.

Step 2: Copy the JavaScript Embed Code #

1. After connecting, click Embed Code
2. Copy the JavaScript snippet

This code is universal.
It works on:

• WordPress
• Custom websites
• Landing pages
• Any platform that supports JavaScript

Step 3: Paste the Embed Code into WordPress (Elementor Method) #

Using Elementor (Recommended) #

1. Log in to WordPress → Dashboard
2. Open the page where you want the chatbot
3. Click Edit with Elementor
4. Search for the HTML or Shortcode widget
5. Drag it into the page
6. Paste the JS embed code
7. Click Publish / Update

That’s it.

⚠️ Important:

• If you add the code only to the homepage, the chatbot appears only on that page
• To show it site-wide, add the code to:
  • Header
  • Footer
  • Global template

Step 4: Test the Chatbot #

1. Open your website in an incognito window
2. Check if the chat bubble loads
3. Click the chatbot
4. Send a test message or keyword
5. Go back to LandinChat → Live Chat
6. Confirm the conversation appears

If it doesn’t show up, the problem is almost always caching or incorrect placement.

What Happens After Integration? #

• Website visitors become subscribers
• Chats appear inside LandinChat Live Chat
• You can:
  • Assign agents
  • Trigger bot flows
  • Send WhatsApp messages
  • Capture leads without forms

This is lead capture + support + automation, all in one place.

Frequently Asked Questions (FAQs) #

1. Can I use this chatbot on non-WordPress websites? #

Yes.
The JavaScript embed works on any website that allows custom JS.

2. Is Elementor mandatory? #

No.
Elementor is just convenient.
You can paste the code using:

• Any page builder
• Theme header/footer
• Custom HTML block

3. Can I customize the chatbot design? #

Yes.
You can change:

• Colors
• Logo
• Chat bubble
• Position
• Wallpaper

All from the LandinChat dashboard.

4. Will chats sync with WhatsApp? #

Yes, if your flow is configured to route conversations to WhatsApp or Live Chat.

5. My chatbot is not appearing. What should I check? #

Check these in order:

1. Embed code pasted correctly
2. JavaScript not blocked
3. Website cache cleared
4. Chatbot status enabled in dashboard
5. Page where code is added is published

99% of failures are one of these.

6. Can I control where the chatbot appears? #

Yes.
You decide which pages include the embed code.

7. Does this slow down the website? #

No, if implemented correctly.
The script loads asynchronously.

8. Can I remove it anytime? #

Yes.
Just remove the embed code and publish.

9. Can I capture leads without forms? #

Yes.
That’s the whole point—chat-based lead capture.

10. Is this suitable for landing pages? #

Absolutely.
It converts better than forms if your offer is clear.