Как сделать кликабельное меню в группе вконтакте: Как создать меню группы в «ВКонтакте» – sdelano.media

Как сделать картинку ссылкой в ВК различными способами и зачем это нужно

Пользователи ВКонтакте наверняка неоднократно обращали внимание, что в определенных постах есть фото и, если кликнуть на него, происходит перенаправление на совершенно другой сайт или группу. Это очень полезная функция и мы в этой статье расскажем, как сделать картинку ссылкой в ВК различными способами, и зачем это нужно.

Содержание

• Для чего это нужно
  • Новая запись
  • Вики-разметка
• Графическое меню ВКонтакте
• Заключение

Для чего это нужно

Возможность сделать картинку кликабельной, чтобы в строке поста не отображались длинные некрасивые ссылки, помогает интернет-магазинам и блогерам продвигать свои каналы, товары и услуги. Пользователь листает ленту и видит красивую картинку, допустим, баннер, в нем призыв к действию и кнопка «Зарегистрируйся» или другая. Это неважно. По логике кликает на картинку и тут же открывается сайт в новой вкладке. Это намного проще, чем в посте искать ссылку на этот сайт, копировать её в буфер обмена и потом вставлять в адресную строку.

Это позволяет приводить больше потенциальных клиентов или просто посетителей на свой ресурс. Как мы знаем чем меньше действий пользователю требуется выполнить, чтобы попасть на тот или иной ресурс, тем повышается процент переходов.

Такие кликабельные картинки можно публиковать как в своей группе, так и на личной странице.

Кроме того владельцы пабликов могут обрамлять таким образом меню. Это довольно интересный инструмент и мы расскажем как его настроить. Тогда пользователь в пару кликов будет попадать в обсуждения, в категорию товаров или в блог в один клик.

Новая запись

Кликабельная картинка в посте на вашей странице или в паблике — самый простой способ привести на свой сайт или в блог посетителей.

1. Откройте в новой вкладке браузера нужный сайт.
2. Поставьте в адресную строку курсор мыши и выполните правый клик мыши.
3. В открывшемся контекстном меню выберите «Копировать» или нажмите Ctrl + С (это нужно чтобы скопировать ссылку в буфер обмена).
4. Отправляйтесь на сервис сокращения ссылок https://goo-gl.su/, если ссылка длинная или некрасивая.
5. Вставьте в поле свою ссылку и нажмите «Сохранить».
6. После конвертации ссылка изменится, чтобы её взять нажмите на кнопку «Копировать» в конце поля.
7. Подготовьте картинку. Сделайте сами или закажите у дизайнера. Здесь все зависит от конечной цели.
8. Откройте свою страницу или группу и в поле для новой записи поставьте курсор и выполните правый клик мыши, и здесь выберите « Вставить». Или воспользуйтесь комбинацией клавиш Ctrl + V.
9. Дождитесь, чтобы под ссылкой подгрузилось превью сайта. Ссылку теперь можно удалить.
10. Наведите курсор на изображение, которое подгрузилось автоматически, и нажмите на иконку фотоаппарата.
11. Во всплывающем окне нажмите на «Выбрать файл».
12. Через Проводник выберите заранее подготовленное и сохраненное фото на ПК. Фото должно быть размером 537 х 240 пикселей или больше. Вы можете загрузить фото в формате JPG, GIF или PNG. Если фото будет больше, вы можете выбрать в редакторе отображаемую область.
13. Нажмите «Сохранить изменения».
14. Фото отобразится на месте предыдущего превью. Под картинкой вы можете отредактировать описание. На месте ссылки над картинкой вы можете написать любой текст и отформатировать его смайлами и эмодзи.
15. При необходимости добавьте аудио, файл, опрос, запланируйте публикацию на определенное время и дату. Укажите источник, если вы копируете какую-то статью с чужого сайта, а также отметьте, от вашего имени будет публикация или от имени сообщества. Отметьте тематику.
16. После того как вы настроите публикацию нажмите «Опубликовать».

Данная инструкция аналогична для публикации кликабельной картинки как в сообществе, так и на личной странице.

Примечание: создание кликабельной ссылки в ВК доступно только в ПК версии. 

Вики-разметка

Более интересный инструмент это Вики-разметка. Она позволяет владельцам сообществ делать интересное интерактивное меню, чтобы пользователю было проще взаимодействовать с различными разделами сайта или группы.

Сделать такое меню вы сможете лишь в том случае, если вы являетесь админом группы или модератором с определенными правами. 

Прежде чем настраивать меню или разделы группы нужно их включить в настройках:

1. Пройдите в свою группу и перейдите в раздел «Управление».
2. Затем откройте «Разделы».
3. Включите материалы беседы, выберите «Ограниченные» или «Открытые».
4. В самом вверху под названием группы у вас появятся раздел «Свежие новости».
5. Переключитесь на него и нажмите «Редактировать».
6. Откроется редактор Вики-разметки. Нажмите здесь на иконку фотоаппарата, чтобы добавить картинку. Как мы уже писали вы можете использовать любое изображение из интернета или подготовить его предварительно в Фотошопе или другом редакторе, если вам нужен баннер с определенной информацией на нем.
7. Выберите фотографию из сохраненных у вас в альбомах в профиле или откройте загрузку фото с ПК.
8. Фотография будет загружена в область редактора.
9. Нажмите на фотографию и выставьте требуемые параметры: ширину, высоту. Отметьте галочкой пункт «Сохранять пропорции».
10. Добавьте описание картинке и в соответствующее поле добавьте ссылку на ваш сайт или группу.
11. Нажмите «Сохранить».
12. В режиме предпросмотра можно проверить, как работает ссылка.
13. Теперь нажмите «Сохранить страницу ».

Теперь все пользователи при открытии раздела «Свежие новости» будут видеть вашу картинку, а при клике на неё будут попадать на требуемый сайт.

Графическое меню ВКонтакте

В ВК есть группа с подробным описанием, как делать красивые меню для привлечения более целевой аудитории и быстрого доступа пользователей в различные разделы сайтов  https://vk.com/wiki.

В отличии от простых страниц вы можете разбавлять текст картинками неограниченное количество раз. К примеру, в обычном посте допускается добавить картинку (или несколько изображений) только к конце публикации. Любые картинки на страницах Вики можно делать кликабельными и они будут вести как на внутренние страницы ВК, или на внешние, например, на на ваш сайт.

Заключение

Как видите, сделать картинку ссылкой довольно просто. Немного фантазии для подготовки изображения и точное выполнение рекомендаций. Любую публикацию, если не получилось сделать с первого раза, можно удалить и создать заново или отредактировать.

Специальные ссылки для мессенджеров и соцсетей

TILDA HELP CENTER

Рассказываем как добавить предустановленное сообщение и настроить звонок для ссылок популярных соцсетей и мессенджеров.

WhatsApp

Создание ссылки на чат

Подробнее

Viber

Создание ссылки на добавление контакта

Подробнее

Telegram

Создание ссылки на профиль

Подробнее

ВКонтакте

Создание ссылки на профиль и чат

Подробнее

Facebook

Создание ссылки на профиль и чат в Messenger

Подробнее

Skype

Создание ссылки на чат и звонок

Подробнее

Instagram

Создание ссылки на профиль

Подробнее

Twitter

Создание ссылки на профиль

Подробнее

WhatsApp

Важно: ссылки на wa.me могут не работать в России без VPN, поэтому использовать данные ссылки не рекомендуется.

Создание ссылки на чат

Можно задать ссылку на чат, а также указать предустановленное сообщение.

Чтобы у пользователя при клике по ссылке открывался чат, необходимо указать ссылку в таком формате:

https://wa.me/number

Где «number» — это полный номер телефона в международном формате.

Не используйте символ плюса, скобки и дефиса при вводе номера телефона в международном формате.

Правильно

https://wa.me/79999999999

Неправильно

https://wa.me/+7-(999)-999-99-99

Создание ссылки с автоматическим сообщением

Чтобы у пользователя при клике по ссылке открывался чат вместе с предустановленным сообщением в текстовом поле, необходимо указать ссылку в таком формате:

https://wa.me/number?text=your-text

Где «number» — это полный номер телефона в международном формате, а «your-text» — закодированное автоматическое сообщение.

Поскольку сообщение закодированное, то между словами вместо пробела необходимо использовать символы «%20»

Пример: «Здравствуйте! Хочу заказать у вас сайт.»

https://wa.me/79999999999?text=Здравствуйте!%20Хочу%20заказать%20у%20вас%20сайт.

После перехода по этой ссылке откроется страница WhatsApp с которой можно перейти в приложение с чатом на телефоне или компьютере.

В Viber ссылки для компьтеров и мобильных устройств разные. Поэтому их нужно добавлять отдельно. Для отображения разных блоков в компьютерной и мобильной версии можно воспользоваться настройкой диапазона видимости блока. Подробнее →

Важно: ссылки будут работать только если у пользователя на устройстве установлено приложение Viber.

Создание ссылки на добавление контакта для компьютера

Чтобы у пользователя при клике по ссылке открывалось окно добавления контакта в приложении Viber на компьютере, необходимо указать ссылку в таком формате:

viber://chat?number=+79999999999

Где «79999999999» нужно заменить на полный номер телефона в международном формате.

Обратите внимание, что в этой ссылке необходимо указать символ плюса «+» перед номером.

Создание ссылки на чат для мобильного устройства

Чтобы у пользователя при клике по ссылке открывалось окно добавления контакта в приложении Viber на мобильном устройстве, необходимо указать ссылку в таком формате:

viber://add?number=79999999999

Где «79999999999» нужно заменить на полный номер телефона в международном формате.

Обратите внимание, что в этой ссылке символ плюса «+» перед номером отсутствует.

Telegram

Создание ссылки на профиль

Чтобы у пользователя при клике по ссылке открывался чат, необходимо указать ссылку в таком формате:

https://t.me/username

Где «username» нужно заменить на имя пользователя в Telegram.

Ссылка будет работать только если в аккаунте задано имя пользователя, указать ссылку на номер телефона нельзя.

Для создания имени пользователя в Telegram перейдите в Настройки → «Изменить профиль» → укажите имя в поле «Имя пользователя».

ВКонтакте

Во ВКонтакте можно указать ссылку на профиль и чат.

Создание ссылки на профиль

Чтобы у пользователя при клике по ссылке открывалась страница личного профиля или группы, необходимо указать ссылку в таком формате:

https://vk.com/username

Где «username» нужно заменить на идентификатор пользователя (группы) во ВКонтакте.

Также вы можете просто скопировать ссылку на профиль из адресной строки браузера.

Создание ссылки на чат

Чтобы у пользователя при клике по ссылке открывался чат, необходимо указать ссылку в таком формате:

https://vk.me/username

Где «username» нужно заменить на идентификатор пользователя (группы) во ВКонтакте.

Обратите внимание, у этой ссылки изменен домен: вместо vk.com необходимо указать vk.me. В остальном ссылка такая же как и на личный профиль (группу).

Facebook

Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.

Можно указать ссылку на профиль и на чат в приложении Messenger.

Создание ссылки на профиль

Чтобы у пользователя при клике по ссылке открывалась страница личного профиля или группы в Facebook, необходимо указать ссылку в таком формате:

https://www.facebook.com/username

Где «username» нужно заменить на имя пользователя (группы) в Facebook.

Также вы можете просто скопировать ссылку на профиль из адресной строки браузера.

Создание ссылки на чат в приложении Messenger

Чтобы у пользователя при клике по ссылке открывался чат в приложении Messenger, необходимо указать ссылку в таком формате:

https://www.messenger.com/t/username

Где «username» нужно заменить на имя пользователя (группы) в Facebook.

Можно задать ссылку на чат и на исходящий звонок.

Важно: ссылки будут работать только если у пользователя на устройстве установлено приложение Skype.

Создание ссылки на чат

Чтобы у пользователя при клике по ссылке открывался чат в приложении Skype, необходимо указать ссылку в таком формате:

skype:username?chat

Где «username» нужно заменить на логин в Skype.

Создание ссылки на звонок

Чтобы у пользователя при клике по ссылке начинался звонок в приложении Skype, необходимо указать ссылку в таком формате:

skype:username?call

Где «username» нужно заменить на логин в Skype.

Instagram

Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.

Создание ссылки на личный профиль

Чтобы у пользователя при клике по ссылке открывался профиль в Instagram, необходимо указать ссылку в таком формате:

https://www.instagram.com/username

Где «username» нужно заменить на имя пользователя в Instagram.

Twitter

Создание ссылки на личный профиль

Чтобы у пользователя при клике по ссылке открывался профиль в Twitter, необходимо указать ссылку в таком формате:

https://twitter.com/username

Где «username» нужно заменить на имя пользователя в Twitter.

Как создать ссылки для обмена в социальных сетях менее чем за 5 минут [Быстрый совет]

Что такое ссылка для обмена в социальных сетях?

Ссылка для совместного использования в социальных сетях — это URL-адрес, при нажатии на который появляется установленное сообщение и изображение, которыми можно поделиться в социальных сетях. Они полезны для усиления вашего сообщения и минимизации времени, которое требуется кому-то, чтобы составить сообщение в социальных сетях о вашем контенте.

Вам знакомо это чувство, когда вы видите или читаете что-то и у вас есть , чтобы поделиться этим с каждым человеком, которого вы знаете? (У меня часто возникает это чувство, когда я читаю BuzzFeed и Upworthy.) Когда у меня возникает желание поделиться материалом, первое, что я делаю, это быстро просматриваю веб-сайт в поисках ссылок на социальные сети, чтобы я мог передать все, что я читаю с помощью просто нажатие кнопки.

Но когда кнопок социальных сетей нет , что ж… иногда мне просто не хочется открывать новую вкладку, заходить на сайт социальной сети, создавать новую публикацию и вручную вставлять URL, которым я хочу поделиться.

Да, я знаю, это немного лениво, но опять же, 40% людей покинут веб-сайт, загрузка которого занимает более трех секунд. Подумайте об этом: многие люди расстраиваются или просто ничего не делают в Интернете, если на это уходит хотя бы несколько дополнительных секунд. Это может привести к тому, что многие люди не будут делиться вашей веб-страницей, как обычно.

Когда вы тратите все это время на создание классного контента, вы хотите, чтобы люди им делились. Вы можете сделать свой контент более удобным для обмена, добавив видимые ссылки для обмена в социальных сетях, которые ведут к предварительно заполненным сообщениям.

Прежде чем мы перейдем к тому, как их создавать, давайте быстро рассмотрим, что такое ссылки для обмена в социальных сетях.

Что такое ссылки для обмена в социальных сетях?

Ссылки для обмена в социальных сетях — это маленькие значки социальных сетей, на которые можно щелкнуть, которые скрываются на страницах электронных книг, сообщениях в блогах и других веб-страницах. Когда зритель нажимает на один из них, он отправляется прямо на сайт социальной сети с обновлением, предварительно заполненным вашим контентом.

Вот пример кнопок социальных сетей со страницы электронной книги HubSpot. Обратите внимание, что ссылки представлены в виде значков социальных сетей — позже я покажу вам, как сделать свои собственные.

Вы можете создавать подобные ссылки для обмена в социальных сетях и размещать их прямо в своих электронных книгах, блогах и веб-страницах — и все это всего за несколько минут. Вот примеры того, как они будут выглядеть, когда вы закончите. (Давай, попробуй!)

        

Круто, а? Теперь — давайте научимся их делать.

Познакомьтесь с генератором ссылок для общего доступа

Генератор ссылок для общего доступа — это отличный бесплатный инструмент в Интернете, который поможет вам быстро и легко создавать ссылки для обмена в социальных сетях для Facebook, Twitter, LinkedIn, Google+ и Pinterest.

Как это работает? Мы перейдем к полной версии через секунду, но вот короткая версия:

1. Скопируйте URL-адрес того, чем вы хотите поделиться.
2. Вставьте этот URL-адрес в Генератор ссылок для общего доступа (вместе с несколькими сопровождающими словами или хэштегами, в зависимости от того, в какой социальной сети вы публикуете).
3. Нажмите кнопку, и он выдаст совершенно новый URL-адрес и ссылку в формате HTML, которую вы затем можете разместить на своих веб-страницах, чтобы направлять зрителей на сайты социальных сетей, предварительно заполненные любым URL-адресом и сопровождающими словами или хэштегами, которые вы ввели.

Теперь, когда вы получили общее представление о том, как это работает, давайте перейдем к шагу за шагом.

Как создавать собственные ссылки для обмена

1) Перейдите на http://www.sharelinkgenerator.com/.

2) Выберите социальную сеть, в которой вы хотите, чтобы люди делились вашим контентом.

Генератор ссылок для общего доступа позволяет публиковать сообщения в Facebook, Twitter, Google+, LinkedIn и Pinterest.

3) Заполните пропуски.

Для Facebook все, что вам нужно, это URL-адрес. Facebook отключил настраиваемые поля для публикации в феврале 2014 года, поэтому вы не можете заранее заполнять публикации зрителей своими словами или хэштегами. Они должны будут написать это в себе.

Для Твиттера вам нужно написать твит, которым вы хотите поделиться. Не забудьте включить туда сокращенную ссылку. (Посмотрите этот пост, чтобы узнать, как создавать отличные твиты.)

Для Google+:  – все, что вам нужно, это URL-адрес.

Для LinkedIn  вам нужен URL, заголовок и сводка. Резюме является необязательным на веб-сайте, но не оставляйте его: оно дает зрителям контекст, который может побудить их щелкнуть ссылку. Включите сокращенную ссылку в копию сводки, чтобы оптимизировать свою публикацию в LinkedIn.

Для Pinterest вам нужен URL-адрес изображения, которое вы хотите закрепить (его можно получить, щелкнув правой кнопкой мыши изображение в браузере и выбрав «Копировать URL-адрес изображения»), источник изображения ( например, веб-сайт, на который вы хотите, чтобы изображение было ссылкой из Pinterest), и описание, чтобы дать контекст изображения.

Заполнив эти поля, нажмите «Создать ссылку!» и держите под рукой полученный URL-адрес и HTML-ссылку. Вот пример ссылки на Twitter, которую я сделал:

В чем разница между «только URL» и «HTML-ссылкой»?

Вы можете поместить HTML-ссылку  непосредственно в HTML-редактор вашего веб-сайта. Результатом будут слова «Поделиться в Твиттере», гиперссылка на ссылку «Поделиться». Вы можете изменить этот текст, удалив «Поделиться в Twitter», который я выделил на изображении выше, и заменив его нужным текстом.

Но иногда вам могут понадобиться ссылки на социальные сети в виде значков, а не слов, чтобы привлечь внимание читателя. Чтобы сделать изображения, такие как значки, кликабельными, вам нужно побеспокоиться только о том, что Ссылка только для URL.

4) Загрузите значок социальной кнопки.

Если у вас уже есть значки или изображения социальных сетей, вы можете пропустить этот шаг. Если нет, посмотрите нашу библиотеку из 135 бесплатных иконок для маркетологов. Вы можете скачать и использовать их бесплатно — без каких-либо лицензий или указания авторства — в любом месте вашего веб-сайта. И если вы хотите изменить цвет любого из этих значков, к ним прилагается бесплатное руководство о том, как это сделать с помощью PowerPoint.

5) Сделайте значки кликабельными, используя ссылку общего доступа.

Ваша цель — сделать значок социальной сети кликабельным, чтобы он отправлял зрителей по ссылке «Поделиться». Точные шаги здесь зависят от вашей CMS. Сначала загрузите изображение значка в файловый менеджер вашей CMS и вставьте его на свой веб-сайт. Затем вернитесь к генератору ссылок для общего доступа и скопируйте содержимое поля «Только URL».

Наконец, свяжите изображение значка с этим URL-адресом. (В HubSpot это означает выделить изображение, нажать кнопку «Вставить/отредактировать ссылку» и вставить туда URL-адрес ссылки для общего доступа.

) Вот как выглядит конечный продукт:

Вот и все, ребята. Разве это не было быстро? Теперь вы готовы добавить ссылки на социальные сети в любом месте вашего веб-сайта. Получайте удовольствие!

Как добавить значки социальных сетей в меню WordPress (простой способ)

Хотите добавить значки социальных сетей в меню WordPress?

Хотя в WordPress нет встроенного раздела социальных сетей, вы можете легко добавить эти значки в меню навигации. Это позволяет вам продвигать свои учетные записи в социальных сетях в любой области, готовой для виджетов.

В этой статье мы покажем вам, как добавить значки социальных сетей в меню WordPress.

Зачем добавлять значки социальных сетей в меню?

Добавляя значки социальных сетей в меню навигации, вы можете побуждать людей посещать ваши профили в различных социальных сетях. Это может привлечь больше подписчиков и вовлеченности в Facebook, Twitter, Instagram и т. д.

Вы используете сторонние плагины для отображения значков социальных сетей на боковой панели. Однако также можно добавить эти социальные значки, используя встроенные функции WordPress.

Это означает, что вам не нужно устанавливать и управлять отдельным плагином WordPress. Это также простой способ добавить значки социальных сетей в любой виджет вашего блога WordPress, включая боковую панель, нижний колонтитул, заголовок и многое другое.

Вы даже можете добавить значки социальных сетей в уже созданное меню и комбинировать значки социальных сетей со ссылками на другие ваши сообщения и страницы.

При этом давайте посмотрим, как легко добавить значки социальных сетей в меню WordPress.

Видеоруководство

Подписаться на WPBeginner

Если вы предпочитаете письменные инструкции, просто продолжайте читать.

Добавление значков социальных сетей в меню WordPress

Первое, что вам нужно сделать, это установить и активировать плагин Menu Image. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вы можете начать с изменения размера значков социальных сетей. Для этого выберите Menu Image из левого меню, а затем введите новые размеры в любое из полей на этом экране.

После этого нажмите «Сохранить изменения», чтобы сохранить настройки.

Как только это будет сделано, вы готовы добавить значки социальных сетей в свои меню, выбрав Внешний вид » Меню .

Чтобы создать новое меню, просто нажмите ссылку «Создать новое меню».

Затем дайте меню имя, введя его в поле «Имя меню». Это просто для справки, так что вы можете использовать все, что хотите.

После этого нажмите «Создать меню».

Затем нажмите «Пользовательские ссылки», чтобы развернуть этот раздел.

Затем вы можете ввести URL-адрес своей страницы в социальной сети, добавить текст ссылки и нажать кнопку «Добавить в меню».

Когда это будет сделано, нажмите кнопку «Сохранить меню».

Теперь наведите указатель мыши на настраиваемую ссылку, и вы увидите опцию «Изображение меню». Просто нажмите на эту опцию.

После этого появится всплывающее окно со всеми настройками значка вашей социальной сети. Для начала вы можете выбрать, использовать ли собственное изображение или готовую иконку.

Если вы выберете «Изображение», вы можете нажать «Установить изображение», а затем выбрать файл из медиатеки WordPress. После этого вы можете увеличить или уменьшить изображение, используя раскрывающийся список «Размер изображения».

С другой стороны, вы можете выбрать из готовой библиотеки значков dashicon или шрифтов, выбрав переключатель «Иконка».

После этого просто щелкните значок, который хотите использовать.

Чтобы узнать больше об этих значках, ознакомьтесь с нашим руководством о том, как легко добавить шрифты значков в тему WordPress.

По умолчанию «Текст ссылки» отображается после значка социальной сети. Чтобы изменить это, просто выберите любой из других параметров в разделе «Позиция заголовка».

Если вы предпочитаете скрыть текст ссылки, вместо этого выберите «Скрыть».

Когда вы закончите, нажмите кнопку «Сохранить». Теперь вы можете добавить в меню больше значков социальных сетей, повторив тот же процесс, описанный выше.

Вы также можете добавлять в меню другие сообщения и страницы, изменять расположение меню на своем сайте и т. д. Для получения дополнительной информации ознакомьтесь с нашим руководством о том, как добавить меню навигации в WordPress.