Telegram Chat Widget

Un widget de chat es una herramienta valiosa que permite a los visitantes de tu sitio web comunicarse en tiempo real con tu empresa. Generalmente, aparece como un botón en la parte inferior de la página web, ofreciendo un saludo cálido y proporcionando soporte inmediato a los usuarios. Para integrar un widget de chat en tu sitio web sin problemas, sigue estos pasos.

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. Access your WordPress Dashboard.
  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.