Yandex.Metrika
Instructions for the module «Telegram Button» for Joomla 4 - IWS.BY

Instructions for the module «Telegram Button» for Joomla 4

Telegram Button for Joomla 4 - Module for CMS Joomla 4, which will add to the site floating button Telegram, clicking on which the site visitor will be prompted to connect to a specified login in the settings through the messenger Telegram.
Кнопка Telegram для Joomla 3 и Joomla 4
Telegram Button for Joomla 3 and Joomla 4

The module adds a floating button to the site, clicking on which will open a chat with a specified login in the settings through the messenger Telegram.

Available

Installing the module

Log in to your site’s control panel.

In the menu of the admin panel, on the left side of the site go to the section «System»

Joomla 4 - System

On the page that opens, in the center, find the section «Install» – «Extensions» and go to it.

Joomla 4 - Extension Installation Manager

You will see a page with an extension installation manager.

Extensions installation page in Joomla 4

Click on the green button, the explorer will open, in which you must select the archive obtained by downloading from IWS.BY for Joomla 4.

After successful installation, a green notification will appear in the Extension Installation Manager.

Notification of successful installation in Joomla 4

Configuring the module

Go to the list of installed modules in the admin panel by the path «System» – «Manage» – «Site Modules».

Joomla 4 - Module Manager

In the list, find the module «IWS.BY Telegram Button». Click on it and you will see a page with the available module settings. Consider each field below.

Field «License key»

Widget application Vkontakte for Joomla 3 and 4 - Field «License key»

In this field, enter the license key obtained when downloading the module from the IWS.BY website. Without the key in this field, the module will not be able to access the update server and automatically update.

Field «Telegram login»

Telegram Button for Joomla 3 and Joomla 4 - Telegram login

In the field, enter your Telegram username, not the phone number you want to use to communicate in the Telegram messenger.

To learn how to set up or find out your Telegram username, see the section below «Telegram username».

Option «Link opening attribute»

Telegram Button for Joomla 3 and Joomla 4 - Link opening attribute

The option is responsible for opening a link in the visitor’s browser. Two options are possible: when you click the button, the link opens in a new window and when you click the button, the link opens in the current browser window.

Field «Button size (pixels)»

Telegram Button for Joomla 3 and Joomla 4 - Button size

The field is responsible for the size of the button: the height and width of the button. It is specified as a number in pixels.

Option «Background color»

Telegram Button for Joomla 3 and Joomla 4 - Background Color

Specifies the background color of the Telegram button. Specified in HEX format.

Option «Icon color»

Telegram Button for Joomla 3 and Joomla 4 - Icon color

Specifies the color of the icon on the Telegram button. Specified in HEX format.

Option «Button location»

Telegram Button for Joomla 3 and Joomla 4 - Button location

The option is responsible for the location of the Telegram button relative to the site visitor’s screen. Two options are available: left and right side. The button will be pressed to the bottom of the site.

The next two fields are filled depending on the selected side of the button display.

Field «Right indent»

Telegram Button for Joomla 3 and Joomla 4 - Right indent

This field specifies the distance between the button and the right side of the site visitor’s screen. It is specified as a number in pixels.

Field «Left indent»

Telegram Button for Joomla 3 and Joomla 4 - Left indent

This field specifies the distance between the button and the left side of the site visitor’s screen. It is specified as a number in pixels.

Field «Bottom indent»

Telegram Button for Joomla 3 and Joomla 4 - Bottom indent

The field specifies the distance between the button and the bottom of the site visitor’s screen. It is specified as a number in pixels.

Field «Layer level (Z-INDEX)»

Telegram Button for Joomla 3 and Joomla 4 - Layer level

In the field you need to fill the layer level at which the button will be available in relation to all elements of the site. The analogue of the property in CSS: z-index.

The next settings block sets the boundary of the Telegram button.

Option «Enable border?»

Telegram Button for Joomla 3 and Joomla 4 - Enable Border

The option is responsible for activating the border around the button widget. If «Yes» is selected, the frame settings will be applied from the settings below.

Field «Border width»

Telegram Button for Joomla 3 and Joomla 4 - Border Width

The field is filled with the width of the frame. It is specified as a number in pixels. The analogue of the CSS property: border-width.

Option «Border style»

Telegram Button for Joomla 3 and Joomla 4 - Border style

The option is responsible for the style of the frame around the button. Four frame styles are available: solid, dotted, dots and double line.

Option «Border color»

Telegram Button for Joomla 3 and Joomla 4 - Border color

This option sets the color of the frame around the Telegram button widget. Specified in HEX format.

The last block of options is responsible for the button animation. Let’s look at each option and each type of animation.

Option «Enable animation?»

Telegram Button for Joomla 3 and Joomla 4 - Enable animation

This option is responsible for activating the Telegram button animation. If Yes is selected, the animation from the field below will be applied.

Option «Animation type»

Telegram Button for Joomla 3 and Joomla 4 - Animation type

The option is responsible for the type of animation to be applied to the Telegram button. Four animation options are available. Each type is discussed below.

Telegram Button for Joomla 3 and Joomla 4 - Button pulses

Button pulses

Telegram Button for Joomla 3 and Joomla 4 - Button jumps

Button jumps

Telegram Button for Joomla 3 and Joomla 4 - Button moves

Button moves

Telegram Button for Joomla 3 and Joomla 4 - Icon rotates

Icon rotates

These are all the available Telegram button settings. The next step is to activate the module.

Telegram username

The link https://t.me/ requires a username in the Telegram settings. The link by phone number does not work, so here is how to find out or set your Telegram username.

Below are the username settings in Android and iPhone.

Open the Telegram app on your mobile device.

Setting up a username on Android

At the top left in the Telegram app, click the three bars.

Going to the Telegram menu

The Telegram application menu opens. Select the Settings option.

Menu in Telegram Android

The Telegram settings page opens. Find the User Name field.

Telegram username

This field specifies your username. If it is not specified, click on the floor and specify one you like. The created username will allow you to use the link to chat with you https://t.me/username, which is necessary for the module to work.

Setting up a username on your iPhone

At the bottom right of the Telegram app, click Settings.

Settings in iPhone Telegram

The settings will open in the Telegram app.

Telegram username on iPhone

Note the third line with information about you. If the line that begins with the @ sign is filled in, this is your Telegram username. If your username is not set up, click the “Edit” button at the top right.

Changing your Telegram profile

In the username field, enter the username you like.

The created username will allow you to use the link to chat with you https://t.me/username, which is necessary for the module to work.

Module Activation

The module is activated as usual. To do this, you need to:

1. Select the desired position in the template, where the widget should be displayed in the «Position» option, on the right side of the module settings page.

Module position

2. Below will be the «Status» option. Toggle the value in the option to «Published».

Module status

3. The final step is to bind the module to the pages on the site.

At the top above the settings on the module page, switch to the «Menu assignment» tab.

Linking to menu items

On the open tab, there will be one field «Module assignment».

Binding the module

Select the pages on which you want the module to be displayed in the module. In the example, «On all pages» is selected – the module will be displayed on all pages, on the selected position.

Click the «Save» button to save all the settings and display the module on your site.

If you have any questions that are not mentioned in the instructions, email us at admin@iws.by and we will help you.

Сontents

© 2013-2022 IWS.BY. All rights reserved.

Individual entrepreneur Alexander Berezuev, Republic of Belarus, UNP 490772447.
Certificate of state registration No. 490772447 issued by the Vetka District Committee on August 15, 2013.
The site is registered in the commercial register of the Republic of Belarus dated July 27, 2015 No. 280215.
Reprinting of materials from the IWS.BY website in whole or in part without the written permission of IWS.BY is prohibited.

Telephone number of employees of local executive and administrative bodies
at the place of state registration of IWS.BY,
authorised to consider applications of buyers: 8 02330 44345