Instructions for the module «Widget APP VK» for Joomla

First, get the module by clicking the button above «Get module», if the module has already been received, then proceed further.

Installing the module in CMS Joomla 3

Go to your site dashboard.

In the top menu, follow the path to the extension installation manager along the path «Extensions» – «Manage» – «Install»:

Joomla 3 Extension Manager

On the page that opens, press the green button and select the archive received on the IWS.BY website when ordering.

After successful installation, you will receive a notification about successful installation:

Joomla 3 Successful Installation Notice

Enabling the module «Widget APP VK» in CMS Joomla 3

To work, the module must be enabled.

Go to the CMS Joomla 3 module management manager along the «Extensions╗ – «Modules» path.

On the page that opens, in the search bar, enter the name of the module for a quick search. Name «IWS.BY Widget APP VK».

Only one module we need will remain in the list of modules. There will be a red cross next to the name, click on it to activate the module.

The red cross will change to a green checkmark, the plugin has been successfully activated.

Configuring the module «Widget APP VK» in Joomla 3

In the list of modules, click on the name of the module. The module configuration page will open. Let’s consider the required fields.

First field «License key».

Field «License key»

It is necessary to fill in the license key received during the registration and download of the plugin from the IWS.BY website. The key must be filled in to receive regular plugin updates. Without this key, an error will be displayed when updating to a new version.

Field « Enable OpenAPI VK?»

If you select the «Yes» option, a public API service will be connected to the site, which are necessary for the work of the widgets of the Vkontakte social network.

If your site already has a public API connected, then set the option to «No».

Field «ID Application VK»

In this field, you must enter the numeric identifier of the application in the Vkontakte social network. How to get the numeric application identifier, read below, or go directly to the required section by clicking on the desired item in the table of contents on the left.

Field «View»

This field is responsible for the type of displayed information about the application. In total, there are three types of displaying information, below for more details.

  • «Card» – an image, category, number of participants and a Play button will be displayed. Display example:
  • «Members» – an image, title, category, number of participants, photos of participants and a “Play” button will be displayed. Display example:
  • «Play» -only the Play button will be displayed. Display example:

Field «Width»

The field is responsible for the width of the widget. The width is indicated by a number in pixels. The width from this field is applied only if the «View» value is selected as «Members». For other species, the value from this field is not applied.

Field «Button height»

The option is responsible for the height of the «Play» button. There are several options for button heights. Height is applied to a button if «Button» is selected in the «View» field. For other species, the value from this field is not applied.

Now you need to adjust the display position of the widget in the right place.

Field «Status»

This field must be set to Published.

Field «Position»

In this option, you must select the position of the module in the template where the application widget will be displayed. If you are displaying the widget in a text editor, then leave this field blank.

Next, go to the «Menu Assignment» tab

A tab with one field «Module Assignment» will open

At this point, it is important to select a value, otherwise the module will not be displayed on the site pages. In our case, we chose the value «On all pages».

Getting the Vkontakte application identifier

To get the numeric application identifier in the Vkontakte social network, go to the «Games» section.

Find the game or application you are interested in in the search and click on the image to open the game page.

Pay attention to the address bar in the browser, it contains the numeric identifier of the application.

The number «5327745» is the required application identifier on the Vkontakte social network.