WordPress Par WhatChimp Chat Widget Kaise Add Karein

Step-by-step guide WhatChimp ke webchat widget ko aapki WordPress site par integrate karne ke liye

Updated 18 September 2026

Native website chatbots automated conversational agents hain jo website mein integrate hote hain, jo users ko site chhode bina interact karne dete hain. Yeh bots real-time mein assist karte hain, questions ka jawab dete hain, users ko processes ke through guide karte hain, aur user experience enhance karte hain.

WhatChimp ne apna Native Website Chatbot feature introduce kiya, jo users ko apni website landing pages par chat widget add karne aur WebChat Live Chat Option ke through interactions manage karne ki suvidha deta hai.

Prerequisites

Shuru karne se pehle, ensure karein ki aapke paas yeh hai:

  • Ek WhatChimp account
  • Aapki WordPress website par Admin access
  • Elementor plugin installed (agar aap Elementor ko page builder ke roop mein use kar rahe hain)

Apni Website Connect Karein

  • WhatChimp dashboard se WebChat ke "Connect Website" option par jaayen.
  • Configuration menu access karne ke liye Connect Website par click karein.

  • Apne chatbox ke liye suitable title provide karein.
  • Apna Website URL enter karein.
  • Theme Background aur Theme Color configure karein.
  • Chat Bubble Background aur Chat Bubble Color ke liye colors select karein.
  • Ek Brand Logo upload karein aur Chatbox Wallpaper configure karein.
  • Chatbox position choose karein aur decide karein ki yeh startup par open rahega ya closed.
  • Precise placement ke liye X-Axis aur Y-Axis positions set karein.
  • Loading Chatbox After delay configure karein (default 0 seconds hai).
  • Choose karein ki kya aap subscriber records automatically delete karna chahte hain (default Never hai).
  • Setup finalize karne ke liye Connect par click karein.

JS Embed Code Copy Karein

  • Dialog box kholne ke liye Embed Code par click karein.
  • Top-right corner se JavaScript embed code copy karein.
  • Yeh code WordPress, custom-built sites, aur other platforms ke liye use ho sakta hai.

Apni Website Par JS Embed Code Paste Karein

  • Apni WordPress website mein log in karein aur dashboard access karein.
  • Homepage par navigate karein aur Visit Site select karein.
  • Home icon par click karein, phir Edit with Elementor choose karein.

  • Widgets section mein Code widget search karein.
  • Shortcode widget select karein, phir use page par ek container ke andar drag aur drop karein.

  • Shortcode section mein copied embed code paste karein.

  • Chatbot ko live karne ke liye page publish karein.

Please note ki humne sirf Home Page select kiya hai aur humari chat widget sirf is page ke liye visible hogi. Agar aap chahte hain ki yeh other pages par bhi dikhe, toh same procedure follow karein.

N.B: Kyunki zyada tar WordPress Websites Elementor plugin ko page builder ke roop mein use karti hain, humne bhi yahi use kiya hai. Other page builders ke liye process almost similar hogi.

Apne Chatbot Ko Test Karein

  • Apni website visit karein aur chatbot kholein.

  • Bot responses ke liye keyword triggers test karein.
  • Conversations manage karne ke liye BotSailor Web Chat Live Chat Option par wapas jaayen.

In steps ko follow karke, aap seamless customer engagement ke liye apni WordPress site mein WhatChimp ke WebChat ko successfully integrate kar sakte hain.

FAQ

1. Kya main is chatbot ko non-WordPress websites par use kar sakta hoon?

Haan, aap provided JavaScript embed code use karke custom-built websites aur other platforms ke saath chatbot integrate kar sakte hain.

2. Kya mujhe apni site par chatbot add karne ke liye Elementor ki zaroorat hai?

Nahi, Elementor sirf chatbot add karne ka ek tarika hai. Aap JS embed code ko kisi bhi page builder mein ya directly apni site ke HTML mein paste kar sakte hain.

3. Kya main chatbot ki appearance customize kar sakta hoon?

Haan, aap Webchat configuration menu mein theme color, chat bubble background, chatbox wallpaper, aur brand logo modify kar sakte hain.

5. Agar chatbot meri website par appear nahi ho raha hai toh?

Yeh check karein:

  • Ensure karein ki embed code correctly paste hua hai.
  • Confirm karein ki JavaScript aapki site par enabled hai.
  • Verify karein ki chatbot aapki BotSailor settings mein activated hai.
  • Apni website cache clear karein aur phir se try karein.

More in Bot Manager