Documentation: Instagram Button for Joomla
System Requirements
System requirements differ for Joomla 3, Joomla 4, Joomla 5 and Joomla 6, so please refer to the section corresponding to your version.
Joomla 3
Joomla 4
Joomla 5 and Joomla 6
Extension Installation
The extension installation process is slightly different for Joomla 3 and Joomla 4/5/6, so please refer to the section corresponding to your version.
Installation for Joomla 3
- Download the extension package.
- Go to the Joomla 3 administration panel.
- Open "Extensions" -> "Extension Manager".
- Click on the "Upload Package" tab.
- Select the downloaded extension package and click "Upload and Install".
Installation for Joomla 4, Joomla 5, and Joomla 6
- Download the extension package.
- Go to the Joomla 4/5/6 administration panel.
- Open "System" -> "Extensions".
- Click on the "Upload Package" tab.
- Drag and drop the downloaded extension package into the upload area or click "Select Package".
- Click "Upload and Install".
Extension settings
Go to the site modules list in the Joomla administrator panel. In the module list, find "IWS.BY Instagram Button". Click on the module title, and a page with available settings will open. Let's review each field below.
License key
Enter the license key received from the IWS.BY website when obtaining the module. Without a key in this field, the module will not be able to access the update server and update automatically.
Instagram link
Enter a direct link to the desired Instagram page in the field. Example: https://instagram.com/
Link opening attribute
This option is responsible for opening a link in the visitor's browser. Two options are available: when you click the button, the link opens in a new window, or it opens in the current browser window.
Button size (pixels)
This field is responsible for the size of the button: its height and width. It is specified as a number in pixels.
Button form
This option specifies the shape that the button will have. It can be square with rounded corners or round.
Background type
This option is responsible for the type of background. It can be: Instagram – the background color of the button will be close to the Instagram design. Own – the background color will be taken from the "Background Color" option below.
Background Color
This option specifies the background color of the floating button. It is specified in HEX format.
Icon color
This option specifies the color of the icon on the floating button. Specified in HEX format.
Button location
This option is responsible for the location of the floating button relative to the site visitor's screen. Two options are available: left and right side. The button will be pinned to the bottom of the site.
The next two fields are filled depending on the selected side of the button display.
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.
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.
Bottom indent
This field specifies the distance between the button and the bottom of the site visitor's screen. It is specified as a number in pixels.
Layer level (Z-INDEX)
In this field, you need to specify the layer level at which the button will be available in relation to all elements of the site. The analogue of the CSS property: z-index.
The next block of settings sets the boundary of the floating button.
Enable the border?
This option is responsible for activating the border around the floating button. If "Yes" is selected, the frame settings will be applied from the settings below.
Border width
This field is filled with the width of the border. It is specified as a number in pixels. The analogue of the CSS property: border-width.
Border style
This option is responsible for the style of the border around the button. Four border styles are available: solid, dashed, dotted, and double line.
Border color
This option sets the color of the border around the floating button widget. It 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.
Turn on the animation?
This option is responsible for activating the floating button animation. If "Yes" is selected, the animation from the field below will be applied.
Animation type
This option is responsible for the type of animation to be applied to the floating button. Four animation options are available: the button pulses, the button bounces, the button moves, and the icon rotates.
Extension update error
If you encounter an error when updating an extension in the Joomla control panel, this section of the instructions is for you.
Error appears in several cases, all of which are related to the extension's license key.
1) You have not filled in the license key in the extension settings.
Go to the extension settings and check if the "License key" field is filled in. Without a license key, it is not possible to download updates. Sometimes, you may have added a license key, but the Joomla CMS did not save it correctly. In this case, in the extension settings, after entering the license key, click "Save" and then click "Save & Close".
2) Your license key has expired.
To check the expiration date of your license key, go to https://iws.by/en/my-account/view-license-keys. In the list of license keys, find the key for your extension and check its validity in the "Valid until" column. If the license key has expired, it is not possible to get updates. To resolve this issue, place a new order and obtain a current license key.
3) The license key is not valid on your current site.
Our update system is designed so that the first time you access the update server, the license key is assigned to the site that requested it. If you try to use the license key on multiple sites, updates will be available for only one site. If you need updates for multiple sites, purchase multiple license keys on our website. Sites without license keys will not be able to receive updates.
Attention! If you have changed your site's address and cannot download updates, write to us at support@iws.by with the new site address. We will update the data on our update server, and within 24 hours you will be able to receive updates.
Support
IWS.BY support service for questions regarding our products is available via email: support@iws.by.
All available support options are available on the Support page: Go to.