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

Instructions for the module «WhatsApp Button» for Joomla 4

WhatsApp Button for Joomla 4 - module for CMS Joomla 4, which will add to the site floating button WhatsApp, by clicking on which the visitor to the site will be prompted to contact the phone number specified in the settings via messenger WhatsApp.
Кнопка WhatsApp для Joomla 3 и Joomla 4
WhatsApp Button for Joomla 3 and Joomla 4

The module is designed to add a floating button, clicking on which will open a chat with the specified number via messenger WhatsApp.

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 into 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 WhatsApp 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 «Phone number»

WhatsApp Button for Joomla 3 and Joomla 4 - Phone number

In the field, enter the phone number that you want to use to communicate in the messenger WhatsApp.

Attention!!! Phone number should be entered without special characters and + sign.

Example number: 375441111111

Option «Link opening attribute»

WhatsApp 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)»

WhatsApp 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»

WhatsApp Button for Joomla 3 and Joomla 4 - Button background color

The option specifies the background color of the button in HEX format.

Option «Icon color»

WhatsApp Button for Joomla 3 and Joomla 4 - Icon color

The option specifies the color of the icon on the button in HEX format.

Option «Button location»

WhatsApp Button for Joomla 3 and Joomla 4 - Button location

The option is responsible for the location of the WhatsApp button in relation 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.

Option «Right indent»

WhatsApp Button for Joomla 3 and Joomla 4 - Right indent

The option sets the distance between the button and the right part of the site visitor’s screen. It is specified as a number in pixels.

Option «Left indent»

WhatsApp Button for Joomla 3 and Joomla 4 - Left indent

The option sets the distance between the button and the left part of the site visitor’s screen. It is specified as a number in pixels.

Option «Bottom indent»

WhatsApp Button for Joomla 3 and Joomla 4 - Bottom indent

The option sets 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)»

WhatsApp 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.

Next are the settings for setting the frame around the button.

Option «Enable the border?»

WhatsApp Button for Joomla 3 and Joomla 4 - Turn on the frame

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

Field «Border width»

WhatsApp Button for Joomla 3 and Joomla 4 - Border width

This field is filled with the width of the border in pixels. The analogue of this field is the CSS property: border-width.

Option «Border style»

WhatsApp 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»

WhatsApp Button for Joomla 3 and Joomla 4 - Border color

This option sets the color of the frame around the WhatsApp button widget. The color is 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 «Turn on the animation?»

WhatsApp Button for Joomla 3 and Joomla 4 - Enable animation

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

Option «Animation type»

WhatsApp Button for Joomla 3 and Joomla 4 - Animation type

The option is responsible for the type of animation that will be applied to the WhatsApp button. Four animation options are available. Let’s look at each one below.

WhatsApp Button for Joomla 3 and Joomla 4 - Rotation animation with a pulsating button

Button emits a pulse

WhatsApp Button for Joomla 3 and Joomla 4 - Animation with a bouncing button

The button will bounce

WhatsApp Button for Joomla 3 and Joomla 4 - Animation of button movement to the sides

The button moves from side to side

WhatsApp Button for Joomla 3 and Joomla 4 - Icon rotation animation on button

The icon on the button will rotate

These are all the available settings for the WhatsApp button. Next you need to activate the module.

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