🇺🇸
База знань #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

How to create a #jedidesk Widget

#jedidesk offers a very easy way to create and customize your Widget

PreviousLive Chat functionalityNextHow to embed a widget on a site

Last updated 1 year ago

Navigation:


1. Language and text settings:

Open Settings -> Integration -> tab.

The widget in each language* is configured separately. Click on Select language, and select, for example, English, fill in all the templates and click Save button:


If you want to reset all widget settings, click Default setting button.

By default, 3 languages are available for the widget, but you can always add more languages:


To enable other languages, click the switch after selecting the language:


If you disable accepting requests through the widget, it will only work as a redirect to your messenger bots:

Please note that when the widget is set to multiple languages, the language of the widget depends on the language of the client's browser and not on the language of the web resource on which the widget is placed. For example, if the browser is set to the English language, the client will see the widget in the English language.


2. Mini widget settings:

Instead of an expanded widget, you can set up a mini-widget with icons:


3. Generated widget code:

When you’re done designing your widget, click Save button and copy the generated code to paste on your site:


4. Animation of typing messages and viewing messages typed in the chat

When your customer writes a message in the chat via the widget, you will see the message and can prepare a response in advance:


The customer will also see what you write to him, but will not see the text before sending:

🖥️
1️⃣
Widget Settings
Language and text settings
Mini widget settings
Generated widget code
Animation of typing messages and viewing messages typed in the chat
List of default languages
Template for customizing the widget
Additional languages for the widget
Activate the selected language for the widget
Widget activation as a chat
Customizing the mini widget
Getting the widget code
The customer writes messages in real time
The customer has sent a message
The manager writes a message
The manager sent a message