Probably everyone has noticed that most modern websites and blogs have widgets for VKontakte groups installed. This ensures an inextricable link between the thematic community in social network and the thematic web resource of the same name. Why is this necessary?

Why install a VKontakte group widget

First of all, this is necessary for those users who:

Installing a VKontakte widget for a group can be implemented according to 3 schemes:

1st scheme – the widget on the site displays only members of the VK community;
2nd scheme – the widget on the website displays only news from the VK community;
3rd scheme - the widget on the site displays only the name of the VK community.

At the same time, the 1st scheme is the most interesting and worthy of attention, which means that we will learn how to install it in this step by step instructions to the site. Other schemes are much less common due to their inexpediency. Why is this so?

Secondly, the main promoted resource is the site, the secondary one is the VK group, therefore, it is in the group that announcements on new topics on the site are published, and not vice versa! Now, if we were to promote the VKontakte community, then it would be logical to put a widget with group news on the site in order to attract the interest of readers who would want to subscribe to the thematic community on VKontakte.

In general, it’s time to start implementing your plan - installing the VKontakte widget on all pages of your blog or website. Let's begin!

Installing the VKontakte widget: step-by-step instructions

1. First, log in to VKontakte and log in using the standard scheme (Password and Login). Go to the “Developers – Widgets” section using the direct link:
http://vk.com/dev/Community

2. Let’s start filling out all the necessary fields of the VKontakte widget. Required fields can be considered:

— a link to the page (the Contact community that we are trying to link to the site);
— view (by default – Participants);
— width of the VKontakte widget (in pixels);
— height of the VKontakte widget (in pixels);
— color palette (background, text, button).

The code for inserting into the site is generated automatically depending on the parameters passed to it. There is no need to edit the code manually; just fill in the appropriate fields and evaluate the visual result using the example located just below the field with the program code.

3. If everything suits you and appearance corresponds to the design of our website, where the VKontakte widget will be installed, then you can copy the created code and paste it onto the website. However, in order to optimize the operation of the system, the site recommends following another link - “Go to detailed widget documentation.”

Note: to prevent the widget settings from being reset, it is better to first copy the code to the clipboard or Notepad!

4. As you can see, in the documentation we are asked to act more wisely by placing the scripts in the Title container, and inserting only a new DIV block element in the desired place in the site body (Body container). It's up to you to decide. In any case, the widget code will work fine and without a single glitch!

So, by inserting the resulting code into the desired area of ​​your blog or website, we can visually evaluate the operation of the installed VKontakte widget. There is no delay here. The VK block is visible immediately after its insertion into the site.

However, if something goes wrong, go through all the instructions from the very beginning or write your comments on the step-by-step instructions in the form below the article, and the site will try to help you! In addition, see how this operation done on video. Perhaps you missed something or made a mistake at one of the stages. Although there shouldn't be any difficulties. It's all so simple!

Hi all! Today I’ll tell you about another useful feature for the site - a widget for VKontakte groups. I think from the name it’s already clear what it does. The VKontakte group widget is a very useful thing if you want to attract more people to your group using the site. In general, read all the details in the article.

Despite the fact that I don’t use the widget for groups on my website (maybe in vain), this is a very useful feature for keeping the audience up to date with all the news.
Let's go in order...

Widget for VKontakte groups

So, it looks like this:

This is a widget from my brother's website. It can be placed anywhere; it is in the sidebar (side column of the site).

About the benefits of the widget for groups

The design of the VKontakte website has long been familiar to everyone and immediately catches the eye, which makes you pay attention to it. If I were on a site that was interesting to me and saw such a widget, I would subscribe to group updates.

It is placed very easily and quickly. The advantage is that a visitor who visits the site and notices the widget will see his friends, if they are in the same group, this will serve as an additional incentive to join it.

You can literally subscribe to a community or public page in one click. By the way, I believe that for websites it is much more effective to use a public page (?).

Okay, enough about the advantages, they are already clear to everyone, I think.

How to install a widget for VKontakte groups?

So, the installation instructions are very similar to the installation instructions, by the way, I advise you to install them if you have not already installed them.

Step 1

Step 2

Setting up our widget for groups.

We indicate the link to our group or community in the first line.
At the “View” item, select what you like. If you scroll down the page, you can see an example of the widget and its changes.
Width and height do not require explanation, if these values ​​can be changed directly in the code by changing the “width” and “height” values.

Step 3

Now let's install our widget on the site.

What I highlighted in red should be placed in the “header.php” file (for WordPress). Place the second code, which is indicated in green, where you want the VKontakte groups widget to be displayed; I advise you to place it in the widget.

P.s. If you have already installed comments or from VKontakte, most likely you do not need to install the first part of the code because you already have it installed.

That's it!
As you can see, installation is very simple and does not require much time or effort. Everyone can handle this, but if you have any questions, contact me in the comments and I will be happy to help you.

That's all, see you soon, good luck and prosperity!

Cookies for today:

Funny video about a princess and a knight

Did you like it?

First, let's define the concepts. The term “widget” means a graphic block that displays information or certain functional elements of a group on a social network. There are a great many similar modules on VKontakte, but today we will be specifically interested in lead widgets - web applications for communities, public pages and events that allow you to create personalized advertising offers and attract the attention of visitors to important information. In addition, they can be used to call for certain actions, including:

In this way, conversion rates can be significantly improved, and as we know, it is this ratio that worries business owners most, although from an SMM point of view there are many more than the number of leads.

Widgets for the VKontakte group are created by third-party companies and private developers. As a result, their functionality and conditions of use differ significantly. In this material we will look at three of the most useful, from our point of view, tools.

Installing and configuring the VK widget designer

Let's start with the basics and figure out how to connect third-party programs to the community. To do this, go to the “Management” -> “Applications” menu. Unfortunately, the catalog does not have adequate built-in navigation, so you will have to press Ctrl+F the old fashioned way. Let's use the keyword “constructor” to find the required line.

Now just click on “Add” and voila - you can get to work. The first screen will prompt us to configure the display of the application itself to home page groups. In the “Visibility” column, select “Only administrators”, change the rest as you prefer.

After this, the automatic redirect will take us to the control panel. By the way, although the developers warn that ad blockers can negatively affect the operation of the application, we did not find any problems.

Click on “Create your first widget” and select the “Personal with avatar” option. Everything is simple here: click on the required field and enter the text in the pop-up window, and attach a link to the landing page to the button. We remind you that the URL can only be internal, that is, related to the second-level domain vk.com or vk.me.

When setting up the VKontakte widget, intuitive variables are used. Essentially, all you need to do is write in capital letters the value you want to substitute in the text and enclose it in curly braces. Among the parameters available in the free edition:

● name;
● surname;
● avatar;
● city;
● country;
● id.

In addition, words can be declined in the genitive, accusative, dative, instrumental and prepositional cases, for example (NAME_PRED). WITH full list commands can be found.

Upon completion of all manipulations, click on “View and install widget” and confirm your choice. Next, return to “Management” -> “Applications” and select “All users” in the “Widget visibility” field.

Now a personalized greeting will be displayed on the main page, but the designer button itself will remain hidden from prying eyes.

In addition to the standard module, the application supports the following widget configurations:

● tiles - displays vertical images from brief description;
● covers - displays up to three wide-format pictures with an interactive button;
● list and compact list - from 3 to 6 (in the premium version) text blocks with buttons;
● text - displays extensive text blocks;
● table - data in the form of a grid containing 1–6 rows and up to 4 columns;
● matches - special modules for displaying the scores of sports competitions.

Discount for readers

You're lucky, the smmbox.com service gives out discounts.
Today 15% discount to use the service. You just need to register and enter the promotional code when paying smmbox_blog

This way, you can choose a template suitable for your topic, even if you are engaged in SMM promotion of a bookmaker’s office or online cinema. In general, the VK widget designer can be called one of the most convenient solutions. Rich basic functionality and simplicity make it easy to create effective personal messages without additional financial costs. However, let's see what our competitors can boast of!

Alternative widgets for VKontakte groups

The next application is no less popular, and has even earned the title of “national”. The reason is that it is free and easy to use. The principle of installing it is the same: look for “Widget in the community” in the list, add it to the administrated group, hide the program display, but make the graphic module itself available to everyone (or only to subscribers if you plan to hold exclusive promotions).

Setting up the extension will also not cause problems: select one of the 4 available display styles, click on the desired field and change the information in the pop-up window.

The functionality of this designer is more modest, however, it also has its own features. Here we are offered only two variables:

● - only the name is displayed;
● - first and last name are displayed.

It is impossible to choose a declension, so adapt your message to the nominative case in advance. As for the layouts, in addition to the classic greeting, we have tiles, covers and a text block at our disposal. I wouldn’t dare call the lack of tables and match grid a disadvantage: such options are relevant only for certain niches. But the developers have provided the ability to display different inscriptions depending on the gender of the VKontakte user.

This is very convenient in cases where you organize events dedicated to gender holidays, or, for example, want to notify girls about the appearance of new collection women's clothing in the online store.

Another nice little thing is the character count counter, which we also didn’t see in the previous plugin: you could find out about exceeding a given limit only after an unsuccessful attempt to save the text.

Another popular solution is SpyCat, which can be found mentioned in many SMM materials. Its demand among optimizers is explained by built-in targeting on paid tariffs, the cost of which starts from 590 rubles per month for each (!) connected community (as of August 2018). However, we strongly do not recommend it to beginners: the free functionality is very poor, and if you have not yet decided on the portrait of your target audience and methods for stimulating conversion, a subscription will only be a waste of money.

IN basic version There is only one template available - a simple text invitation that does not even pick up the visitor's avatar. The VKontakte widget is configured by filling out text fields, that is, during the creation of the module you will not be able to evaluate its appearance. And even instead of a graphic button on the free plan, only a text link is available.

There are no restrictions on variables, but their number is not encouraging:

● (Firstname) - name;
● (Lastname) - last name;
● (City) - city;
● (Career) - profession.

Declensions, as you might have guessed, are not available.

As for commercial templates, here we will see a classic widget for VK with an avatar and a button (which the developers of the applications described above provide to everyone for free), familiar tiles and covers. Of interest are the block of promotional products (owners of online stores will like it), the list of clients (more relevant for the B2B segment), best reviews for all time and an event announcer, but, again, such functionality will not be useful to everyone.

Thus, if we consider SpyCat only as an application for creating lead modules, then in terms of price and offered features this solution turns out to be the least profitable of all those presented.

Let's summarize

After reading this material, you have gained an idea of ​​the most popular tools for connecting graphic and information modules to the VK group. The time has come to make a choice, and here, in fact, everything is extremely simple:

● if you have never worked with widgets before and are just starting to test the waters, start with the “Widget in the Community” program - it is absolutely free and ideal for experimentation due to its rich capabilities;
● having better studied your target audience and its reaction to personalized offers, you can switch to “Constructor” - the abundance of variables will help you create texts that are more effective from a marketing point of view, and democratic paid subscription(the tariff for your entire account will cost 200 rubles/month as of 08/2018) will allow you to create blocks of any complexity;
● SpyCat can only be recommended if you want to receive many times more leads by personalizing offers for different audiences. You will need to first understand the audience, invest in the service and study it, but it will pay off (judging by the cases). Unfortunately, free version this decision loses to its analogues on all fronts due to the negligible number of settings.

Although applications for creating VK widgets help solve technical problems, their effectiveness is determined primarily by how well you can write selling texts (even short ones), as well as knowledge of the preferences of the target audience. However, these issues are beyond the scope of today's topic and deserve consideration in separate publications.

Social networks are the second most accessible source of traffic for a website after search engines, and third in efficiency. With proper promotion of an Internet project on social networks, you can achieve an increase in traffic by 30%, and the number of regular readers by up to 70%!
That's why webmasters first of all pay close attention to social networks, creating official pages from the site, launching news. And the main Russian platform for promoting your website or Internet business is the network, which provides sufficient capacity for a free start without any investment!

How to insert a VK group widget?

Creating and does not seem to be a difficult task, even for beginners. Thanks to the intuitive interface of the social network, all you need is time.
And in order for the site’s audience to know about your social page, you need to tell about it in any way available to you. And many webmasters prefer the widget format, which is easily integrated into web design. VKontakte, like other social networks, provides a set of web tools, of which the “Community Widget” can be distinguished.

To start inserting code onto the site pages, first log in to the VKontakte website and follow the “Developers” link at the end of the page:

1. Find the item “Authorization and widgets for the site”;
2. Click “Community” - 3rd item from the top and configure the display;
3. Provide a link to your group or public, as it is displayed in the address bar;
4. Select the display format: Participants, news, title only (we recommend the “Participants” option, as it is more common among blogs and most large sites);
5. Next, adjust the dimensions of the widget (width and height in pixels), and if necessary, change the color scheme to fit into the site template.

The first part of the code is inserted after the opening tag , which is located in the “footer.php” file of WordPress themes. We copy the second part to the “Sidebar” in the “Appearance” - “Widgets” section, placing it in a standard text block. After clicking the “Save” button, you can check the display of the “Community Widget” on the site.

Note! The copied code is divided into two parts to optimize the loading of the main content on the site pages. If you have minimal use of third-party scripts, then when you insert the code into the “Text” widget completely, the time difference will not be noticeable.

How to insert a VK widget via iframe

Sometimes there may be a problem with the correct display of the widget on the site pages, which has negative consequences in the process of active promotion. As it turns out, the culprit is the widget script, which is not always processed correctly by Internet browsers.

To avoid such problems, you can use a different method of displaying the “Community Widget”, using the code built on display through