We insert the widget of the Vkontakte group on WordPress. Widgets in VK for a group - how to add and configure Put a widget on VKontakte

Probably everyone noticed that most modern sites and blogs have widgets for VKontakte groups. Thus, an inextricable link between the thematic community in the social network and the thematic web resource of the same name is carried out. Why is this needed?

Why install the VKontakte group widget

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

Installation of 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 site displays only the news of 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 on the site. Other schemes are much less common due to their inexpediency. Why is that?

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 site topics 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 the group's news on the site in order to attract the interest of readers who want to subscribe to the thematic community in VKontakte.

In general, it's time to start implementing our plans - installing the VKontakte widget on all pages of your blog or website. Begin!

Installing the VKontakte widget: step by step instructions

1. First, we enter VKontakte and log in according to the standard scheme (Password and Login). We pass to the section "Developers - Widgets" by the direct link:
http://vk.com/dev/Community

2. We proceed to filling in all the required fields of the VKontakte widget. Required fields can be considered:

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

The embed code on the site is generated automatically depending on the parameters passed to it. You don't 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 the appearance matches the design of our site, where the VKontakte widget will be installed, then you can copy the generated code and paste it into the site. Nevertheless, in order to optimize the operation of the system, the site recommends to follow one more link - "Go to the detailed documentation of the widget".

Note: so that the specified settings of the widget are not reset, it is better to first copy the code to the clipboard or Notepad!

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

So, having inserted the received code into the desired area of ​​your blog or website, we can visually evaluate the work of the installed VKontakte widget. There is no delay here. The VK block is visible immediately after it is inserted into the site.

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

Widget for VKontakte messages to your site. You need to go to your community / VKontakte group. P.S: You must have administrator rights to manage the community. Go to « Community management «

Setting up the message form. Fill in the highlighted fields (In the item "Allowed domains" we indicate the domain name of your site, I have 2 sites, therefore 2 domains):

Next, put a check mark "Reveal immediately", If you want to. On my site, for example, this widget opens immediately, on the site http: //yti-kazan.rf it is simply displayed at the bottom right and opens when you click on it. Copy the embed code on the site.

We go to the admin panel of our site. Appearance - widgets.

Add a text field and paste the copied code there. You can also insert this code not into widgets, but into the "Footer" (footer) of your site (highlighted in yellow in the screenshot, depending on the WordPress theme). In the footer of the site, this is more correct, but I didn't bother. See how it is more convenient. It was more convenient for me to use widgets. The result was the same. I tested it on 2 of my sites. We save.

Here's what happened in the end:

We look, rejoice, celebrate success !!!

Group / community widget for a website with CMS WordPress. How to add a VK group / community widget to the site.

Community widget

The community widget will closely link your site to the relevant group or official page In contact with... The widget allows you to subscribe to community news without leaving the page.

The widget can display photos of friends user and other community members. The link "Subscribed .." provides demographic statistics for the participants.

Instead of photographs, may also be displayed community news... In this case, at the bottom of the widget there will be a small block with a photo of the user's closest friend from among the subscribers and a list of other friends in the community. When scrolling down a block automatically loaded older entries.

Connecting a widget to your site

To add a widget to your site, just copy the embed code on the page where you want to place the widget.

Everything is very simple here.

Almost all small and large communities use VK widgets for a group. They greatly simplify the work of the administrator, help connect the site with a social network, sell their products, communicate with subscribers, collect and process requests for services. Developers are constantly adding new applications. We decided to make a list 10 of the best useful and interesting extensions that will help improve efficiency group promotion in VK.

After reading the article to the end, you will not only decide which widgets will be useful for a group dedicated to your business, but you will also be able to add and configure the desired widget.

Top 10 best and useful widgets in VK for a group

Despite their huge number, the most popular and necessary options can be identified. Let's take a look at them:

Shop of goods

For whom: people who sell goods.

Target: selling products directly in the group without going to other sites and online stores.

In 2015, a support service was launched within the retail social network. It looks more like a showcase than a full-fledged online store, but you can make a sale and receive money without any problems.

To connect, you need to go to the menu "Community / Page Management"... Selecting a section "Applications" and add the appropriate widget. A window will automatically open in front of you, in which you need to configure all the parameters. You can see an example of filling in the fields in the screenshot above.

It is imperative to configure the main points:

• Delivery region.
• Currency. You can choose the Russian ruble, Ukrainian hryvnia, Kazakhstani currency - tenge, dollar or euro.
• Contact. Be sure to configure this section so that you can take orders. You can specify a team leader or arrange to receive orders through messages.

All these points will be on one page. As soon as you fill in the product cards, complete the basic setup, the product block will appear on the main page of the group.

Donations

For whom: Communities that share useful information for free.

Target: support group owners.

Most communities provide useful content for free. At the same time, there are subscribers who are ready to support the administrator with money.

To connect the widget, you need to go to the section "Community Management"... Go to tab "Applications" and add "Donations".

Everything is already working, you just need to configure the basic parameters:

• if desired, you can change the name of the button;
• specify the category of users;
• select a snippet, it will be located next to the link to the application;
• the name of the application itself.

After that, be sure to save your changes. Enter information in the text block, set up your e-wallet.

After installation and configuration, be sure to write in which you accept funds for the development of the community.

Spycat: Lead widget builder for VK

For whom: community owners.

Target: improving behavioral factors, attracting customers.

Each person can set up a direct appeal to the visitor by name. You can write your own selling proposition to increase brand awareness.

To add an application, you must go to the group. Click on the three dots below the main photo. Select "Community Management" from the list. In the right column, click on "Applications". Select and add the appropriate widget.

Fill in the main fields:

• button name;
• who can see her;
• snippet;
• Application Name.

Select text or personal type.

We proceed to editing, fill in the main points. Next, save and turn it on right away. A small window will open in front of you, if you like everything, click "Update widget in the group".

The advantage of this widget is that it does not look like a call to purchase, rather it is like a greeting that improves the appearance and sets the user up in a more positive way. For an even deeper dive into the subject of visuals, explore recommendations for group design on VKontakte.

Mailing messages

For whom: those who want to send messages with any materials, to automate the mailing.

Target: collect a base of active subscribers, who can be informed about new promotions or contests.

If you want to enable such a possibility, go to the page - https://vk.com/app5748831... Click Connect Application.

If everything was done correctly, you will see a window about the successful completion of the operation.

Applications

For whom: Ideal for businesses or groups looking to build a customer base to sell products, services, or invitations to events.

Target: Turn users on the social network into customers.

Go to the "Applications" section of your group page. Select the appropriate application and click Add.

Customize button title, visibility, snippet and app name. Then go to the main settings and fill in the fields as you see fit.

Tests

For whom: all communities, ideal for online stores and companies.

Target: find out the opinions of subscribers without redirecting them to other sites.

Advantage in several types of tests. The administrator decides for himself when the audience finds out about the answers or it may not know them at all. You can assign points to each question.

The connection process is no different from others. You can see an example of filling out the main fields above. Save changes and wait for the results of users passing your test.

Questionnaires

For whom: Suitable for any group owner.

Target: Conduct a full survey or survey of subscribers and visitors to the community.

You can create various types of questionnaires and multi-step voting. Use this for audience research or as a brief for clients. There are detailed statistics that allow you to study the audience. A notification setting has been created to make the work of the administrator and users more comfortable.

To add, go to "Page Management" - "Applications". Select "Forms" and click "Add".

We fill in the basic settings and proceed to the creation of questionnaires. Click on the "Go to application management" button.

Let's look at an example of creating a questionnaire:

1. Enter the name.
2. Click on the first item (see the example in the screenshot above).
3. We ask a question and add answer options.
4. Click "Save".

You can significantly expand the questionnaire by adding more items, photos, different types of questions.

Personal account for the joint venture

For whom: for online store owners.

Target: makes it easy to participate in joint purchases.

Immediately after installation, you will receive the following features:

• display of the general account for purchases;
• notifications are received if there are changes in purchases;
• order history is saved;

The addition is no different from the rest. After starting, you need to click on the "Subscribe" button.

Attention! In the screenshot, you can see the application setting. It will only be available after other users subscribe and you create a group for purchasing and managing items.

Event Schedule

For whom: administrators who are targeting concerts, exhibitions or other events.

Target: drawing attention to a specific event, notifying subscribers about it.

Adding is no different from working with previous widgets. After filling in the main fields, go to the settings.

Click on the button "Create an event".

Fill in all the required fields and save the changes. After that, users will be able to access notification of events.

Order status

Target: Buyers can see the status of the order.

If you sell products on VKontakte, be sure to install this application. Thanks to it, users will be able to see the status of their purchase. There are 3 statuses in total: pending approval, shipping and delivery. Able to integrate with the virtual store, which we considered before. This allows you to automatically load statuses for which templates are pre-configured.

Go to "Community Management", select the "Applications" section. The widget is located almost at the end of the page, so we recommend using the search. Click "Add".

You do not have integration yet, so the system will offer to choose CRM. Next, you need to follow the prompts of the system, because further settings and work with orders depend on the selected item.

Conclusion

VK widgets for a group make work much easier. You can not only share information with subscribers and visitors, but also give them the opportunity to buy goods, attend your events, and collect a database for further mailings. Thanks to applications, an ordinary group on a social network can be turned into a tool that can replace a site in functionality!

Since I am a practicing administrator of groups in social networks, when entering any site from a search engine, I will definitely look into their VKontakte group.

How do I do it? Thanks to the widget, of course!

Why am I doing this? Because I am interested in how this or that project is presented on social networks, how the group is conducted, how active it is, etc.

This is how the VKontakte widget looks on the site. You can also "live" see him - he is just to your right. Scroll the mouse wheel down a little and you can contemplate it yourself 🙂

Why do you need a VKontakte widget

The most important task that the widget performs is to connect your site and your VK community. A huge plus is that the site visitor sees on the widget, first of all, his friends in the group. It always builds trust.

Remember yourself. Surely you were eager to join groups where your friends were already.

Moreover, a site visitor can literally subscribe to the news of your group in one click. And this is great! Well, people do not like to make unnecessary gestures and nothing can be done about it. Laziness mother ...)

Remember that every extra mouse click is another barrier that not all your visitors and subscribers go through.

VKontakte is the most visited network of the Russian Internet and a huge number of people (to be more precise, about 60 million people) visit this social network every day. And your business will clearly benefit from the fact that people will receive news from you exactly on the resource on which they are used to spending their free time.

How to create a VKontakte widget for a website

In order to create a VKontakte widget, open your page on this social network.
Then go down to the very bottom of the screen and on the left, under targeted ads, look for the "Developers" button. A couple of times novice administrators turned to me for help and wrote that they could not find this very button at the bottom of the page.

If you are also tired of turning the mouse wheel, then go to the very top of your page, click on the triangle next to your name and find the "Help" button

A page will open in front of you, at the bottom of which you can easily find the button "Developers"

You will be taken to the application development page. Click on the button "Connect sites and widgets"

Find the "Website Widgets" section and click on the "Communities" button.

You will see the page "Widget for Communities", where you can make all the necessary settings for your VKontakte widget. All fields will already be filled in - don't be alarmed! The fields are filled in for example 🙂

You will see 5 blocks in front of you:

1. In the "Link to page" field, enter the address of your group.
2. In the "View" field, choose the option that is most interesting for you:
   Members - the widget will display the avatars of your community members;
   News - the latest news of the group will be visible;
   Title only - You will only have your community name on your site.
3. In the third block, you can adjust the size of the widget - its width and height.
4. In the fourth, change the color of the background, text and buttons at your discretion.
5. The very bottom field (in the red square) contains the very code that we will need to insert into the site.

Try to play around with the widget settings. This is a very exciting activity, because you can observe all the changes in real time 🙂

How to install a VKontakte community block on a site

Despite the fact that all the technical questions related to the site are not easy for me, I was able to install the VKontakte widget myself. I think that if you have a WordPress site (my site is powered by the WordPress engine), then it will not be difficult for you to do this.

Go to the site admin panel. Find "Appearance" in the control panel.

Then, in the same place, click on the "Widgets" tab. You need to drag the “Text” block (free text or HTML code) to your sidebar.

In the "Text" block, you can come up with a title for the widget, insert the code and be sure to save. By the way, the title is optional 🙂

First, let's define the concepts. The term "widget" means a graphic block in which information or some functional elements of a group in a social network are displayed. There are a great many similar modules on VKontakte, but today you and I will be specifically interested in lead widgets - web applications for communities, publics and events that allow you to create personalized advertising offers and draw the attention of visitors to important information. They can also be used to call for certain actions, including:

Thus, you can significantly improve conversion rates, and as we know, it is this ratio that worries business owners most of all, although from the point of view of SMM 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 terms of use vary greatly. In this article, we will look at three of the most useful, from our point of view, tools.

Installing and configuring the VK widget constructor

Let's start with the basics and figure out how to generally connect third-party programs to the community. To do this, go to the "Management" -> "Applications" menu. Unfortunately, the directory 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 string.

Now you just need to click on “Add” and voila - you can get to work. The first screen will offer us to customize the display of the application itself on the main page of the group. In the “Visibility” column, select “Administrators only”, change the rest as you like.

After that, an automatic redirect will send 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 first widget” and select the “Personal with avatar” option. Everything is simple here: we click on the required field and enter the text in the pop-up window, and attach a link to the target page to the button. We remind you that the URL can only be internal, that is, referring to the second-level domain vk.com or vk.me.

When configuring the VKontakte widget, intuitive variables are used. Basically, 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 inflected in the genitive, accusative, dative, instrumental and prepositional cases, for example (NAME_PRED). A complete list of commands is available.

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

Now, the home page will display a personalized greeting, 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 with a short description;
● covers - shows up to three widescreen 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 sports scores.

Discount for readers

Lucky for you, smmbox.com is giving out discounts.
Today 15% discount to use the service. You just need to register and enter a promotional code when paying smmbox_blog

Thus, you can choose a template suitable for your topic, even if you are engaged in SMM promotion of a bookmaker's office or an online cinema. In general, the VK widget constructor can be called one of the most convenient solutions. The rich basic functionality and simplicity allow you to easily create effective personal calls without additional financial costs. However, let's see what competitors are capable of bragging about!

Alternative widgets for VKontakte groups

The following application is no less popular, and even earned the title of "national". The reason is free and easy to use. The principle of its installation is the same: look for the “Widget in the community” list, add it to the administered 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: choose one of the 4 available display styles, click on the required field and change the information in the pop-up window.

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

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

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

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

Another nice little thing is the counter of the number of characters, which we also did not see in the previous plugin: you could only learn about exceeding the specified limit after an unsuccessful attempt to save the text.

Another popular solution is SpyCat, which can be found in a lot of materials on SMM. Its relevance among SEOs is explained by built-in targeting on paid plans, 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 scarce, and if you have not yet decided on the portrait of the target audience and methods of stimulating conversion, the subscription will turn out to be just a waste of money.

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

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

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

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

As for commercial templates, here we will see a classic VK widget with an avatar and a button (which the developers of the applications described above provide for free to everyone), familiar tiles and covers. Interest is aroused by a block of promotional products (it will appeal to the owners of online stores), a list of customers (more relevant for the B2B segment), the best reviews of 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 capabilities, this solution turns out to be the least profitable of all the presented ones.

Let's summarize

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

● If you've never worked with widgets before and are just starting to test the waters, start with the Community Widget app - it's completely free and perfect for experimenting thanks to its rich possibilities;
● having better studied your target audience and its reaction to personalized offers, you can go to the "Constructor" - an abundance of variables will help you compose texts that are more effective from a marketing point of view, and a democratic paid subscription (the tariff for your entire account will cost 200 rubles / month by 08.2018) will allow you to create blocks of any complexity;
● SpyCat can only be recommended if you want to get many times more leads by personalizing offers for different audiences. You will first need to understand the audience, invest in the service and study it, but it will pay off (judging by the cases). Unfortunately, the free version of this solution loses to analogs on all fronts due to the negligible number of settings.

Although applications for creating VK widgets help solve technical problems, their effectiveness is primarily determined by how well you are able to compose selling texts (albeit 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.