Вконтакте кнопка – Как добавить кнопку действия Вконтакте

Как добавить кнопку действия Вконтакте

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

Что такое кнопка действия?

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

Вконтакте группа-кнопка действия открыть

Как добавить кнопку действия Вконтакте?

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

Вконтакте шапка группы

Далее на главной странице группы, под аватаркой в меню сообщества нажмите на кнопку «Управление».

Вконтакте меню управления сообществом

В главном меню настроек сообщества перейдите в «Настройки», там вы увидите название, описание и url вашей группы, чуть ниже будет находиться подраздел «Кнопка действия», переходите на него. По умолчанию кнопка действия будет выключена, для её включения просто нажмите на «Выключено» и выберите «Включено».

Вконтакте меню группы кнопка действия выключена

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

Вконтакте меню группы кнопка действия включена

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

Вконтакте группа-кнопка действия открыть

Итог:

Использование кнопки действия способно кратно увеличить ваши результаты и доходность с группы, особенно если вы продаете какие-то товары. Если вы до сих пор еще не используете её, тогда самое время начать. Да прибудет с вами профит :)

Если вам была полезной и понравилась статья про то, как установить кнопку действия Вконтакте, пишите свои комментарии и предложения. С уважением Юрий, до встречи на страницах блога iprodvinem.ru.

iprodvinem.ru

зачем она нужна и как ее настроить

5 сентября 2018      Социальная сеть ВКонтакте

Как настроить кнопку действия в вкКнопка ДЕЙСТВИЯ в группах ВКонтакте появилась совсем недавно, но уже успела порадовать предпринимателей своим волшебным действием.

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

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

 

 

Зачем нужна кнопка действия в сообществе

На самом деле всё просто. Всего один клик — и клиент звонит, пишет, бронирует, регистрируется и покупает!

Запомните, друзья, наша задача упростить до минимума наше взаимодействие с клиентом.

Хотите, чтобы ваши продажи росли? Пользуйтесь золотым правилом: «Чем проще — тем лучше».

Посмотрите как реализована кнопка действия в сообществе школы верховой езды КСК Вольный ветер|пони-клуб|Екатеринбург.

Как настроить кнопку действия в вк

Руководитель проекта Людмила Минеева поделилась своими впечатлениями от того, как сработала Главная кнопка в ее группе:

Как настроить кнопку действия в вк

Как настроить кнопку действия в группе ВКонтакте

Для того, чтобы настроить Главную кнопку в нашем сообществе, нам необходимо зайти в Управление сообществом:

Как настроить кнопку действия в вк

Затем в разделе «Настройки» (1) спускаемся к блоку «Кнопка действия» (2) и включаем ее (3):

Как настроить кнопку действия в вк

 

Среди доступных вариантов выбираем тот тип действия, который подходит именно Вашему проекту:

  • Написать на почту;
  • Позвонить по телефону;
  • Позвонить в ВК;
  • Открыть сайт;
  • Открыть мобильное приложение;
  • Открыть приложение сообщества.

Если для вас важен звонок — выбираем «Позвонить в ВК». Если необходимо переадресовывать пользователей на сайт — выбираем действие «Открыть сайт». Выбор за вами.

Как настроить кнопку действия в вк

В моем сообществе для меня важно собирать подписную базу — поэтому я остановила свой выбор на действии «Открыть приложение сообщества»:

Как настроить кнопку действия в вк

Затем выбираем установленное приложение сообщества. В моем случае это приложение «Рассылка сообщений Гамаюн» (1). Теперь осталось только выбрать «Название кнопки» (2):

Как настроить кнопку действия в вк

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

  • Перейти;
  • Подробнее;
  • Открыть;
  • Забронировать;
  • Заказать;
  • Купить;
  • Купить билет;
  • Записаться.

Для своего сообщества я выбрала кнопку «Перейти»:

Как настроить кнопку действия в вк

Обязательно сохраняем все внесенные изменения:

Как настроить кнопку действия в вк

Переходим в группу и любуемся на Главную кнопку своего сообщества! 🙂

Как настроить кнопку действия в вк

Так как я выбрала тип действия «Открыть приложение сообщества», пользователи, нажав на кнопку «Перейти», будут попадать на лендинг, который я заранее подготовила в конструкторе Гамаюн:

Статистика кнопки действия

А можно ли узнать, как часто пользователи пользуются кнопкой действия в нашем сообществе? Сделать это очень просто  — достаточно заглянуть в статистику группы:

Как настроить кнопку действия в вк

Открыв статистику сообщества, перейдите во вкладку «Активность»:

Как настроить кнопку действия в вк

Самый нижний график во вкладке «Активность» и будет показывать статистику нажатия на кнопку действия:

Как настроить кнопку действия в вк

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

 

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

Понравилась статья, делитесь с друзьями!

vzletonline.ru

Как поставить кнопку Вконтакте

Сегодня мы с вами рассмотрим вопрос — как добавить кнопку Вконтакте на свой сайт. Чтобы сделать это, не нужны сверхъестественные знания javascript и PHP. Достаточно сделать заранее понятные действия шаг за шагом. Зачем нужно добавлять кнопку на сайт — задумаетесь вы. Мы вам ответим — дело в том, что социальная сеть VK.com располагает многомиллионной аудиторией посетителей, которые также могут оказаться и на Вашем сайте. Если вы заранее задумаетесь о том, чтобы сайт был хоть немного известен посетителям VK. Все мы слышали про сарафанное радио, так вот попав на ваш сайт, посетитель жмет кнопку «мне нравится» для контакта и тем самым запускает тот самый эффект сарафанного радио.

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

Шаг первый. Переходим на сайт vk.com по следующей ссылке https://vk.com/dev/Like. Вы увидите там окно подключения нужного нам виджета «мне нравится». В этом появившемся окошке требуется заполнить все поля.

Шаг второй. В поле с названием «сайт/приложение» требуется выбрать сайт, тот который будет добавлен. В случае если нужного вам сайта в списке не оказалось — нужно сайт добавить в этот список (см. ниже рисунок). Внимательно заполните поля при добавлении сайта, его название, основной домен, адрес.

Шаг третий. Выберите вариант кнопки который вы хотите видеть на вашем сайте, выбирают обычно тот, что более схож с дизайном того сайта на котором будет виджет. Вы можете сменить кнопку в любое время. После того, как вы определились с выбором дизайна, укажите нужную вам высоту кнопки. Можно увидеть внизу экрана как будет выглядеть виджет — под полем с названием «код для вставки» (ниже показано на рисунке).

Шаг четвертый. Скопируйте код из окошка с надписью «код для вставки» на ваш сайт. Код вставляется на сайт в двух местах. Часть первая кода вставляется в «head». Другая часть кода (вторая) вставляется в то место, где непосредственно должна отображаться кнопка для контакта. Чтобы вставить этот код на ваш вебсайт требуется внести изменения в шаблон. Шаблон будет находиться в совершенно разных директориях, это полностью зависит от того, какую из CMS вы применяете. Для joomla ищите в директории templates, если же у вас wordpress тогда ищите в директории wp-contentthemes, ну а если у вас движок сайта DLE обнаружите в папка templates. Если вдруг вы не можете найти файл, в который необходимо внести изменения. Тогда откройте страницу на сайте, на которую хотите установить кнопку VK, и исследуйте ее исходный код (воспользуйтесь комбинацией клавиш CTRL+U). Часть шаблона выделите (HTML-тэги) и воспользуйтесь контекстным поиском по различным файлам сайта (естественно через FTP). В ином случае, обратитесь к программисту, чтобы он вам помог.

Шаг пятый. Проверьте результат всех вышеупомянутых действий. Как смотрится «мне нравится» у вас на сайте.

Еще, под конец, требуется упомянуть о том, что Вконтакте этот виджет не единственный. Среди самых новых – виджет с названием «подписаться на автора». Этот виджет в каких то моментах, даже более полезен чем кнопка лайк (like).

vk-proga.ru

Как сделать ссылку ВКонтакте в виде кнопки

Здравствуйте, друзья! Сегодня я вам расскажу, как сделать ссылку ВКонтакте в виде кликабельной кнопки. Для постов ВКонтакте я уже предлагал несколько решений здесь на блоге и на своём видеоканале в YouTube, и эта статья станет хорошим продолжением данной темы. А если Вы примените данный способ на практике, то по достоинству оцените его силу.

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

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

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

Именно данное превью мы будем использовать. Если нажать на значок фотоаппарата, который появляется при наведении курсора мыши на превью, то Контакт предлагает заменить изображение на любое другое с размерами не меньше 537х240рх.

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

Далее, используя свой любимый скриншотер, Вам необходимо очень аккуратно сделать скриншот области, которую занимает серый фон по его внешней границе. Для этого можно использовать даже возможности Яндекс-диска делать скриншоты. Если Вы делаете скриншот не всего экрана сразу, а это самый лучший вариант в данном случае, то контролируйте размеры будущего скриншота. Они должны быть 537х240рх.

Теперь в Фотошопе открываете данный скриншот, берете инструмент «Прямоугольник» и создаёте на месте белой части изображения прямоугольник-заготовку для будущей кнопки.

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

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

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

Когда кнопки готовы, Вы в процессе работы загружаете нужную кнопку вместо созданного Контактом превью. При этом не нужно регулировать никаких размеров — смело после загрузки нажимаете кнопку «Сохранить изменения», а сам Контакт сделает всё остальное.

У Вас не останется даже намека на серую область, а будет именно кнопка.

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

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

Если Вам понравилось создание таких кликабельных кнопок для постов ВКонтакте, дайте мне об этом знать в комментариях ниже. Естественно, если остались вопросы, то не стесняйтесь их задать там же. Желаю Вам разобраться во всём без проблем.

С уважением, Сергей Почечуев.

prostodelaytak.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *