Telegram Chat Widget

Un widget de chat es una herramienta valiosa que permite a los visitantes de un sitio web comunicarse en tiempo real con su empresa. Normalmente, aparece como un botón ubicado en la parte inferior de una página web, que ofrece un saludo cordial y brinda asistencia inmediata a los usuarios. Para integrar sin problemas un widget de chat en su sitio web.

To Create a Chat Widget:

  1. Navigate to the Telegram Bot Manager Page.
  2. Within the Telegram Bot Manager, select the `Chat Widget` section and click on the `Create` button.
  3. Configure the action button by completing the following fields and clicking `Save`:
    1. Choose a t.me short link from the Actions dropdown menu.
    2. Upload a .png or .jpg file for your user logo, or provide a link to your user logo.
    3. Select a color from the color palette or input a hexadecimal color code for the chat widget`s header background.
    4. Set a display name for your chat widget.
    5. Craft a welcoming message for your users
    6. Choose the desired position for the Chat Widget on your webpage.
    7. Define the button text.
    8. Specify colors for the chat widget`s button background, button text color, button hover background, and button text hover color.
    9. Set the button size.
    10. Provide a reference to easily track the plugin later.
  4. Click the `Save` button to preserve your bot flow configurations.
  5. Double click on the Start Bot Flow and give a name for the bot flow.
  6. Now let’s add desired reply from the Start Bot Flow socket for the Chat Widget. We can use any kind of replies like Text, image, audio, video or whatever we want. Then save the bot flow.
  7. Retrieve the embedded code and insert it into your website`s source code.

User can input the embedded code on both a custom website and a WordPress website. Here’s how:

For WordPress website:

  1. Copy the JavaScript Embed Code.
  2. Acceda a su panel de WordPress.
  3. Go to `Appearance` > `Theme File Editor.`
  4. Paste the copied code into the footer section.

For Custom website:

  1. Copy the JavaScript Embed Code.
  2. Paste it into the header or footer section of your `index.php` or `index.html` file.

Your Chat Widget will now be displayed on your website, providing an efficient means of communication and support for your visitors.