How to make a beautiful design for a VK group. How to quickly create a beautiful VKontakte group - step-by-step recommendations

In this article I will tell you how to beautifully design a group in contact. Agree, the more beautiful the group, the more pleasant it is to subscribe to it. At the same time, the group will have a convenient menu that you just want to go to and view its contents.

Less talk, let's start creating menu for a group on VKontakte.
First, you need to actually create the group itself, as I wrote in a previous article.

And so, it all starts in Photoshop, we create a picture of the menu you want. Basically, this is some kind of background with the names of the headings. An acquaintance just asked me to make a beautiful group for his company aero-stomadent, which deals with industrial ventilation, so I’ll do it.

I found a wonderful backdrop of Alaskan nature, and in fact, I will do everything on it.

Open a new browser tab and paste the following link there: http://vk.com/pages?oid=-XXX&p=Name of page where XXX is your group ID. For example, this happened to me.
http://vk.com/pages?oid=-91934542&p=menu

Hello again. I will never get tired of saying this) In our studio, we love free communication with our users, well, that is. when you are not puzzled by the framework in which you were put in order to write the necessary article. On this site we communicate only on topics that are interesting to us and tell you about them. And so, in the previous article in the series of training materials about VKontakte, we created a VK group and talked a little about its promotion. But still, to be honest, that’s not all, the social group functionality provided to us. The network allows you to design a group or public in a very interesting and even professional way. So in this article we will tell you how to beautifully design a VK group and make a beautiful menu for it.

WIKI markup is used to create groups. In this article we will not delve too deeply into it, because... If we mix everything in one article, then we will completely confuse you, friends, but our task is different. We will tell you more about wiki markup in the next article, okay? Then let's continue.

In this article, we also can’t do without Wiki, but we use it to a minimum here, so don’t delve into it too much)). First, we need to create an interactive menu for your group; for this we need to carry out preparatory steps. First, let's change some settings in the group. We go to “Community Management”, then to “Discussions”, and here we need to connect “Materials” and make the discussions open, as shown in the picture

Ready! Next, let's start preparing the images. At this stage, it is advisable to be able to work with graphic editors, otherwise you will need to turn to freelancers, and this is a waste of your money. It’s better, of course, to learn this; it’s not difficult at all, and even more so, you’ll need it more than once. We will show you how to perform this step in Photoshop, although you can do the same thing in any other editor.

We make a template for the VK group as in the picture below.

The menu will be located in window A and its dimensions may differ from those shown in the image. It all depends on the size of your menu buttons. In our version, we suggested making one button per line. If you need to make 2 buttons per line, then the width of window A must be reduced to a maximum of 377px. Usually, we select the height empirically. In this option, a height of 377px is chosen when placing each element on the main page of the group in one line.

The marking stage is over, now we make a suitable image, cut our drawing into zones and write down the inscriptions we need, and do not forget that each separate zone of the picture, with the inscription that you write, will be your menu button. I don’t think it’s worth writing how to do all this, because... this will turn into a separate lesson on Photoshop, perhaps we will write about it, although I can’t promise - the site has the wrong profile. But if there are many requests, I think we’ll add an article))

When you save the project in Photoshop, removing all unnecessary elements (Photoshop cuts and saves all the pictures and white fields along with them), you need to change the name of the pictures, preferably, for convenience, numbering them in order, according to how they will be placed in the menu .

Fuuuhhhh, we're done with this stage too)) There's not much left! Next, we move on to the group itself. After we changed some settings (at the beginning of this article), we will see new tabs on the wall: “Discussions” and “Latest News”. Click on the words “New topic” in the discussions tab and create a menu page.

It must be named the same as on the graphic menu, and then fill in the description field. When you have entered all the necessary information, confidently click “Create topic”.

You will see the created message on the wall. Then, in the same way, you create the number of pages you need (depending on how many menu sections you have).

Is everything ready? if yes, then we begin to edit our menu. For this we use the “Latest News” tab. Again, feel free to click “Edit”.

Again we see the editor window, which we are no longer afraid of)), we have already met with it. Having switched to the visual editing mode (to do this, use the camera icon in the VK editor), we load all our pictures (menu fragments) in the order in which they will be found in the whole image. We change the name to something understandable to visitors. Then we switch to wiki markup mode and edit the code (we will tell you in detail about wiki markup in the next article, I’ll tell you an interesting thing.

Sample code for the proposed menu:

One point is very important here - for fragments that do not serve as a button, you need to write the “nolink” tag instead of a link to the page. Otherwise, the fragment will become clickable, and when your user clicks on it, the fragment itself will open as an independent image, but do you need that?

If something is wrong, then most likely you made an error in the code, check everything carefully, and more than once. And if you did everything correctly, then after clicking on the name of the tab of the main menu of the group, you will see a ready-made graphic menu that looks like one whole together with the VK group avatar.

If your menu at the lower level does not coincide with the avatar of the VKontakte group, then achieve alignment in the code in the lower fragment by changing the height in px. With large changes, this may affect the quality of the picture. In this case, in the original graphic editor template (in our case, Photoshop), make changes in the size of the desired fragment and, if necessary, redraw the entire layout. That's all, friends, the VK group registration is finished! You are now the owner of a professionally designed group.

In the next article from the training series about VKontakte, we told you how to make an interactive menu and design a VKontakte group professionally. In our next article, we will take a closer look at wiki markup and try to design a group by going deeper into this markup.

As always, we are very happy to receive any comments you may have, write more often, friends))

Hello everyone, dear readers of the blog site. I continue my topic about - in fact, not everything is as complicated as it seems, and there is nothing special to study here. Your professionalism depends entirely on practice. Well, okay, today we will talk about the beauty of your groups, the beauty of the menu in your groups and how to beautifully design the menu and the groups themselves, and with your own hands, i.e. for free!

Speaking of the simplicity of the SMM industry - even in there are more branches and tricks that you need to know in theory in order to achieve results. Well, okay, I also admit the fact that I may still be too weak in these areas, although I have clients in both.

Well then, Let's go create a menu for VKontakte groups?

How to design a menu in a VKontakte group yourself

Yes, exactly on your own, because after reading this article, you will not need the services of freelancers. Although this is not an expensive business, for 1500 you can make a menu on workzila (I wrote a detailed experience about working with this exchange).

So this is what we need to create a group on VK:

1. Layout (graphical arrangement of elements) - we must know where everything should be.

2. Basic knowledge of wiki markup. (we’ll talk about the most standard things below, but for a detailed study I recommend this group ).

3. Basic skills in working with Photoshop. You will need to cut out pieces of the layout to the required size.

Where can I get menu layouts?

Layouts for VKontakte menu design can be taken in different ways, for example:

1. Freelancing or also Workzilla.

2. You can create it yourself if you have Photoshop skills. If not, I recommend Evgeniy Popov’s courses, here is one of them, just for Photoshop - click.

3. You can google and download ready-made ones. Believe me, there are quite a few of them.

Well, on the other hand... Why Google? Just subscribe to my site updates. And click on the social media buttons below.

I have prepared an archive especially for you, in which more than 100 different designs for VKontakte groups!. When unpacked, the archive takes up about 2.5 gigabytes.

The main conditions are to be a subscriber and follow the social buttons!

Thank you. Now you can download the archive from this link.
Don't forget to go through the rest of the social buttons.

Sizes of avatars and menus that are useful for designing VK groups

In order to properly design a group or public page, you need to know about the size of the pictures that you need to use. I ask you to pay attention to this picture.

As you can see, in the group the avatar needs a size of 200 in width and 500 pixels in height. And for the main menu image - 395 pixels wide and 289 pixels high.

That's basically all you need. There are layouts, there is an understanding of sizes.

The creative part is over - only a little work remains. We begin the technical part of the entire process of creating a menu for groups.

How to create a VKontakte group yourself, having layouts in hand

So we have the group design mockups. Now you need to cut out the necessary parts.

Of course, nothing is needed for the group avatar. We cut out the required part from the layout or picture and paste it into the group. I think you can insert it yourself? Well, I hope so. If not, write comments, I will add this section to the article.

Now the menu, it needs to be cut out. Not the menu itself, of course, but every part for the menu (buttons) definitely needs to be cut out.

First, a little education.

How is the group menu different from the public menu?

They differ in that the group menu is essentially a set of buttons. But this menu is always hidden! Always! And the public menu is always open and in fact is a pinned post link leading to a page with sections of the menu itself (buttons).

So, again: in a group - to see the menu, you need to click on the “Group Menu” button, by default this button is called “Latest News”.

And in the public (in a group, by the way, you can also) the menu is always open.

But this picture is one big and beautiful link that leads to a larger separate menu. Here:

This picture-button on the menu is created through a pinned post. This is just a post in the group that we pin forever! This link post will take you to a separate page that we will gently pre-create.

How to create a separate page for the VKontakte menu

To create a page for the future menu (navigation) you need to send the following request to VK:

where XXX is the group number, YYY is the page name (here all question marks and dashes are required).

Moreover, I recommend making the name normal, attractive and meaningful, because it will shine and people will form a certain impression about you and your group based on this name. For example, “Navigation” or “Group Menu” are normal names, but they seem banal. Use your imagination.

I entered the following query

And I immediately opened a created page with the ability to edit it.

This is where you will need to insert your code for the menu itself using wiki markup. But more on that a little later.

By the way, I’ll tell you a secret, if you have a group (and not a public one) - a standard menu that already exists by default - it is already a page in itself. So you can use it if you have problems creating additional pages.

How to make a pinned post in a group or public

Yes, and in any type of community, a pinned post is created the same way! Everything is done very simply.

And in the window that appears, click the “Pin” button - it’s simple!

Many groups, by the way, use pinned posts as announcements. If the relevance of this ad has passed, you simply click again on the publication date and the “Unpin” button.

In fact, everyone now uses this particular menu method.

Guess why?

So, we already know how to create pages and pin posts. Cool. Let's return to our ram layouts.

Cutting a layout for group or public design

So, for the avatar everything is clear, we are not cutting anything here. We created a picture of the required size and uploaded it to VK. All. We're done with the group avatar!

Now the menu.

For example, I took the menu from this group. I made it myself, and I still have access to it, so I can even show the code of the pages.

So, you already know how to make the main image for the menu - it’s just a pinned post.

Click on the menu and see the picture.

We need to highlight “clickable” zones.

those. select the buttons themselves. Let me highlight these areas for you with red lines.

How much do we get? 5 pictures. And not every picture will be a button!! As you can see, the top large picture is not a button, but itself...

So, we cut out pictures along these lines. Now you need to “upload” it to VK.

If you created a separate page for the menu, then click on the “Fill with content” button on the newly created page.

If you did not create this page, but used a ready-made page for the menu, then you will immediately see the page editor and you can immediately upload photos:

Filled in and you should see the following:

You might just have a code like the one in the picture below. If not, click the “Source Code” button, I highlighted this button in the top picture. And you will see the following:

Here we need to line up all the pictures so as not to get confused (well, that's what I do).

And so that there is no padding between the pictures, enter the “nopadding” tag, it should look like this:

this is page-58190479_45419120 - this is the address of the VKontakte page itself, you will find this identifier in the address bar of your browser.

That's all :) Isn't it difficult?

This is what I ended up with in my code. If you have something similar, then everything is in order.

If you have any problems with any of the points, please contact us. I'll be glad to help.

Taking this opportunity, I would like to remind you that there are wonderful services for any promotion and cheating, these are:

prospero | associate | socialtools

I may not have told all the secrets that needed to be told. I admit that I missed something, after all, the article turned out to be quite large - write to me if you notice any obvious omissions. Thanks in advance.

Hello friends!

Do you want to make the VKontakte group as attractive as possible for your subscribers? Don't know where to start? If you already have high quality content, then focus your attention on community design. I'm not talking about simply choosing an avatar. Creating a menu in a VKontakte group is one of the main points that needs to be taken into account when designing. It is this point that we will consider today.

What is the VKontakte menu and what is it for?

The menu is the face of the group. The first thing any visitor to your community encounters is the menu. Therefore, your task is to think through it as convenient and attractive as possible. First, you must decide what exactly you want to convey to your subscribers. It depends on the mission of the community itself. After all, there are completely different purposes for creating a group: educational, entertaining, or the goal of selling a product/service. From there, decide what information is most important to your future subscribers.

For example, if you are focused on entertaining users or informing them about something, then perhaps focus on the ease of finding the information they need. This applies to groups where content can be divided into separate topics, for example, health, fashion, etc.

If your community is created in the form of an online store, then the approach should be completely different. Convenience of searching for goods or services should of course be present, but also focus on promotions, new products, delivery conditions, as well as your contacts.

So be sure to keep the community theme in mind when creating your menu.

Methods for creating menus for VKontakte groups

The first step is to decide how to create your menu: automatically or manually. If you have chosen a fast and simple method, but at the same time of high quality, I present to your attention a service for creating a menu for VK WikiMaker communities, you will easily and quickly figure it out, making your group more convenient. If you want to take complete control of menu creation, here are step-by-step instructions.

How to make an attractive design?

I want to combine the creation of two important group elements into the instructions: a menu and an avatar. Because it is not advisable to create them separately, because the user should see the harmony between these two graphic elements.

1. First, you need to install Photoshop, if you have not previously installed this program on your computer.
2. Open Photoshop and create two template files for the avatar and for the menu. Set the required dimensions. For example, for an avatar - 200x500 pixels, and a menu - 389x600 pixels. Fill them with one color so that they are clearly visible and save the two created separate files.
3. Load the template into the group in place of the avatar, selecting the entire area.
4. Loading the menu is a little more complicated. To do this, you will need to enable content in “Community Management.” After this, the ability to add a menu will become available. Go to the tab that appears under the description of the “Latest News” group and click on the button in the toolbar in the form of a camera and upload the file from your computer. Did it work?
   
5. Immediately after downloading, a link will be available to you, which will have to be modified a little. After the word “noborder” enter the sign “;” and the word "nopadding". This feature will prevent your menu from dropping down when adding news to the community.
6. We make Prnt Scrn of the main page of your group. For what? To understand your mistakes. The fact is that now this is a draft version - everything is not smooth and not so beautiful. Your goal is to have the bottom borders of the menu and avatar match perfectly. Then you may be wondering, “Why don’t I give you the exact measurements?” But the fact is that each admin uses a different amount of text in the group description, which changes the height of the menu, and the width of the menu is a matter of taste and, as we know, it is different for everyone.
7. We go into Photoshop and create a new file, inserting a screenshot there.
8. Now, working with this file, we select the area of ​​the avatar using a “rectangular selection” - you can use it to select a specific area as accurately as possible. Next, right-click and select “cut to new layer.”
   
9. We work on the same thing with the menu image, only when selecting it, we need to cut off what is unnecessary at the bottom. Make sure that the bottom of the menu and the avatar completely match.
10. Now, holding down the Ctrl button, select the two layers we created. Right-click on them and select the “Merge Layers” function. Two of our templates, perfectly matched to each other, appear on one page.
11. The next step is to upload the cover photo. It appears on top of our templates. Now, in the layer tools on the right, click on the cover file while holding down the Alt key. After this procedure, the cover will be visible only on the templates and will become invisible beyond their borders. But this will not stop you from moving the cover and selecting the desired visible part of it.
12. Now the important point of creating a menu is the buttons. By now you should already know the exact names of the future buttons. For example, “Health”, “Children”, “Our contacts”. To make the task easier, we create the first button, the next ones we just duplicate and change the text.
13. We add a logo to the avatar or a verbal appeal, or both. This will add vibrancy as well as a distinctive feature to your group.
    
14. Save the shared file as a picture on your computer. What's next?
15. Open the file we just created in Photoshop. Next, we create a new empty file with the exact dimensions of our avatar, insert into it the image we created with the logo and buttons. We select the area we need for the avatar and adjust it perfectly to the selected dimensions. Then we save our creation.
16. We do the same with the menu. But again, there is an addition here. First, you need to know the height of the menu, since it does not match the draft version. Using a ruler, we measure the height to a single pixel (it’s best to measure it several times so as not to make a mistake). Create a new file with the old width and new height, adjust the image to the size and click the “Save” button.
    
17. Load a new avatar, select the entire area and select a thumbnail.
18. Upload the menu via the “Latest News” button. We delete the previous link, upload a new photo and add “;nopadding”.
19. Now let's lay out our menu layout. We use Photoshop’s “Cutting” or “Knife” tool. It is called differently in different versions of Photoshop. We draw a line under each button to create separate rectangles that the user can hover over to navigate to specific links in the future.
20. We go to edit the menu through “Latest News” and load each of our menu clippings in turn. When viewing, gaps between our pictures will be shown. In order to get rid of them, you need to add the word "nopadding" to each link.
    
21. Now, so that your links are active and you can insert the information you need, then write on the links of the pictures in the editing menu - the name of one of your buttons - for example, Delivery. But this word must be written clearly according to established rules; it should look like this [[Delivery]]. Next, save the page, follow this link and fill it with the necessary content.
22. The last step for everything to work is to insert a copy of the link to the Delivery page into the button link, for example - page-123456_456789, that is, the info between the words “vk.com/” to “?”. That’s it, now design each button the same way and your menu will successfully attract your target audience.

Subscribe to blog updates and share information with friends. Create more beauty in your life!

If you are actively promoting your group and want to make it more popular, then you probably know that a beautifully designed group is a very important aspect of the development of your brand, but before you think about designing a VKontakte public page, you should think about the purpose of your VK group!

As a rule, an SMM specialist, after completing the creation of a VK group, begins filling it. It is content that can retain people in a group. But you just need to do it efficiently and competently! After the group contains: descriptions, wall posts, albums with photos and videos, audio recordings, you should begin implementing a functional menu. And let the menu at the beginning of the journey not be super beautiful, as we are used to seeing at the beginning of work, but rather simple. First of all, the usefulness of the existing content is important!

In this article you will find information on how to create a VK group menu yourself! Therefore, if you are puzzled by the question: how to make a VKontakte group menu, this review is for you!

Quick navigation:

What is a group menu

The menu can be considered a list of all available public functions. Using the menu, you can display all the important elements in one neat and beautiful list, set an individual icon or image for a specific link, and send notifications to visitors about planned changes quickly and easily. The menu can display the following elements: all kinds of links to third-party sites, discussion bubbles, music, albums and other subsections within the VK site, images and the usual structure of your public. Based on the instructions below, you can make a menu for your VKontakte community with your own efforts.

Creating a VKontakte group menu online

If previously, to create a menu, you had to bother yourself with entering various codes, which is quite difficult for people who do not have programming skills, but now you can create a high-quality and beautiful menu for a group in online contact using specialized services.

So, now let’s take a closer look at how such constructors work. It is worth noting that they all have identical functionality, so once you understand one, you can freely work in any of them.

The principle of creating a menu can be divided into several steps:

Step 1. Decide on a design template.

On sites that allow you to create a group using templates, professional designers work who qualitatively draw dozens of templates of different styles and colors. You can choose the one that suits your group. Subsequently, you will have the opportunity to change the template at any time.

Step 2: Determine the number of buttons.

Decide how many buttons linking to different pages will be present in your menu.

Step 3. Specify links and captions.

Step 4. Verification and export.

Make sure that the completed menu works the way you wanted it and then upload it to your community. The services will independently produce all the necessary images, generate the code, and, with your permission, upload everything to your public page.

Step 5. Making changes.

If you need to make changes, for example, add new buttons, correct links and inscriptions, change the design, just go to your account, make the changes and export the menu again.

As you have already seen for yourself, creating a high-quality, accessible and beautiful menu using special servers is the best option for VK administrators. It is worth noting that such servers offer free services only for one time – a trial. Subsequent use of resources of this kind must be paid for. But, despite this, the result of using the functionality will undoubtedly justify your investment.

Create a banner for a VKontakte group for free!

There are specialized sites where, without much effort and software, you can make yourself a beautiful banner for the VKontakte group. For example https://bannermakers.ru/banners-vk/.
In addition to creating a menu in this way, there are also ways to create a menu in a VK group in other ways. Read about it below.

VK menu wiki markup

Wiki markup is a great help in creating a beautiful and effective community! This is a very convenient and effective way to create a public page on the popular VKontakte network. This markup is very similar in its action to html code. But for those who are not involved in programming,

it will be quite clearer due to the ease of implementation. This markup got its name thanks to Wikipedia, where numerous users for the first time had the opportunity to familiarize themselves with the main features of its functions. Wiki markup allows people without programming skills to easily and quickly create a group:

· Create spoilers and tables graphically.

· Format images and text.

So, let's move on to analyzing how to create a menu for the VK community?

Of course, in the process of designing a group menu, additional recommendations may be required, but in general, you can understand the principle of creation using this guide. If we consider html, then to study and work with it you need to spend several days or about a week. Working with Wiki markup with good memory will only require some time. How should it be created? What approaches should be taken?

Let's dwell a little on its history, and then we'll talk about technology. Ward Cunningham first introduced people to the concept of “wiki,” which means “quick” in Hawaiian. Thus, he expressed the simplicity and speed of using markup.

Fast registration

Now we will look at the questions: “How to make a menu in a group in VK” and clarify how to implement it effectively. In the process, you can take several paths, each of which has its own direction and leads to the final goal - having a high-quality group menu.

We'll deal with it in order. If the group carries the meaning of a social direction, then a text menu can be introduced. Its advantages lie in its serious appearance. It is advisable for commercial and entertainment-type communities to determine the rate on the menu - graphics. Don’t forget that there are ready-made templates for VK group menus. The use of images will draw visitors' attention to what should be visible. Using this approach will give you the opportunity to make being in a group more fun and relaxing. Wiki markup allows you to create a group menu with pictures and photographs, create tables, embed and open links, and much more. Of course, this is not the entire list of functions, but designing your community’s menu is easy and on a fairly impressive scale.

Basics of Wiki markup in creating a menu for a VK group

Thematic pictures and photographs will allow you to create a VK group menu that is beautiful and interesting. It is important to know that on VKontakte it is possible to insert the necessary photo or picture using wiki markup only when they have already been uploaded to the site’s albums. So, go to the album, decide on the desired photo and copy its address. Let's say it will be like this: photo14523_90678. Now you need to capture it in double square brackets. The result should be like this: []. What if you need to attach a link or text to an image or photograph? Or maybe there is a need to edit the external image? Then the following action will help here: you need the file to look like this - [[photo14523_90678|options|text/link]], and instead of the last three words you need to substitute what you need. Text - enter what you need. Here, additional explanations will probably be inappropriate. Link translated from English is “link”. Designated so that the visitor's car understands where it needs to go. Options - the following values ​​are set here:

Noborder - removes the frame located near the photo. Box - the image is located in a window.

Nopadding - spaces between images are not displayed.

NNNxYYYpx or NNNpx - indicate the size of the image (in pixels).

As a rule, it is necessary to embed an element into the text and graphic menu of a VK group that allows you to present information in a form convenient for the visitor, namely tables. Few communities on VKontakte can survive without it. To create a table using wiki markup, you need to use a certain list of symbols. Below you will find out what functionality each symbol is responsible for:

(| - designation of the beginning of the table. It is impossible to do without this symbol when creating a table; it is a required attribute.

| - used to give cells a transparent effect.

|+ - using this character set, the table name is placed in the center. This is not a mandatory attribute, but it should be placed immediately after the signs that characterize the beginning.

|- - this is how new lines are designated (also for cells).

Creates a dark color. If this symbol is missing, you must use the sign from point No. 2.

|) is a set of characters indicating the end of the table. This is an optional attribute. But it is still recommended to use it to prevent errors from occurring.

Now let's look at how to fill a cell. All information that must be included in them is placed after the | signs. If you need to separate cells from one another, you just need to duplicate it like this: ||.

Now you have studied step by step the information on how to make a menu in a VK group using wiki markup. Using the example of creating a menu for your public page, everything will become even clearer to you.

How to make a menu in a VK group with a new design 2018

The new design of VK not only brought convenience to the functionality of the site, but also some confusion for public administrators. In this section, we will look step by step at how to create a menu for a group in a new design.

So, a guide on how to make a menu in the new version of VK quickly and, most importantly, without errors in the code is in front of you. By following the instructions exactly, you can create the menu yourself, correctly and quickly! Let's begin!

1. Open the menu image in Photoshop or another graphics editor.

2. We examine the size of the image and if it exceeds 600 pixels in width, we change the size to 600, the height of the image changes proportionally, we do not set it manually!

3. Use the cutting tool and cut our image into buttons.

4. Save the image in the “for WEB” parameter. Now the Photoshop work is finished. Let's go to the community.

5. Go to the community settings in “Materials”, select “Restricted” and click “Save”.

6. Go to the main page, in the “latest news” subsection, click “edit”.

7. So we ended up in the Wiki editor, now the most basic activity will begin. Change the “latest news” column to “menu” or any other and click the camera icon, insert all the chopped pieces from the saved folder.

If pictures appear instead of code immediately after entering the wiki markup menu editor, you need to switch the wiki markup mode!

Now we have the code for our menu, but it needs to be modified a little to remove the spaces between the images. Now our code looks like this: [][-][-][-][-]

Turning to the preview, we will notice that the images are not where they should be, and, in addition, there are spaces between them.

8. Edit the code: By default, VK has a built-in resolution for a maximum image size of 400px in width, the first button turns out to be 600, change the parameters of the first button 400x89px to 600px, there is no need to specify the height. We also enter the following tag into each line: nopadding must be separated by a semicolon.

Important! Do not click on ENTER after lines of code if you want to have two buttons next to each other on the same menu line. The editor will automatically move to a new line those parameters that do not fit! This code should look like this after editing:

[][-][-][-][-]

Now, going to the “preview” we see that everything is in its place. We add the necessary links to each of the buttons to the code; for a clear example, the link to the first button is not clickable here! Don't forget to remove the extra space between | And ].

[][-][-][-][-]

After making sure that everything is done as planned, click “save” and return to the page. Please note that in the new 2018 version there is no “return to page” button, so you just need to click on the page name at the top.

9. Now we need to pin our menu. To do this, copy the link to the page from our menu and return to the main page of the group.

10. You need to paste the copied link into the new message field. After a piece of the menu is displayed, the link must be deleted! And using the camera icon you need to add a pre-prepared image for the banner. Put “on behalf of the community” by clicking on the circle to the left of the “send” button and click on “send”

11. Now let’s fix the menu, refresh the page and evaluate our result. The entire work, slowly, takes approximately 15-20 minutes.

How to make a menu in a VK group with transitions

Now let's look at how you can make a VK group menu with transitions.

So, how do you make one wiki menu inside another? First of all, the first menu must be ready. We will start from the picture already cut into buttons. We add cut pieces of the image through the camera stash in the wiki editor. If pictures appear instead of the code, it means that the wiki markup mode is not enabled; before adding an image, click<>

Don't forget to click "Save" at the bottom of the page! If necessary, you can change the size of the image and add the nopadding tag to the code, by default it is absent, and the size of the image should be a maximum of 400 pixels in width, if the image needs to be corrected to the desired size!

1. After editing the code, save and click “return”.

2. Check that the first menu is displayed correctly.

3. If everything is as it should be, click “edit” again.

Now you need to create a new wiki page where the second menu will be located. At the very end of the code we write the menu value for public VK 2, or any text you need. Save and go back. An active link with a new name should appear at the bottom. For maximum convenience, open it in another browser tab.

While your newly created page is still empty, click “edit” or “fill with content”

Just like we did at the very beginning, we add sections of the second menu, save and see what the new menu looks like.

If everything is as it should be, copy the link to the new menu page in the address bar of your browser.

Let’s say a new menu should open when you click on the “Reviews” button of the first menu. You need to go to the tab where we created the first menu and find the third line and paste the link from the buffer, save and return.

Thus, when you click on the “Reviews” button, our second menu will open.

How to make a VK group menu from your phone

If you are “lucky enough” to work as an administrator of VK groups or create your own group with only a phone, then if you adapt, it is quite possible to create a group menu from your phone without experiencing much effort.

Everyone knows that the creators of VK offer their users a fairly convenient mobile version, and you have already learned about different ways to create a menu. However, manually entering codes using wiki markup is possible, but not entirely convenient. But downloading a template from websites of specialized services and inserting it into the necessary fields is quite simpler and more convenient, and it won’t take you very much time. Thus, you can administer VKontakte groups simply and conveniently.

VKontakte group menu templates

All of the methods described above to create a VK group menu are quite simple, and if you apply them in practice, you can make sure that there is absolutely nothing complicated about it. Adapting to the introduction of pictures and tables using wiki markup is quite simple and quick. But it’s even faster and more convenient to use ready-made templates for group menus, which can be found either on the resources mentioned above, or downloaded from blogs and websites of the same users.

It is worth noting that the templates imply the presence of pictures and images of various topics. They also have versatile designs. If you don’t have time to search for images, or don’t have enough imagination to create a colorful menu, you’re better off using ready-made menus