🇺🇸
База знань #jedidesk
🏴󠁧󠁢󠁥󠁮󠁧󠁿 EN
🏴󠁧󠁢󠁥󠁮󠁧󠁿 EN
  • 👋Welcome to #jedidesk
  • 🚀#jedidesk launch
    • 💻JediDesk App for Windows and MacOS in Chrome Apps
    • 🔔Setting up notifications
    • ✅6 steps to start the #jedidesk support system
    • 📊Analytics
    • 📩Live Chat functionality
  • 🖥️Widget
    • 1️⃣How to create a #jedidesk Widget
    • 2️⃣How to embed a widget on a site
      • How to embed a #jedidesk widget in Horoshop
      • How to embed a #jedidesk widget in CS-CART
      • How to embed a #jedidesk widget in Jimdo
      • How to embed a #jedidesk widget in Magento
      • How to embed a #jedidesk widget in MODX
      • How to embed a #jedidesk widget in OPENCART
      • How to embed a #jedidesk widget in PrestaShop
      • How to embed a #jedidesk widget in Recommence
      • How to embed a #jedidesk widget in SitePro
      • How to embed a #jedidesk widget in Strikingly
      • How to embed a #jedidesk widget in WebFlow
      • How to embed a #jedidesk widget in Weblium
      • How to embed a #jedidesk widget in Wix
      • How to embed a #jedidesk widget in WordPress
    • 3️⃣Opening a widget by clicking a button on the site
  • 🤖chatbots
    • 1️⃣How to create a chatbot in Telegram
    • ⏺️Getting a ready-made chatbot token in Telegram
    • 2️⃣How to create a chatbot in Viber
    • ⏺️Getting a ready-made chatbot token in Viber
    • 3️⃣Connecting Instagram Business to #jedidesk
    • 4️⃣Connecting WhatsApp to #jedidesk
  • 💬#Jedidesk setup
    • 1️⃣How to add a manager (operator)
    • ⏺️Setting the distribution of dialogues between managers
    • 2️⃣How to create a Knowledge Base (FAQ)
    • 3️⃣How to make a Newsletter
    • 4️⃣How to create Quick Answers
    • 5️⃣Setting the company's business hours
    • 6️⃣Setting the dialogue subjects
    • 7️⃣Customer custom fields
  • 🤖JEDIDESK AI SETUP
    • 1️⃣How to configure JediDesk AI
    • 2️⃣How to configure Magic Button for JediDesk AI
Powered by GitBook
On this page
  1. Widget

Opening a widget by clicking a button on the site

You can open the #jedidesk widget using a button or link on your site.

PreviousHow to embed a #jedidesk widget in WordPressNextHow to create a chatbot in Telegram

Last updated 1 year ago

If you want to add a “Contact” button to your site, and when you click on it, a chat window with an operator will open. This is convenient, since the client can immediately ask a question without waiting for long answers by mail.

You also have the opportunity to completely hide the widget, which will only open when you click on the button, if you use the events described below:

For this type of work, we recommend that you contact a programmer or person who can go into the source code and safely add the required selector (class).

  1. Add a class to your button on your website: jedidesk_widget--open-button

  2. To close the widget, add the class to the button: jedidesk_widget - close-button

  3. If everything is done correctly, after pressing the button, a chat with the operator will be opened, and the system will already send the client a welcome message 👋

on your website;

🖥️
3️⃣
Install the widget