Как загрузить товары в группу вконтакте: Как настроить выгрузку товаров в Вконтакте

Содержание

Техподдержка


1. В вашей группе/паблике необходимо включить поддержку Товаров.

2. Теперь добавим выгрузку Вконтакте через соответствующий интерфейс на вашем сайте.

3. Перейдем на вкладку «Внешние настройки интеграции» и запросим Token по указанной ссылке.

4. Предоставим приложению возможность выгружать данные в вашу группу/паблик/страницу.

4. Скопируем данные из адресной строки браузера.


5. Перейдем на вкладку «Внешние настройки интеграции» и вставим в поле «Access Token» скопированную строку. Затем нажмем на ссылку «Преобразовать». Здесь же укажем данные группы/паблика/страницы


Как узнать id группы.

Если id не менялось то просто заходим на страницу в адресной строке ссылка имеет вид: http://vk.com/public40302748

В данном случае id является: 40302748

Если адрес группы изменён и имеет к примеру такой вид:

Если вы являетесь администратором своей группы

В которой хотите узнать id группы, то выберите в меню, рекламировать сообщество.

На открывшейся странице, смотрим адресную строку…

Здесь мы видим в адресной строке цифры, это и есть id вашей группы.

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


6. Настроим соответствие Категорий товара в рамках сайта с Категориям Вконтакте.

7. Настроим соответствие Категорий товара в рамках сайта с Подборками Вконтакте.

8. Настроим соответствие Категорий товара в рамках сайта с Фотоальбомами Вконтакте.

9. Проверим актуальность (и при необходимости заполним) «Тегов выгрузки».

10. Сохраним выгрузку и запустим процесс выгрузки товаров.

11. Наслаждаемся процессом.

12. Наслаждаемся результатом.

13. Результаты в вашей группе/паблике.

P.S. Вот, собственно, и все! Успехов в делах!

Назад в раздел

Выгрузка товаров в группу ВК

Ниже мы опишем быстрый способ выгрузки товаров с нашего ресурса в Вашу группу.

Шаг 1

  • Пройдите простую процедуру регистрации на сайте SocPoster.ru. После регистрации на ваш баланс в сервисе зачислится бонус для пробных действий (бесплатно доступна загрузка 20 товаров, далее 0,60 р. за 1 товарное действие).
  • Добавьте аккаунт из социальной сети.
  • Добавьте сообщество для которого требуется использование инструментов.
  • В разделе «Группы», возле добавленного сообщества, нажмите на ссылку «Товары».
     
Зарегестрироваться в сервисе SocPoster.ru  

Шаг 2

Укажите ссылку на файл с товарами в разделе «Добавить магазин».

Ссылка на файл с товарами:
https://rarog.pro/export/opt.xml

 

После удачной обработки файла блок со статусом магазина будет показывать «Работает» или «Ошибка», в случае если что-то пошло не так. 

Подробнее об ошибках обработки файла читайте ниже.

Шаг 3

После удачной обработки файла и загрузки товаров в SocPoster вы можете детально настроить, куда и как публиковать данные товары. Все ссылки на настройки добавленного магазина теперь вы можете найти в разделе «Магазины и товары».

Шаг 4

Во вкладке «Товары» мы управляем шаблоном для выгрузки, если не хотим что бы ссылки на сайт отобразились под товарами, удаляем %url% из шаблона. 

 

Ошибки

Основные причины ошибок связанных с неправильной настройкой в самом ВКонтакте:

  • В сообществе должны быть включены раздел «Товары» или «Фотоальбомы»

  • Аккаунт должен иметь права на добавление товаров или фотографии

  • Аккаунт должен быть участником сообщества (иногда администраторы выходят из группы)

Ниже вы найдете описания возможных причин ошибок если:

  • Файл обработался с ошибкой

  • Добавились только категории

  • Товары не добавились в сервис, добавились неправильно или не все

Товары «Не в наличии»

По умолчанию, в сервис не добавляются товары со статусом «Не в наличии».

Если вам нужно выгрузить товары, в т.ч. и со статусом «Не в наличии», то в сервисе есть опция игнорирования данного атрибута при добавлении магазина.

Товар выгрузился неправильно

Если товар выгрузился не в ту категорию, не с тем описанием, с одинаковыми изображениями и т. п. — обратитесь в поддержку RAROG.PRO, по телефону или email: [email protected]

1C CRM – 1C CRM – помощь при работе с CRM решениями от компании-разработчика

Социальная сеть ВКонтакте позволяет на Странице для бизнеса настроить полноценный и бесплатный интернет-магазин Магазин ВКонтакте. Система  1С:CRM  может быть интегрирована  с  одним или несколькими такими магазинами.  Доступна выгрузка/загрузка товаров и услуг, импорт заказов и обновление статуса заказа.  

Важно!
Интеграция доступна только при наличии активного действующего договора 1С:ИТС Отраслевой.

Внимание!
В магазине на странице ВКонтакте в настройках разделов необходимо для товаров использовать Расширенные настройки.

Использование товаров в магазине на странице ВКонтакте

Внимание!
Для того, чтобы в программе появилась возможность настройки интеграции необходимо включить опцию Настройки→ Сторонние сервисы и обмен данными → Интеграция с интернет магазинами→ Использовать интеграции с интернет магазинами.

Для добавления интеграции с магазином ВКонтакте  необходимо перейти по ссылке Настройки→ Сторонние сервисы и обмен данными → Интеграция с интернет магазинами→ Интеграции с интернет магазинами

 и  выполнить команду Создать на форме списка интеграций.

Добавление новой интеграции

На форме новой интеграции необходимо с помощью команды Подключить открыть форму настроек интеграции.

Открытие формы настроек интеграции

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

Авторизация

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

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

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

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

Номенклатуры, расположенные в группе «Магазин ВКонтакте».

Настройка условия выгрузки карточек номенклатуры

Следующие настройки устанавливают   правилами  заполнения некоторых полей  карточки выгружаемого  в магазин  товара.    

Пример настройки выгрузки номенклатуры

Карточка товара в магазине ВК

У всех выгружаемых товаров должна быть указана хотя бы одна картинка. Иначе товар не будет выгружен в магазин.

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

В поле «Вид цен „старая цена“» может быть выбран Вид цен

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

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

Пример настройки соответствия категории товара и номенклатурной группы

В поле «Категория товара в магазине „по умолчанию“» обязательно нужно указать категорию, которая будет назначена товару (если для номенклатурной группы выгружаемой карточки номенклатуры не установлено соответствии с категорией).

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

Пример настройки отнесения выгружаемой номенклатуры в подборку

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

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

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

Признак доступности товара для выбора покупателем

Кроме полей карточки товара, заполняемых по заданным настройкам, в карточке товара также будут заполнены поля  (заполняются данными из  карточки номенклатуры):

  • Название товара —  заполняется значением поля «Наименование» из карточки Номенклатуры. Если длина наименования менее 4 символов, тогда товар загружен не будет.
  • Описание товара —  заполняется значением поля «Полное наименование» из карточки Номенклатуры. Если длина наименования менее 10 символов, тогда товар загружен не будет.
  • Фотографии товара — загружается присоединенными к карточке Номенклатуры изображениями. Основное изображение устанавливается в качестве обложки товара.  Изображения с размером менее 400×400 пикселей не загружаются.

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

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

Запуск повторной выгрузки номенклатуры (после изменения условия выгрузки)

Товары, добавленные или измененные в магазине, автоматически не загружаются в 1С:CRM. В модуле интеграции реализована возможность загрузить все товары из магазина. Например, это может потребоваться при подключение к работающему магазину ВКонтакте.  

Для выполнения загрузки необходимо в разделе настроек «Загрузка номенклатуры»  указать значения «по умолчанию»  для ряда полей карточки Номенклатуры.  Обязательно нужно указать тип загружаемой Номенклатуры и единицу измерения.

Пример настройки загрузки номенклатуры

Для загрузки номенклатуры необходимо выполнить команду Загрузить номенклатуру.  В новых карточках Номенклатуры поля будут заполнены значениями, указанными в настройках.  В ранее загруженных, и новых карточках Номенклатуры  будут заполнены поля «Наименование», «Полное наименование». Будет добавлена или изменена цена (для вида цен, указанного в разделе настроек «Выгрузка номенклатуры»). Будут загружены или обновлены файлы изображений и основное изображение. Будут загружены дополнительные поля номенклатуры, указанные в разделе настроек «Выгрузка номенклатуры».

Для каждого заказа, созданного  в магазине ВКонтакте, в 1С:CRM автоматически создается Интерес клиента.  В разделе настроек «Загрузка заказов» выполняется настройка  правил заполнения некоторых полей нового Интереса.  

Опция «Заказы известных клиентов адресовывать… » определяет нужно ли адресовать новый Интерес клиента  сотруднику,  ответственному  за клиента,  если клиент был ранее зарегистрирован в системе (при загрузке Интереса клиента, выполняется поиск клиента по телефону, указанному в заказе и по идентификатору пользователя в социальной сети ВКонтакте).   

Пример настройки  загрузки заказов

В поле настроек  «Ответственный» указывается сотрудник или роль сотрудника, который будет назначен ответственным за новый Интерес клиента.

В полях  «Тип услуги» и «Сценарий» выбирается Тип услуги  и Сценарий, которые будут выбраны в новых Интересах клиентов.

В поле «Услуга доставки»  выбирается услуга,  которая в случае выбора клиентом доставки,  будет добавлена в список товаров и услуг нового Интереса клиента.  

Важно!
В списке  «Соответствие состояний Интереса…»  необходимо для каждого состояния Интереса клиента указать состояние Заказа в магазине. При изменении состояния Интереса клиента (например, при отмене или при завершении), автоматически будет изменено состояние Заказа в магазине ВКонтакте.

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

  • Тема —  тема нового Интереса клиента будет содержать номер Заказа.
  • Выручка— сумма Заказа.
  • Описание —  описание будет содержать комментарий клиента, параметры доставки и адрес доставки.
  • Дата — дата создания Заказа.
  • Товары и услуги — список номенклатуры с ценой и количеством, выбранными в Заказе. При загрузке значение поля Вид цены заполняется значением, указанным в разделе настроек «Выгрузка номенклатуры».

Клиент находит нужный  товар в  магазине на странице ВКонтакте или в разделе Маркет и добавляет его в корзину.  

Добавление товара в корзину

Клиент переходит в корзину, уточняет параметры  заказа  и  завершает оформление заказа.

Оформление заказа

Для созданного заказа в системе 1С:CRM создается новый Интерес клиента  и назначается ответственный за его обработку. 

Новый Интерес клиента

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

Статус заказа в магазине

Для использования характеристик при интеграции с ВКонтакте необходимо в карточке номенклатуры включить использование Характеристик и добавить используемые характеристики через дополнительные реквизиты и сведения (Настройки -> Общие настройки -> Дополнительные реквизиты и сведения -> Дополнительные реквизиты).

Важно!
Ограничения по характеристикам со стороны магазина ВКонтакте:

  • всего не более 30 свойств;
  • не более 2 свойств для одной номенклатуры;
  • всего не более 30 значений у одного свойства.

Например, в системе 1С:CRM для номенклатуры Мужские ботинки создали характеристики:

  • 44 размер, натуральная кожа, коричневые;
  • 44 размер, натуральная кожа, черные.

При создании заказа в магазине ВКонтакте можно будет выбрать только 44 размер, натуральная кожа, а при загрузке в систему 1С:CRM будет создан заказ с номенклатурой Мужские ботинки — 44 размер, натуральная кожа и с любым из значений (коричневые или черные).

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

Характеристики номенклатуры

Цены номенклатуры

После выполнения синхронизации в товарах ВКонтакте появятся товары с характеристиками.

Товары с характеристиками Вконтакте

После оформления заказа ВКонтакте с характеристиками в системе 1С:CRM будет создан интерес,  с указанными характеристиками.

Интерес с характеристиками

Для каждой интеграции можно посмотреть дату последней синхронизации, запустить синхронизацию вручную или изменить период автоматической синхронизации. Посмотреть лог работы модуля интеграции.  Данные операции доступны с формы интеграции открытой из списка интеграций  Настройки→ Сторонние сервисы и обмен данными → Интеграция с интернет магазинами→ Интеграции с интернет магазинами.

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

Изменение расписания настройки синхронизации

Логи работы модуля сохраняются в журнале регистрации. Для их просмотра нужно выполнить команду Журнал регистрации.

Вернуться к списку статей

Как добавить товары в группу ВКонтакте – пошаговое руководство по созданию бесплатной витрины

Цветущего настроения, дорогие друзья!

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

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

 

Что такое товары ВКонтакте?

Под “товарами” подразумеваются как физические предметы, предназначенные для продажи, так и любые услуги, курсы, предложения.

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

В противном случае функцию могут отключить.

Как выглядит витрина?

Рассмотрим, как выглядит со стороны расположение позиций на странице. Если блок “Товары” выбран главным, он будет располагаться между основной информацией и блоком с фотографиями.

Если же блок не выбран главным, он по умолчанию будет расположен справа под списком участников.

Как создать витрину и добавить товары?

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

Настройка сообщества

Для начала активируем функцию витрины. Алгоритм действий как для паблика, так и для группы будет одинаковым, поэтому приступим к наглядной демонстрации.

Заходим в сообщество. Справа под аватаркой нажимаем на “Управление”.

Попадаем в основное меню. Справа на панели инструментов выбираем второй пункт – “Разделы”. Находим блок “Товары”, напротив которого стоит параметр “Отключены”.

Переключаем на “Включены”. Откроется расширенное меню настроек.

 

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

Выбор валюты – российский или белорусский рубль, доллар, евро, тенге и гривна.

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

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

Заполнение основной информации магазина

Далее идет “Описание магазина”.

Нажимаем на “Редактировать” напротив этого блока. Появляется такое окно.

Самое верхнее поле – то, как будет называться ссылка, которую увидят пользователи на каждом продукте в магазине. По умолчанию стоит “Условия доставки”.

Выглядеть ссылка будет так.

 

При нажатии будет видно все, что вы пропишете в разделе описания.

Чтобы изменить его, нажмите “Редактировать” в верхнем правом углу либо снова зайдите в управление сообществом.

Под описанием можно поставить галочку на опции “Приложение Магазин”.

Что это даст? Читаем краткую информацию, которая выскакивает при активации данного параметра.

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

Создание подборок

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

Можно сначала создать подборки, чтобы сразу сортировать наши продукты. Подборка – это возможность группировать их по вашим собственным критериям.

 

Одну вещь можно разместить в нескольких подборках одновременно.

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

Готовые подборки выглядят вот так.

Добавление и редактирование карточек

Нажимаем “Добавить” со страницы или из меню управления. Попадаем в окно создания новой карточки.

С категориями все понятно – это соотнесенность с категориями глобального каталога. Там можно найти разделы: еда на заказ, одежда, игрушки и многое другое.

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

Затем следуют фотографии. Часто возникает вопрос, сколько можно выгрузить? До 5 изображений. Размер картинки для товаров – минимум 400 пикселей, максимум – 7 000 для каждой из сторон.

Указываем стоимость и нажимаем “Создать”.

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

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

 

Полный вид товаров с подборками.

Как создать с мобильного устройства?

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

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

Можно ли продавать со своей личной страницы?

Да, можно.

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

Для этого найдите слева на панели инструментов раздел “Товары”.

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

Попадаем в меню настройки опций, которые отображаются на странице слева. Проверьте, чтобы напротив блока “Товары” стояла галочка. Когда изменения внесены, нажмите “Сохранить”.

Итак, включив функцию и перейдя по вкладке с личной страницы, попадаем в каталог товаров. Чтобы добавить свою позицию, нажмите в правом верхнем углу кнопку “Добавить”.

 

Заполнение карточки будет точно таким же, как и в магазине.

Также можно поставить галочку “Рассказать друзьям”, чтобы публикация появилась и на вашей стене.

Заключение

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

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

На этом обзор завершен, и мы прощаемся с вами, любимые читатели, до следующей статьи. Блестящих идей и неиссякаемой энергии!

 

Как загрузить каталог товаров в альбом Вконтакте с помощью B2B.FileCloud

Опубликовано:20 Ноя 2013

В последнее время  популярность социальных сетей в сфере электронной коммерции стремительно растет. Все больше предпринимателей и владельцев интернет-магазинов приходят к пониманию того, что социальные сети не только обеспечивают дополнительный трафик и коммуникацию с клиентами, но очень даже неплохо продают, если уметь их грамотно использовать.
Ведь не секрет, что у нас уже сформировалась определенная прослойка людей, для которых социальные сети являются, по сути, синонимом Интернета. Эти люди часами зависают в соцсетях, и используют не только для развлечений, но и для поиска информации и совершения покупок.
В большей степени это, конечно, относится, к самой популярной в Рунете социальной сети Вконтакте, которую используют как мелкие частные торговцы, так и крупные ритейлеры.
Если главной целью сообщества Вконтакте являются продажи, то первый вопрос, который возникает,  — каким образом организовать витрину товаров в сообществе. Задача выгрузки товаров магазина в группу Вконтакте – это источник головной боли для администраторов. Ведь если товаров очень много (допустим, несколько тысяч), то загружать их все вручную — очень сложно и долго по времени.  Но загрузить – это полдела, а ведь нужно еще регулярно обновлять информацию об изменении цен, наличии на складе и т.п., что представляется вообще невыполнимой задачей.

В этой статье, я хочу рассказать о сервисе, который навсегда решает проблему выгрузки товаров из интернет-магазина в альбомы Вконтакте. Этот сервис называется B2B.FileCloud и позволяет осуществить выгрузку товаров Вашего магазина в автоматическом режиме. Более того, программа регулярно мониторит любые изменения карточек товара в интернет-магазине и оперативно вносит их в альбомы с товарами Вконтакте.  Для реализации этих задач B2B.FileCloud использует файл Яндекс.Маркета(YML-файл), который представляет собой XML-фид с Вашими товарами. Сегодня большинство интернет-магазинов имеют такие YML-файлы и активно их используют в своей работе. Если же Вы еще не знаете, что такое YML-файл, и как его использовать, рекомендую почитать этот материал https://help.yandex.ru/partnermarket/yml/about-yml.xml

Начать работать с B2B.FileCloud очень просто, это не потребует от Вас каких-то особых технических навыков и не займет много времени.
После быстрой регистрации в системе, Вы будете перенаправлены в админ-панель, где первым делом необходимо подключить Ваш магазин(можно подключить несколько магазинов). При подключении Вам необходимо будет ввести название магазина и ссылку на упомянутый выше YML-файл.

Следующим шагом будет привязка аккаунта администратора сообщества Вконтакте к сервису B2B.FileCloud. Для этого перейдите в раздел Аккаунты в верхнем меню и нажмите Добавить.

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

После этого – нужно вернуться в раздел Магазины и нажать напротив вашего магазина кнопку «Настроить». На открывшейся странице Вы можете настроить разные режимы публикации фотографий в альбомах Вконтакте.

Сервис B2B.FileCloud предоставляет два метода публикации на выбор.

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

В случае же выбора метода публикации «Категория» программа сама создаст сетку альбомов основываясь на структуре Вашего сайта и загрузит в каждый альбом фотографии соответствующей категории.
Ниже на странице Вы можете выбрать, какую информацию о товаре нужно загружать в фотоальбомы. Тут есть семь полей, но обратите внимание на то, что у Вконтакте есть ограничение на описание товаров в 255 символов, т.е. если у Вас достаточно большие описания, то они могут не поместиться. Поэтому рекомендую выгружать не более 3-х самых важных полей, к примеру – «Название», «Цена» и «Ссылка».

В принципе это – основные настройки. Тут можно также выбрать кодировку загружаемого yml-файла, если она у вас отличается от utf-8. Не забудьте также выбрать необходимый id аккаунта администратора сообщества в «Аккаунт в соц.сети» и группу, в которую необходимо выгружать фотографии из магазина на этой страничке.

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

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

Как видите — все достаточно просто! Теперь поговорим о тарифах.
B2B.FileCloud оплачивается на основе ежемесячной подписки, и имеет несколько тарифных планов, в зависимости от количества товаров, которые Вы планируете выгружать.

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

Так что, если Вы продаете товары через интернет магазин и до сих пор не используете Вконтакте для увеличения продаж, очень рекомендую Вам начать делать это уже сейчас с помощью B2B.FileCloud. Подробнее ознакомиться с этим сервисом Вы можете по ссылке https://b2b.filecloud.me/.

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

Поделитесь с друзьями

Экспорт товаров Вконтакте бесплатно, как экспортировать товары в альбом вконтакте

UPD 01.03.2016 : К сожалению, из-за закрытия сервиса,  про который я написал в этом посте информация перестала быть актуальной. Вконтакте сделали витрину с товарами и теперь можно добавлять товары в паблики руками.

 

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

Но большинство сразу сталкиваются с трудностью при экспорте товаров Вконтакте, ведь Паша Дуров не предусмотрел такого функционала и не планирует. Некоторые нанимают студентов и школьников, которые заполняют их альбомы фотографиями, пишут описание, цены, оставляют ссылку на товар на сайте. Все вроде бы хорошо. Но если товаров много и цены изменились? Опять платить за редактирование?

Как экспортировать товары в Вконтакте?

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

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

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

Далее подробнее расскажу и покажу как настроить экспорт товаров Вконтакте на примере моих друзей — интернет магазина светодиодных ламп Мир светодиодов.

Думаю процесс регистрации не вызовет трудностей, поэтому сразу начнем с добавления магазина в систему:

Вставляем ссылку на наш YML файл для маркета, и называем Магазин как угодно, это будет использоваться внутри системы.

Добавляем профиль Вконтакте


и приступаем к самому интересному:

 

Настройка экспорта товаров Вконтакте

Нажимаем на ссылку настроить:

И приступим к настройке экспорта товаров

Выбираем наш аккаунт в соцсети, а также группу ВК, в которую хотим загрузить товары. В методе загрузки товаров выбираем:

  • Категория — если хотим для каждой категории свой альбом
  • Альбом — если хотим все экспортированные товары в одном альбоме

Далее в блоке «Поля в работе» выбираем поля из YML файла которые хотим видеть в описании товара. Разработчики и я лично рекомендую не переусердствовать с чекбоксами и скромно оставить только название, ссылку и цену на товар.

Этого будет более чем достаточно для привлечения трафика из вк на ваш интернет магазин.

Сохраняем и переходим в раздел расписание

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

После загрузки получаем следующую картину, товары в альбоме:

Описание товара с названием, ценой и ссылкой:

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

Как настроить импорт товаров ВКонтакте из Битрикс

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

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

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

Базовые требования

Есть несколько обязательных условий для интеграции.

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

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

Подключение

Чтобы начать импортировать товары, необходимо настроить разрешения по связи вашего сайта и vk.com. Сделать это не сложно, главное следовать пунктам инструкции.

Для начала заходим в раздел «Для разработчиков» на любой странице социальной сети:


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

У приложения должен быть указан тип «Веб-сайт» и введено доменное имя откуда будут приходить запросы на публикацию товаров.

Далее в настройках приложения мы берем два поля – это id приложения и защищенный ключ. Эти значения мы укажем в настройках Битрикса:


Теперь в админке вашего сайта нужно создать новый профиль экспорта в разделе Торговых платформ. Для этого следуем по пути Магазин > Настройки > Торговые платформы > Товары ВКонтакте > Экспорт и жмем кнопку Новый экспорт

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


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

Выгрузка товаров

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


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

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

Дополнительные настройки изображений

При передаче товаров с картинками, последние обрабатываются и обрезаются системой. В случаях использования прямоугольных вертикальных картинок, они будут непрезентабельно обрезаться. Чтобы этого избежать в Битриксе автоматически создается свойство «Изображения для экспорта ВКонтакте», в которое рекомендуется добавлять квадратные фотографии специально для выгрузки в эту социальную сеть. Вы можете добавить до 5 фотографий – одна главная и 4 дополнительных.

Автоматическая синхронизация

После создания профиля экспорта в системе управления создается агент с функцией VkCategories::updateVkCategoriesAgent, которая будет обновлять кеш экспорта каждые сутки.

Резюме

Рекомендуем пользоваться этим удобным и бесплатным инструментом. А если у вас не получилось сделать все настройки самостоятельно – обращайтесь мы будем рады мы помочь.

полное руководство по дизайну Информация о том, что ваше сообщество официально

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

5 шагов как оформить группу во ВКонтакте

Крышка

Обложка сообщества

сегодня — важный инструмент для создания группы в бренде ВКонтакте и ее продвижения.Вы можете скачать его в разделе «Управление сообществом», перейдя во вкладку «Настройки». Высококачественное горизонтальное изображение в заголовке сообщества само по себе выступает в качестве основного рекламного баннера компании в социальной сети. Он задает настроение, информирует, улучшает имидж, призывает к целевым действиям и одновременно продает.

1. Используйте высококачественные иллюстрации

Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png формат. Это позволит избежать плохого качества отображения.

2. Адаптировать изображение под разные устройства

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

3. Разместите свой слоган и USP

Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.

4.Показать продукт / услугу, процесс или результат его использования

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

5. Помогите клиентам сразу связаться с вами

Напишите на баннере свой номер телефона, адрес электронной почты и другие контакты компании. Если территориальное расположение важно для вашего бизнеса, например, вы представлены в сфере общественного питания или horeca, адрес также будет полезен.

6. Анонсировать события

Вы продвигаете концерты, ожидаете выпуска новой коллекции или продукта или проводите фестиваль / конференцию / день клиента? Расскажите об этом всем, кто посещает сообщество.

7. Настоящие акции и скидки

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

8. Предлагаем принять целевое действие

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

Загрузите аватар и выберите миниатюру

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

При использовании максимального размера аватара 200×500 пикселей размер изображения в закрепленном посте должен быть 510×308 пикселей. Отличный способ привлечения внимания — закрепить видео, загруженное через проигрыватель социальных сетей, которое стилистически продолжает аватар.

Если вы используете обложку в качестве заголовка, то аватар всегда будет отображаться в виде эскиза.

Правила оформления миниатюр аватаров сообщества ВКонтакте

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

1. Миниатюра должна быть понятна аудитории

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

2. Используйте только качественные фото

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

3. Создавайте собственные иллюстрации

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

4. Контрастирование фона картинок страницы — что нужно

При таком ярком оформлении миниатюр ВКонтакте «круглая» будет выделяться в ленте среди других групп и не сливаться с фоном страницы.

5. Разместите контакты или УТП фирмы

В зависимости от цели, поставленной для миниатюры, разместите на ней контактный телефон или адрес сайта, информацию о бесплатной доставке, указание самой низкой цены в сегменте или акции.

6. Сделать текст крупным и читабельным

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

7. Использовать нестандартные формы

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

Дизайн меню

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

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

Дизайн витрины продукции

При включении продуктов в витрину сообщества помните, что первые 3 объекта всегда видны пользователям.Поместите в них самые популярные и самые заказные, загрузив изображение презентации в таком же стиле. Размещайте здесь форменные значки или фото самих товаров. Товары могут быть размещены на сервисах. В дизайне показать процесс оказания услуги или его результат. Размер такой картинки будет квадратным — 400х400 пикселей.


Дизайн столба

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

Максимальная ширина изображения в ленте составляет 510 пикселей.Наиболее впечатляющими являются квадратные изображения 510×510 пикселей и прямоугольные — 510×300 пикселей.

2. Разработать индивидуальный стиль публикации

Чтобы ваши сообщения выглядели индивидуально, используйте единый стиль, шрифт и цветовую схему.

3. Поместите короткий текст на картинку

Например, вы можете разделить изображение на 2 части — текст и графику или написать текст, затемняя фон. Чтобы текст был видимым без затемненного фона, напишите его на подложке (высококонтрастный графический блок однородного цвета) или добавьте тень к текстовому полю.Хорошо смотрятся фото с рамкой.

4. Сделайте несколько шаблонов для разных целей

Например, используйте один шаблон визуальной презентации для цитат, другой для анонса материалов с сайта, а третий для конкурсов.

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

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

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

1. Горизонтальная крышка (жатка)
Начнем с горизонтальной крышки или жатки. Разработчики ВКонтакте уверяют, что обложка благодаря своему размеру дает большую гибкость в предоставлении и визуализации информации. Обычно, помимо красивой картинки, в шапке есть логотип, сопроводительная информация, контакты, призыв присоединиться к группе и адрес сайта.У меня есть подозрение, что когда-нибудь чехлы станут единственно возможным вариантом дизайна для группы, поэтому рекомендую сразу перейти на них, чтобы в дальнейшем избежать форс-мажорных редизайнов.





Как загрузить обложку
Чтобы скачать обложку, нужно зайти в Управление сообществом> Основная информация>> Обложка сообщества> Скачать. Рекомендуемый размер обложки 1590 × 400 пикселей.В шапке не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все. Сегодня обложка видна на мобильных устройствах, и кажется, что она уже видна в приложениях и клиентах.

Вкладка Wiki Последние новости
В верхнем блоке под заголовком теперь могут быть три вкладки: закрепленная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закрепленный пост, но даже при его наличии у пользователя теперь всегда будет доступ к информации о сообществе, переключаясь между вкладками.Чтобы увидеть вкладку меню вики (первоначально называвшуюся «Последние новости»), вам нужно перейти в Управление сообществом »Разделы» Контент »Запрещено (или открыто)» Сохранить.

2. Вертикальный аватар
А теперь обратим внимание на старый добрый групповой аватар размером 200×500 пикселей. Пока это еще и способ украшения группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. На мобильных устройствах аватар не виден полностью, видна только его часть — миниатюра.Для украшения группы можно использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. Если у вас есть заголовок, вертикальный аватар не отображается. На аватаре не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все.

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

Как загрузить миниатюру
Миниатюра стала полностью самостоятельным элементом и при использовании обложки (заголовка) в дизайне группы теперь нужно делать отдельную миниатюру, имейте в виду. Если у группы нет шапки (обложки), то для загрузки миниатюры нужно в блоке аватара (вверху справа) нажать кнопку «Загрузить фото».Если в дизайне есть заголовок (обложка), то для загрузки миниатюры нужно нажать на кружок сразу под заголовком и выбрать там пункт «Загрузить фото».

4. Баннер
Баннер (англ. Banner — флаг, знамя) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется к сообщению в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что с баннера на главной странице можно сделать несколько ссылок.Это не тот случай, всего одна ссылка и все. Я бы выделил следующие типы баннеров.

4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как закрепленный пост в группе. Размер такого баннера 510х307 пикселей. В этом размере баннер внизу совпадает с аватаркой. Если ссылки с аватаркой нет, то можно использовать любой размер.Например, я использую 600×350 пикселей. Формат квадрата 510х510 пикселей тоже удобен и сейчас набирает популярность — при таком размере баннер занимает максимально большую площадь в ленте новостей.

4.2 Баннер для входа во внутреннее меню
Если добавить к баннеру из предыдущего абзаца броскую надпись «Открыть меню», то мы получим баннер, основная задача которого — служить точкой входа во внутреннее меню. Иногда делают уловку в виде нескольких кнопок на баннере, но это иллюзия, когда пользователь нажимает, пользователь все равно попадает на внутреннюю страницу, и там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если вход в меню не привязан к аватарке, то можно сделать баннер любого размера, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.

4.3 Карты для репостов, акций
В последнее время особую актуальность приобрели карты для репостов или акций. Его задача — призывать к конкретным действиям.В основном это «Присоединяйтесь к группе, делайте репост или лайкайте и выигрывайте приз». Такие баннеры используются в рамках рекламных кампаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую 600×350 пикселей.

4.4 Баннер с гифкой
После того, как разработчики ВК в начале года сделали больший размер для гифок, гифки сразу встали в ряд с информационными баннерами. Например, на GIF-баннере можно дать изображения нескольких изменяющихся товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена ​​функция автозапуска gif-анимации в ленте новостей, гифки стали объектом пристального внимания рекламодателей и маркетологов.

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

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

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

Точки входа во внутреннее меню
Хочу отметить один тонкий момент, который часто упускается из виду.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадет в это самое внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой состояния (см. Рис. Ниже). Иногда текстовая ссылка также помещается в блок «Ссылки» в правом столбце интерфейса.

Внутренние ссылки меню
Обычно при заказе клиенты указывают следующие пункты меню: О нас, Наши товары (каталог), Способы доставки, Оплата, Гарантии, Отзывы, Контакты, Акции, Скидки, График, Как сделать заказ, Портфолио , Вопросы и ответы, Информация, Сделайте заказ.Ссылки из пунктов меню могут переходить в соответствующие разделы внешнего сайта. Тогда ссылка автоматически откроется в новом окне. Большинство точек ведет на внутренние страницы ВКонтакте. В этом случае страница открывается в том же окне, и вам необходимо сделать ссылку или кнопку «Вернуться в главное меню».

Ссылки на альбомы с фото и видео откроются в новом окне. Ссылки на темы с обсуждениями (например, Обзоры), на диалоговое окно для написания сообщений, на приложения (см. Параграф 10), на выборку по хэштегам (см. Параграф 12) открываются в том же окне и в этом случае вы можете получить вернуться в меню можно только через главную страницу сайта или через кнопку «Назад» в браузере.Это, пожалуй, самый неудобный момент с такими ссылками.

Редактирование меню
Меня часто спрашивают, можно ли редактировать внутреннее меню. Мой ответ таков: если вы уверенный пользователь и знакомы с режимами разметки и редактирования вики, вы можете редактировать. Но если вы со всем этим не знакомы, то совершенно нет. В этом случае вы просто выбиваете все настройки.

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

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

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

7. Типы внутреннего меню навигации
Ниже приведены наиболее распространенные типы внутренних меню. Есть более простые и дешевые решения с высокой степенью надежности. Есть и более сложные и трудоемкие конструкции с точки зрения графики и верстки. Но с другой стороны, они выглядят более эффектно.

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

7.3 Меню в виде пиктограмм, плиток
Данный дизайн предполагает несколько рядов и столбцов в виде графических пиктограмм и надписей к ним, либо графических многоцветных или монохромных плиток.

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

Евгения Крюкова

* Обновление статьи.

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

Актуальные размеры картинок ВКонтакте

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

А теперь давайте подробнее рассмотрим каждый предмет.

ВК размер аватара

Минимальный размер аватара — 200 на 200 пикселей.Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите эту ошибку:


Максимальный размер аватара — 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2: 5.

Я покажу вам на примере.

У меня есть образ. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает.Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне выбрать его полностью.

Крышка

Размер обложки для полной версии сайта 1590 х 400 пикселей.


Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как его обрезают в мобильном приложении:

Чтобы этого не случилось, разместите основные элементы обложки в пределах 1196 на 400 пикселей.


Прикрепленные изображения

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

Звучит немного запутанно 🙂 Я покажу вам пример.

Допустим, у нас есть квадратное изображение со сторонами 510 пикселей. Если прикрепить его к нашему посту, он очень хорошо смотрится в ленте новостей на всех устройствах:


А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):


Как видите, чем уже изображение (по высоте), тем меньше оно выглядит в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

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

Картинки для постов со ссылкой


Все эти данные взяты из кода разметки Open Graph:


Если Open Graph не указан, заголовок берется из метатега Title, а изображение берется из статьи. При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:


Или загрузите свой:


Минимальный размер изображения, которое вы можете использовать для предварительного просмотра статьи, составляет 537 на 240 пикселей.Однако вы можете загружать изображения большего размера, если соотношение сторон правильное.


Картинка к статье, созданной в редакторе

Размер изображения обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей. Лучше, если он будет темным и более-менее однотонным, так как на светлом фоне теряется название статьи и сообщества.

Хороший пример:


Не лучший пример:


Размер фото и видео для рассказов

Размер фотографий 1080 на 1920 пикселей.Размер видео 720 на 1280 пикселей.

Характеристики видеозаписи:

  • до 15 секунд;
  • не более 5 МБ;
  • Кодек
  • h.264;
  • звук aAC.

В рассказах должны использоваться фото и видео вертикального формата.

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

Примеры динамических скинов:





Обложка + описание сообщества + ссылка на сайт

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



Описание с хэштегами

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


Закрепленное сообщение, рассказывающее, о чем эта страница.

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


А вот что видит пользователь после перехода по ссылке:


Меню новых ссылок

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


Меню появляется автоматически, если вы используете приложения сообщества или подключили магазин.Например, на предыдущем рисунке все три пункта меню являются ссылками на приложения. Вы можете добавить сюда свои — в важные записи, альбомы, обсуждения и т.д., до 7 штук (без учета приложения). Но вы можете ссылаться только на ресурсы в социальной сети, за исключением вики-страниц.

Для редактирования меню нажмите «Настроить» в правом верхнем углу виджета:


Чтобы добавить пункт меню, щелкните «Новая ссылка».


В открывшемся окне выберите обложку (минимальный размер — 376×256 пикселей), введите название пункта меню (важно, чтобы он оставался в пределах 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».


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


Результат должен выглядеть примерно так:


Групповое меню открыто

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

Вот как выглядит закрепленный пост в заголовке Flatro:



Групповое меню закрыто

Закрытое меню — это тот же пост вики, что и в предыдущем абзаце, только в объявлении есть изображение, на котором нет пунктов меню. Обычно на нем пишут: «Меню», «Меню навигации» или «Навигация по общедоступным материалам».


И вот что мы видим, когда нажимаем на него:

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


Групповое меню

Объединенное меню — это когда изображение в анонсе вашего меню представляет собой одно изображение с аватаром. Ниже я подробно расскажу, как сделать такое меню, а пока только посмотрите, как красиво оно выглядит.


Хотите красиво оформить сообщество ВКонтакте, но не имеете необходимых навыков? Оформление заказа в нашей компании.Мы подготовим для вас аватар, обложку, шаблоны категорий, меню и превью товаров.

GIF и аватар в одном изображении

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


Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Так что за находку выражаю ему огромную благодарность 🙂

Скрытое меню

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


Автоматическое воспроизведение видео

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

Как добавить такое видео в шапку своей страницы?

Для этого необходимо выполнить три условия:

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


Сообщение, которое получает много репостов

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



Анонсы новых клипов, альбомов, событий



Презентация новых продуктов / услуг


Акции и скидки


Корпуса, отзывы покупателей



Реклама приложений


Розыгрыши


Правила сообщества


Ссылки на другие социальные сети


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

Какой должна быть аватарка

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

Уменьшенное изображение аватара

  1. Текст на миниатюре аватара должен быть достаточно большим, чтобы его можно было прочитать.


  2. Текст не должен выходить за пределы эскиза.


  3. Пользователи должны понимать, что показано на аватаре.


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

  5. Нежелательно, чтобы миниатюра аватара была слишком скучной и скучной, иначе она затеряется на фоне более ярких аватарок конкурентов.
  6. Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его в стиле минимализма: меньше текста, теней, градиентов и элементов, не несущих никакой смысловой нагрузки. Ваш аватар должен быть максимально простым и аккуратным. Этот стиль сейчас в тренде.


  7. Если ваша цель — привлечь внимание пользователей и выделиться среди других аватарок в ленте, вам придется включить воображение.Подумайте, что вы сами ищете, когда ищете интересные сообщества? Например, меня уже привлекли аватары с горящей лампочкой, которая обычно означает, что пришло новое сообщение. Это очень старая техника, но почему-то до сих пор меня поражает — когда я увижу такой свет, я обязательно буду на него смотреть.

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


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

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что эскиз аватара очень маленький, его можно (и нужно) использовать для привлечения подписчиков в ваше сообщество.Как это сделать? Давайте рассмотрим несколько вариантов:

Объявление о новом продукте / услуге / событии


Преимущества компании / услуги / страницы


Телефон компании


Выгодные цены


Бесплатная доставка


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


Акции


Конкурсы


Вакансий


Каким должен быть сам аватар?

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

  1. Аватар должен быть качественным. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
  2. Желательно, чтобы аватар был совмещен с меню: имел одинаковую цветовую схему, одинаковые шрифты, элементы и т. Д.Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:

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

  4. Другой вариант — разделить аватар на две части. Один для миниатюры и один для остальной части аватара.


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

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


Какую информацию можно разместить на аватаре?

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

Домен сайта


Телефон / адрес / время работы


Конкурсы / акции


Самые покупаемые товары / новинки


информация о доставке


Реклама в мобильных приложениях


Основные преимущества компании / страницы / товара и др.


Обновление ассортимента / новое творчество и др.


Информация о том, что ваше сообщество является официальным


Информация о ближайших мероприятиях


Адреса аккаунтов в других социальных сетях


Расширенное описание страницы


Брагс


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

Как создать объединенный аватар и меню

Чтобы объединить аватар и меню, вам понадобится Adobe Photoshop или его аналог. Я объясню весь процесс на примере Photoshop. Итак, начнем.

  1. Загрузите шаблон Photoshop, который я специально подготовил для этой статьи.Обычный размер (меню — 510 пикселей, аватар — 200) или увеличенный (меню — 1020 пикселей, аватар — 400).
  2. Откройте изображение, на котором хотите создать основу.
  3. Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.


  1. Добавляйте эффекты, текст, графику и многое другое.


  1. Если вы не хотите, чтобы часть изображения терялась (в этом пространстве, которое составляет 50 пикселей), переместите его вправо, как показано на следующем гифке:


  1. Выберите инструмент «Резка» и нажмите кнопку «Срезы по направляющим».


  1. Удалите ненужные фрагменты (щелкните правой кнопкой мыши — «Удалить фрагмент») и отредактируйте существующие (щелкните правой кнопкой мыши — щелкните в пустом месте — возьмите нужную область и растяните ее до необходимого размера).


  1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».


  1. Перейдите в место, где вы сохранили изображения (рабочий стол или определенный каталог), и найдите там папку под названием «Изображения».Здесь будут ваши изображения. Теперь осталось лишь заполнить их на странице.


П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице Wiki Markup:

Как использовать виджеты

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

Вот несколько примеров того, как виджеты выглядят на странице ВКонтакте:




class = «incut»>

Как стилизовать изображения для постов

Если вы веб-дизайнер или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако мне кажется, что таких людей в этой статье будет меньшинство (я, кстати, к ним тоже не отношусь).Поэтому давайте подробнее разберемся, как это делается, на примерах успешных компаний.

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

Где взять хорошие изображения?

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

А что делать тем, кто не умеет работать в фотошопе?

Если вы никогда не работали в Photoshop (или других графических редакторах) и еще не готовы потратить время на его освоение, вы можете воспользоваться услугами, в которых уже есть готовые шаблоны изображений для разных социальных сетей:

1.Fotor.com



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



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


После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.


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


Как использовать вики-разметку

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

Разметка

Wiki — это язык разметки, который используется для форматирования текста на веб-сайтах (обычно принадлежит к классу вики-проектов) и упрощает доступ к возможностям языка HTML. На нашем сайте вики-страницы являются хорошей альтернативой обычным сообщениям и текстовой навигации. Если вам нужно создать большую статью с разным форматированием текста (жирным шрифтом, подчеркиванием, заголовками и т. Д.), Добавить к ней графику или просто создать красочное меню навигации по вашему сообществу — вики незаменима.

Так же, как WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, у Contact есть собственный редактор для создания и редактирования вики-страниц. Выглядит это так:


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

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

Почему это происходит?

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

Как повлиять на эффективность поиска в сообществе?

Самый эффективный рычаг воздействия на CTR группы — это миниатюра аватара.
Миниатюра играет очень важную роль в группе, так как она отображается во всех местах, где упоминается группа:

  • в ленте новостей группы
  • в поисковой системе контактов
  • в поиске Google и Яндекс
  • в ссылки из других сообществ
  • в ленте пользователей ВК

Детали с таким широким охватом нельзя оставить без внимания.И при групповом дизайне миниатюре нужно уделить особое внимание.

Принципы создания интерактивных миниатюр.

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

2) Цветовой охват и контраст на фоне конкурентов.
Выбирая изображение для миниатюры группы, смотрите на миниатюры ваших конкурентов. Какие цвета используются, плотность элементов на картинке, их логотипы. Основная задача — создать миниатюру, которая выделялась бы на фоне других. Например, если основная часть миниатюр зеленого цвета — сделайте свой красный цвет, если все тусклые — сделайте свой яркий, если все красочные — сделайте свой монохромный Помните, главная задача — выделиться и сохранить актуальность запроса!

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

4) Логотип компании.
Также вы можете разместить свой логотип на миниатюре. Идеальным вариантом было бы, чтобы логотип соответствовал вышеуказанным принципам.

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

Вконтакте | Документация SegmentStream

В этом разделе вы узнаете:

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

Вконтакте — социальная сеть с небольшим набором рекламных инструментов. Вконтакте умеет создавать аудитории на основе событий сайта и показывать им рекламу.В ноябре 2017 года Вконтакте добавил динамический товарный ремаркетинг. SegmentStream позволяет отправлять данные о поведении ваших пользователей во Вконтакте.

Введение


Используя SegmentStream, вы можете полностью интегрировать Вконтакте со своим сайтом.

Вконтакте поддерживает 2 версии API, поэтому в интерфейсе SegmentStream есть настройки как для новой, так и для старой версии.

Для настройки интеграции Вконтакте:

  1. Войдите в сегментный поток.com и перейдите в панель управления интеграцией
  2. Перейдите на вкладку «Интеграция» и нажмите на блок с логотипом Вконтакте.
  3. В открывшейся панели настройте интеграцию.

Подробнее о настройках вы можете прочитать ниже.

Вконтакте ID пикселя


Интеграция Vkontakte SegmentStream позволяет подключать любое количество Pixel ID, которое вам нужно.

Вы можете найти идентификатор пикселя в разделе: Реклама> Таргетинг> Ретаргетинг> Пиксели.

Скопируйте идентификатор и вставьте его в поле «Идентификатор пикселя Вконтакте» окна настроек интеграции.

В фиде товаров сгруппированы товары


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

Подробнее о формате фида.

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

Подробнее о группах товаров

-Если вы используете группировку товаров по параметру item_group_id xml-feed — обязательно активируйте эту настройку.

В этом случае идентификатор продукта из вашего XML-фида должен соответствовать product.skuCode объекта digitalData . Обязательно заполните product.skuCode и product.id в каждом product .

-Если вы НЕ используете группировку товаров по параметру item_group_id xml-feed — не активируйте эту настройку.

В этом случае идентификатор продукта из вашего XML-фида должен соответствовать product.id объекта digitalData .

Прейскурант ID на динамический ретаргетинг


Для корректной работы системы необходимо указать идентификатор прейскуранта для каждого подключенного пикселя. Его можно установить как постоянный или динамический параметр.Установите значение 1, если цены на вашем сайте не меняются от региона к региону. Установив постоянный идентификатор прейскуранта для пикселя, как показано на скриншоте ниже, всегда будет передаваться одно и то же значение, независимо от региона и других атрибутов пользователя. Если цены зависят от региона, есть несколько способов передать прайс-лист id:

  1. Его можно передать как параметр digitalData, в случае, если значение digitalData.website.regionId соответствует необходимому идентификатору прейскуранта, следует использовать следующую настройку.
  2. Его можно передать как параметр события. Если ваше мероприятие содержит параметр, равный необходимому прейскуранту, следует использовать следующую настройку.
  3. Если у вас нет идентификатора прейскуранта в digitalData, но есть данные, которые можно преобразовать в необходимые идентификаторы прейскуранта, вам необходимо настроить дополнительную настройку на вкладке «Переменные события»:
    • Запишите priceListId в поле «имя переменной»
    • Оставьте поле «Имя события» пустым.Это значит, что для любого мероприятия будет использован нестандартный прейскурант
    • В поле «Обработчик событий» напишите функцию, которая в зависимости от региона пользователя возвращает соответствующее значение прейскуранта.
    • Нажмите «Сохранить»

Для корректной работы модуля динамического ретаргетинга необходимы следующие события:

Динамический ретаргетинг работает только с новой версией пикселя.

Пользовательские события


SegmentStream может передать любое событие Вконтакте.Для настройки передачи события необходимо заполнить два поля:

  1. Слева — имя события, которое помещается в массив digitalData.events , например: Зарегистрировано
  2. Справа — Название события, которое вы хотите видеть в интерфейсе ВКонтакте.

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

Вконтакте гид по событиям

Пользовательские события (старая версия)


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

  1. Слева — имя события, которое помещается в массив digitalData.events , например: Завершенная транзакция
  2. Справа — URL трекера из интерфейса ВКонтакте.

Глобальные последствия новых музыкальных лицензий ВКонтакте

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

Два основных следствия этой сделки:
  1. ВК был похож на Napster на Facebook . Кто угодно мог загружать на него музыку (и другие типы мультимедиа), а любой другой мог извлекать эту музыку и получать к ней доступ.Бесплатно. Теперь, внезапно, это поведение стало монетизированным.
  2. Существует глобальной экосистемы нелицензионных музыкальных приложений, которые используют огромную музыкальную базу данных VK в качестве источника своего контента. Я предполагаю, что крупные компании не захотели лицензировать это, поэтому мы должны увидеть, как некоторые из этих приложений испытывают трудности с ведением каталога.
В России музыка социальная

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

В Facebook есть страницы, в ВК есть сообщества

Несколько лет назад битва ВКонтакте и музыкальной индустрии больше походила на войну. Это угрожало разрушить важную опору в бизнесе живой музыки в России : сообщества ВКонтакте были сосредоточены вокруг музыки.

Модераторы этих сообществ регулярно публикуют музыку в группах, поэтому для многих подписчиков групп это способ получить свежие плейлисты, найти новые песни или подключиться к знакомым мелодиям. Существуют группы для известных суперзвезд, таких как Дрейк, для местных поп-исполнителей, таких как Дима Билан, а также для менее известных нишевых артистов, таких как голландский продюсер Боаз, который работал с артистами от Major Lazer до Yellow Claw и в основном остался в тени.

Когда промоутеры организуют шоу, они обращаются к подобным сообществам, чтобы подключиться к десяткам тысяч человек.Иногда они платят модераторам за продвижение шоу или просто предлагают бесплатные билеты. Эти сообщества сыграли важную роль в привлечении аудитории к шоу в России и других странах СНГ. Тот факт, что эти группы теперь могут выжить, является большой победой для VK и в более широком музыкальном бизнесе. Они не только привлекают публику на шоу; они также предоставляют ценные данные, которые помогают определять законодателей вкусов и влиятельных лиц, а также потенциальных клиентов .

Что делать дальше ВК?

Наличие обширного каталога музыки и видео в VK дало ему хорошее конкурентное преимущество перед в Facebook.ВКонтакте является третьим по популярности сайтом в России, намного опережая Facebook, который находится на восьмом месте. Он уступает «Яндексу», российской компании Google, которая, как сообщается, обсуждает партнерство с Facebook.

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

Еще одна угроза — рост мессенджеров , включая Telegram, который был основан Павлом Дуровым, который также основал ВК, но расстался на сложных условиях. Мессенджеры были ожидаемой угрозой для социальных сетей в течение многих лет, поэтому Facebook потратил 21,8 миллиарда долларов на приобретение WhatsApp и предложил 3 миллиарда долларов за Snapchat в 2013 году. Совсем недавно Facebook вложил значительные средства в Messenger, запустив бот-платформу в апреле этого года. который сейчас обслуживает более 11000 ботов, таких как бот DJ Hardwell.

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

Это означает 3 вещи:

  1. VK остро нуждается в четкой, сфокусированной мобильной стратегии ;
  2. VK может использовать свое лицензионное предложение для музыки и мультимедиа в качестве конкурентного преимущества ;
  3. VK следует рассмотреть возможность разделения аналогично тому, что Facebook сделал с Messenger, Instagram и WhatsApp, чтобы они могли создавать продукты, которые понравятся и пользователям Facebook.

Примечание: VK частично принадлежит Mail.ru, которому также принадлежит вторая по популярности социальная сеть в России «Одноклассники». Оба они включены в эту лицензионную сделку. Последний имеет более старую пользовательскую базу, поэтому ВКонтакте придется ориентироваться на демографию младше 35 лет.

Монетизация

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

Ключевые стратегические точки для ВКонтакте:

  1. Пока держитесь подальше от моделей по подписке — действительно сложно убедить людей начать платить за то, что они привыкли получать бесплатно. Это то, с чем многие представители музыкальной индустрии борются на протяжении десятилетий — не позволяйте этому мышлению заразить вашу бизнес-модель.
  2. Тщательно изучите социальные данные музыкальных сообществ ВКонтакте — что стимулирует взаимодействие, что делает вещи вирусными, что волнует людей и т. Д.ВКонтакте, как и Facebook, занимается рекламным бизнесом. Эти факторы имеют решающее значение не только для разработки новых продуктов, но и для их основной бизнес-модели.
  3. Сосредоточьтесь на создании нового социального продукта для мобильного телефона , который будет хорошо себя чувствовать в сегодняшней среде мессенджеров. Одним из его важнейших ингредиентов должна быть музыка.
  4. Добавить микротранзакции . Это самый простой способ заставить людей платить за цифровые товары на развивающихся рынках. Люди не привыкли к повторяющимся подпискам , у многих есть мобильные тарифные планы с оплатой по мере использования , а микротранзакции хорошо сочетаются с мобильными кошельками , что снижает трения вокруг платежей.
  5. НЕ подключайте микротранзакции напрямую к музыке. Заставьте людей платить за вещи , кроме музыки , , но используйте музыку для стимулирования этих покупок. Например, представьте, что музыкальный.ly взимает с пользователей плату за видеофильтры. Создание ассоциации , платящей за музыку , убьет ваш бизнес еще до того, как он начнется. Во-первых, позволил людям привыкнуть к оплате музыки . ВКонтакте уже имеет опыт продажи виртуальных товаров, таких как аватарки, виртуальные цветы и т. Д.

Я считаю, что микротранзакции в случае ВКонтакте с большей вероятностью принесут повторный доход от пользователей в большем масштабе, чем подписки. Если они должны сделать подписку — предложите новые функции вместо платного доступа , которые пользователи уже имели бесплатно. Сделайте его отличным от известных игроков, таких как Zvooq или Яндекс.Музыка, или от Spotify, которые пытались запустить в России, а затем отказались от него. Помните, что Soundcloud и YouTube сталкиваются с трудностями при превращении бесплатных пользователей в подписчиков.Как известно, конвертировать пользователей с неограниченных бесплатных на платные — очень сложно. Цена за импульсивные решения , так что люди платят, прежде чем выполнять математические вычисления, что они могут найти обходные пути, чтобы получить нужную музыку, не платя.

VK, на данный момент лицензированный, вероятно, является крупнейшим социальным музыкальным сервисом . Там, где музыкальные сервисы всегда изо всех сил пытались создать функциональный социальный слой, VK удалось органично совместить музыку и социальные сети. Будет интересно посмотреть, что будет дальше.


Написано для мой еженедельный информационный бюллетень MUSIC x TECH x FUTURE . Если вам понравилось это читать, подумайте о том, чтобы поделиться и подписаться — это очень поможет.

Следите за сообщениями в Twitter.
Следуйте на Facebook.

Связанные

Пошаговые инструкции и рекомендации. Важность вики-разметки в продвижении вашего проекта

Привет, друзья!

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

Что такое меню ВКонтакте и для чего оно нужно?

Меню — это лицо группы. Первое, что имеет значение для любого посетителя вашего сообщества, — это меню. Поэтому ваша задача — считать его максимально удобным и привлекательным. Во-первых, вы должны решить, что хотите донести до подписчиков.Это зависит от миссии самого сообщества. Ведь есть совершенно разные цели создания группы: познавательные, развлекательные или цель продать товар / услугу. Избавившись от этого, решите, какая информация наиболее важна для ваших будущих подписчиков.

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

Если ваше сообщество создается в виде интернет-магазина, то подход должен быть совершенно другим. Удобство поиска товаров или услуг, конечно, должно присутствовать, но также необходимо сосредоточить внимание на запасах, новых продуктах, сроках доставки и ваших контактах.

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

Способы создания меню для групп ВКонтакте

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

Как сделать привлекательный дизайн?

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

  1. Для начала вам необходимо установить программу pHOTOSHOP, если раньше на компьютере у вас не было этой программы.
  2. Откройте Photoshop и создайте два шаблона для аватара и меню. Уточняем желаемые габариты. Например, для аватара — 200 × 500 пикселей, а для меню — 389 × 600 пикселей. Залейте их каким-нибудь цветом, чтобы они были хорошо видны, и мы сохраняем два созданных отдельных файла.
  3. Загружаем шаблон в группу аватаров, выделяя всю область.
  4. Загрузка меню происходит немного сложнее. Для этого вам нужно будет включить материалы в управление сообществом. После этого будет доступна возможность добавить меню. Перейдите на вкладку, которая появляется под описанием группы «Свежие новости» и нажмите на панели инструментов кнопку в виде камеры и загрузите файл с компьютера. Произошло?
  5. Сразу после скачивания у вас будет ссылка, которую придется немного доработать.После слова «NOBORDER» поставить знак «;» И слово «nopadding». Эта функция не даст вашему меню спускаться при добавлении новостей в сообщество.
  6. Делаем PRNT SCRN главной страницей вашей группы. За что? Чтобы понять свои ошибки. Дело в том, что сейчас это черновая версия — все не совсем так и не так красиво. Ваша цель — чтобы нижние границы меню и аватара идеально совпадали. Тогда, возможно, у вас возникнет вопрос «Почему я не даю вам точные размеры?». И дело в том, что каждый админ использует разный объем текста в описании группы, от которого изменяется высота меню, а ширина меню — дело вкуса, а то, как мы все это знаем, отличается.
  7. Входим в Фотошоп, и создаем новый файл, вставляя туда скриншот.
  8. Теперь, работая с этим файлом, выберите область аватара с помощью «прямоугольного выделения» — в основном вы можете выбрать конкретную область. Затем щелкните правой кнопкой мыши и выберите «Вырезать на новый слой».
  9. То же самое работает с картинкой меню, только при выделении нужно обрезать ненужный низ. Сделайте так, чтобы нижнее меню и аватар полностью совпадали.
  10. Теперь, удерживая кнопку Ctrl, выберите два созданных нами слоя.Щелкаем по ним правой кнопкой мыши и выбираем функцию «Объединить слои». У нас появляются два наших идеально подогнанных шаблона на одной странице на одной странице.
  11. Следующий этап — загрузка крышки крышки. Он появляется поверх наших шаблонов. Теперь справа в инструментах для слоев, нажав на файл обложки, нажав клавишу ALT. После этой процедуры обложка будет видна только в шаблонах и станет невидимой для их границ. Но это не мешает вам сдвинуть крышку и подобрать желаемую видимую часть.
  12. Теперь важный пункт создания меню — кнопки. К этому времени необходимо знать точные названия будущих пуговиц. Например, «Здоровье», «Дети», «Наши контакты». Чтобы облегчить задачу, создайте первую кнопку, следующую только продублируйте и измените текст.
  13. Добавьте логотип к аватару или устному обращению, либо к тому и другому. Это добавит вашей группе лайвлистов, а также станет отличительной чертой.
  14. Сохранить общий файл. Как картинку на вашем компьютере. Что дальше?
  15. Открыть в Photoshop только созданный файл.Далее создаем новый пустой файл с точными размерами нашего аватара, вставляем в него картинку с логотипом и кнопками. Выбираем нужную вам область под аватарку и отлично настраиваем под выбранные габариты. После этого сохраняем наше творение.
  16. Сделайте то же самое с меню. Но опять же здесь есть дополнение. Для начала вам нужно узнать высоту меню, так как она не соответствует варианту черновика. С помощью линейки измеряем высоту с точностью до одного пикселя (а лучше всего измерять несколько раз, чтобы не ошибиться).Создайте новый файл со старой шириной и новой высотой, обрежьте изображение по размеру и нажмите кнопку «Сохранить».
  17. Загружаем новый аватар, выделяя всю область и выбираем миниатюру.
  18. Качаем меню через кнопку «Свежие новости». Удаляем предыдущую ссылку, загружаем новую фотографию и добавляем «; nopadding».
  19. Теперь мы откажемся от макета нашего меню. С помощью инструмента фотошоп «вырезка» или «нож». В разных версиях фотошопа он называется по-разному. Под каждой кнопкой проводим линию, чтобы получились отдельные прямоугольники, при наведении курсора на которые пользователь сможет в дальнейшем переходить по конкретным ссылкам.
  20. Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут отображаться пропуски между нашими картинками. Чтобы от них избавиться, вам нужно к каждой ссылке добавить слово «; nopadding».
  21. Теперь, когда ваши ссылки активны и вы можете вставить нужную информацию, вы пишете на ссылках картинок в меню редактирования — название одной из ваших кнопок — например, доставка. Но это слово нужно писать четко по установленным правилам, оно должно выглядеть так [[доставка]].Далее сохраните страницу, перейдите по этой ссылке и заполните ее желаемым контентом.
  22. Последнее действие, чтобы все работало, это вставить копию ссылки на страницу доставки в кнопочную ссылку, например — Page-123456_456789, то есть инфу между словами «vk.com/» на «?». Все, теперь каждая кнопка, тоже входит в ваше меню, чтобы успешно привлекать к вам целевую аудиторию.

Подпишитесь на обновления блога и поделитесь информацией с друзьями. Творите в своей жизни красивее!

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

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

Продолжаем.Для начала следует отметить, что если вы хотите составить меню самостоятельно с нуля, то вам понадобится вся следующая информация. В случае, если дизайн уже существует, вы можете пропустить часть статьи pi, чтобы перейти непосредственно к ее размещению и Wiki-разметке.

Дизайн меню

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

Ширина аватара составляет 200 пикселей, высота — 500. Картинка главного меню — 510 * 308. В итоге получаем вот это красивое «меню» в конце.

Обращаем внимание на то, что в зависимости от информации, написанной после названия группы, высота картинки справа (аватарка) может меняться, и соответственно все, что находится рядом, может сдвигаться!

Этот источник макета PSD был реализован, например.Скачать.

Не будем заострять внимание на том, как был сделан шаблон, приступим непосредственно к его подготовке для размещения в новой или уже существующей группе. Откройте файл в «Фотошопе».

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

Заходим в раздел «Изображение» и выбираем операцию «Обрезка».

На выходе получаем:

Имея большой вес, получившееся изображение можно использовать в инструменте «Сохранить для Интернета». Команда также находится в разделе «Файл».

Проделаем аналогичную операцию с изображением, которое будет отображаться во время начального отображения меню. В нашем случае оставим вас видимыми — папку «Открыть меню» и фон меню в папке «Меню» с машиной. На выходе результат:

Теперь нужно сохранить и вырезать второй уровень меню.Для этого оставляем видимый «фон меню» в папке меню с автоматом и добавляем к нему «Меню второго уровня».

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

«Разрежьте» нашу картинку на соответствующие части. В нашем случае их будет три.

На этом подготовленная часть завершена. Переходим к основному этапу.

Wiki-разметка готового меню во «ВКонтакте».

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

Тогда обязательно проделаем следующую последовательность действий. Заходим в «Управление сообществом» и в разделе «Разделы» напротив кнопок «Материалы» выбираем «ограниченный».

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

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

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

Чтобы потерять процесс, мы используем клавишу «Камера» и нажимаем «Выбрать из фотографий сообщества».

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

Общая структура каждой нарезанной части в разметке следующая — [], где:

    iD — идентификатор (номер) загруженных вами картинок;

    X и y — размер изображения по горизонтали и вертикали в пикселях;

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

Сразу все изображения необходимы, чтобы закрыть тег (а не каждое изображение, как это изначально установлено по умолчанию)

… который автоматически размещает все части меню в центре страницы!

Поскольку тег, центрированное изображение, мы уже оставили в покое, чтобы избавиться от «неприятных» расстояний между частями общего изображения, вам следует вставить тег «NOPADDING» следующим образом: []

Вот что в итоге и происходит.

Теперь вы должны щелкнуть вкладку «Группа», затем «Изменить».

Важно! Чтобы скопировать нужный адрес, нажмите в нашей версии в «групповое меню» и скопируйте оттуда «правильную ссылку».

Перейдите на главную страницу, нажмите «Добавить запись». Не забудьте сразу сменить автора записи!

Щелкните «многоточие» справа от записи и щелкните вкладку «Закрепить».

После этого обновляем страницу и наслаждаемся результатом, который выглядит так:

При нажатии на «Открыть меню».

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

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

), сделайте меню.

Сейчас я покажу как сделать меню в группе ВКонтакте и сделать правильно .

Создание красивой графики

В новом дизайне сайта ВКонтакте изменены размеры на графику. Ниже вы найдете текущие значения.

  • Аватар группы — 200 × 300 пикселей
  • Баннер в описании — 510 × 271 пикселей

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

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

Для начала загрузки аватара. Заходим в группу, и нажимаем «Загрузить фото».

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

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

Идем по стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

Загрузите вторую подготовленную картинку. Обязательно выберите публикацию от имени сообщества. Затем нажмите «Отправить».

Теперь запись надо поправить (см.). Возвращаемся к новой записи, а в правом верхнем углу разворачиваем меню. Здесь вы нажимаете «Стоп».

Теперь обновите страницу и посмотрите результат.

Единственный минус — картинки находятся на разном уровне. Но это связано с тем, что они не подходящего размера. Аватар должен быть более вертикальным. Тогда они будут на одном уровне.

Как создать меню в группе ВКонтакте

Вернемся к нашему примеру и представим, что вам нужно сделать кнопку «еще». Она уже есть на фото. Как сделать так, чтобы при нажатии на кнопку человек попал на наш основной сайт? Сейчас покажу.

Чтобы сделать кнопки меню активными, мы должны вырезать их с отдельными картинками. Для этого нам понадобится фотошоп.

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?Oid\u003d-120208137&p=May

Смотрите, после символов «ODI = -» нужно вставить ID своей группы (см.).А в самом конце ссылки напишите название своей страницы из меню. В этом примере мы выйдем из «Меню».

Здесь вы нажимаете на значок камеры и загружаете подготовленные изображения.

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

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого добавьте это значение «nopadding;» .И добавьте ссылку на нежелательную страницу или сайт, произнося значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Еще» должна вести на сайт сайта. Вот что должно произойти.

[] []

Сохраните страницу. Не забудьте скопировать его из адресной строки. Должен быть вид:

https://vk.com/page-120208137_52523487.

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

Это меню произошло в конце концов.

Красивый дизайн группы ВКонтакте — один из залога ее успешного продвижения. Но помимо красоты очень важно и удобство для пользователей. К сожалению, вариантов оформления группы не так много, в отличие от возможностей по оформлению созданного сайта. Однако есть один интересный вариант — составить меню. Из этой статьи вы узнаете , как составить меню в группе ВКонтакте.

Какой размер группового меню ВКонтакте?

Прежде чем что-то создавать, нужно определиться с этим. Это очень важно, так как неправильно подобранный размер изображения может ужасно исказиться. Итак, какой размер меню размер ВКонтакте Нужно выбрать?

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

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

Размер группового меню ВКонтакте 607 пикселей. По высоте он может быть самым разным. Так что для любого дизайнерского решения Места хватит.

Как вставить картинку в описание группы ВКонтакте?

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



Многим будет намного сложнее создать картинку. Хорошо, новый дизайн ВКонтакте менее капризен к размеру изображения и если выбранное вами изображение соответствует размеру, описанному выше в статье, оно будет отображаться хорошо. Так что вы можете скачать готовое изображение, обрезать его по ширине или высоте и готово.

Но если вы хотите создать уникальный и красивый образ для описания группы ВКонтакте — вам нужно воспользоваться программой фотошоп. На самом деле это не так сложно, как может показаться новичку. Но вам придется потратить время на учебу. Могу порекомендовать замечательный видеокурс — «Фотошоп с нуля в видео формате 3.0». С его помощью вы быстро освоите эту программу.

Как сделать меню в группе ВКонтакте? Инструкция

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

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

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

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

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

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

  6. Затем перейдите в свою группу и в разделе «Свежие новости» нажмите кнопку «Редактировать».

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

  8. Затем вернитесь на страницу своей группы или обновите ее (если она уже открыта). Щелкните ссылку «Открыть меню».После этого дополнительная ссылка на созданную нами страницу. Нажмите здесь.

  9. Далее откроется эта страница. Так как она только что была создана, в ней ничего нет и нужно ее заполнить. Щелкните ссылку «Заполнить содержание».
  10. Далее мы пишем следующий код, как на картинке ниже. Необходимо указать номер фотографии (для этого вы можете открыть фотографию, загруженную в свой альбом, и скопировать ее адрес типа «Photo15535684_427525646»), размер фотографии (его можно найти в свойствах фотографии), так как а также укажите ссылку, на которую ведет это фото.

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

  12. Теперь нам понадобится картинка, которая будет заставкой нашего меню и будет в описании нашей группы. Размеры картинки Для описания группы ВКонтакте мы писали выше, но если кто забыл — по ширине 510 пикселей, а по высоте равной или меньше ширины.Можно использовать на размер больше, но в тех же пропорциях.

  13. Затем открываем нашу созданную страницу с групповым меню ВКонтакте и копируем ссылку на нее. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код, и вы сможете скопировать адрес из строки браузера, которая должна выглядеть так: «https://vk.com/page-11

    77_51764020».

  14. Далее заходим в нашу группу и в форме отправки сообщения вставляем скопированный адрес меню. А потом фото, которое будет заставкой.После этого нажмите кнопку «Отправить».
  15. Теперь осталось только закрепить эту запись. Сделайте то же самое, как я сделал на картинке ниже.

  16. Вот так наше меню будет выглядеть для группы ВКонтакте. Если вы хотите увидеть его лично, то вот

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

Варианты меню для сообщества ВКонтакте

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

Итак, есть закрытое меню и открытое.

Закрытый получил свое название потому, что абонента нужно открывать самостоятельно. Для этого достаточно перейти по ссылке. Ссылка может составлять любое слово, обычно «открыть» или «Меню». Хотя некоторые изощряются и придумывают оригинальные ссылки.

Open — это сообщение, которое было исправлено. Он содержит действительную ссылку на меню. Этот вид еще довольно молодой, появился он не так давно, а точнее с появлением фиксации поста на стене страницы.Открытое меню Сегодня оно наиболее эффективно, оно более привлекательно, чем закрытое. Первый вариант менее продуктивен, так как посетители группы могут просто не заметить ссылку на нее.

Итак, «ВКонтакте»? Ответ довольно прост. Для создания обоих типов меню для группы ВКонтакте используется wiki-разметка. Это очень удобный инструмент, он позволяет создавать таблицы, графики, форматировать и редактировать изображения, работать со ссылками и так далее. Однако сейчас создателям сообщества ВКонтакте все намного проще, чем несколько лет назад.В соцсети есть на автомате перенос всего контента в вики-разметке.

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

Первый этап

На этом этапе необходимо выбрать изображения. Они создадут презентабельный внешний вид страниц.Картины можно найти в Интернете или сделать самостоятельно с помощью фоторедакторов, а второй вариант подойдет только тем, кто хорошо рисует на компьютере и владеет фотошопом.

Первое изображение — аватар. Второй (центральный) — имидж-действие. Параметры аватара должны быть не менее 200 х 330 пикселей. Размер центрального изображения составляет не менее 390 x 280 пикселей.

Второй этап

Откройте страницу группы и найдите «Управление сообществом». Ссылка находится под лицевой фотографией страницы справа.После ссылки найдите раздел «Материалы» в информации, а затем нажмите «Ограничено» в этом пункте.

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

Третий этап

Копия адреса страницы. Первое число после слова «Страница» — это номер сообщества, второе — номер страницы.Это надо знать, думая, как создать меню в группе «ВКонтакте». Адрес необходимо разместить на стене вместе с центральным изображением. Чтобы прикрепить картинку, нажмите «Прикрепить» и «Фото». Далее выбираем и вставляем. После нажатия кнопки «Отправить» — это будет публикация.

Четвертый этап

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

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

Как создать таблицу в меню?

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

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

  • (| означает начало;
  • | + расположение в центре;
  • | — с новой строки;
  • | прозрачность;
  • ! Пеликатные клетки;
  • |) Указывает конец.

Как размещать ссылки?

В вопросе как сделать меню в группе «ВКонтакте» есть важный момент по ссылкам. Вы можете расположить их по-разному:

  • Оставьте только ссылку. Для этого возьмите ссылку в квадратные скобки.
  • Сделайте ссылку на слово или фразу. Открыть Вставить ссылку после знака набора ссылок | И закройте квадратную скобку.
  • Ссылка на изображение. Это можно сделать на следующем примере: [].

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

  • Размер картинки не должен быть меньше 130 пикселей. Это значительно ухудшит внешний вид меню.
  • Ширина рисунка — не более 610 пикселей.
  • Вики-страница не может содержать более 17 незакрытых тегов.
  • При установке коэффициента ширины высота автоматически изменяется в соответствии с пропорциями.
  • Внутри таблицы вы можете создать список, используя />.
  • В одной строке можно разместить не более 8 единиц списка.

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

Например, приложение «Интерактивный FAQ (бета)» позволяет проверить свои способности в вики-программировании.

Работа проста: пользователю предоставляется готовое меню, и нужно прописать код разметки.В конце результат сравнивается с оригиналом.

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

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

Как добавить товар в группу ВКонтакте. Как создавать товары в группе в контакте

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

Я подготовил для вас обзор этой функции и покажу вам, как ее использовать, на примере.

Посмотрите видео:

Или прочтите статью >>>

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

Чтобы активировать этот раздел , вам нужно перейти на вкладку «Управление страницей / сообществом» под аватаром:

Прокрутите страницу до настроек дополнительных разделов и там поставьте галочку напротив «Товары» — для всех. Или выберите «Включено» в выпадающем списке — для группы.

После этого вам откроются настройки этого раздела.

Здесь можно:

Выберите регионы доставки (один или несколько) или даже отдельные города.

Укажите валюту вашего магазина.

Включение или отключение комментариев к продукту.

Укажите контакт для связи (от администраторов сообщества).

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

На этой странице вы можете добавить подробное описание магазина , записать предоплату и информацию о доставке для потенциальных покупателей.Редактор очень простой. Вы можете выделить текст жирным шрифтом или курсивом, добавить заголовки h2, h3, h4, вставить ссылки, фотографии и т. Д.

Блок с товарами появится на главной странице сообщества, сразу под описанием (или).

Для начала добавления товаров нажмите на одноименную надпись.

Или перейдите в раздел, нажав на надпись «Товары», и выберите соответствующую вкладку вверху.

Откроется окно для добавления элемента.

Здесь вводим его название, описание. Добавьте основное фото и дополнительные (до 4-х), если есть. Фотографии должны быть не менее 400 пикселей и не более 7000 пикселей с каждой стороны. В противном случае вы просто не сможете их скачать.

А стоимость указываем.

Ниже такой пункт, как «товар недоступен». Если поставить галочку там, то ваш товар не будет виден пользователям.

Ну и в конце нажимаем на кнопку «Создать продукт».

Добавленный товар отобразится в соответствующем разделе.

А вот как выглядит страница с ним для покупателя:

Видим, что вместо кнопки «купить» есть кнопка «связаться с продавцом». Если щелкнуть по нему, откроется окно для отправки сообщения. Ну в переписке уже есть договор об оплате и доставке.

На странице товара под изображением есть вкладка «Действия» — через нее можно отредактировать страницу товара или удалить ее.

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

Вверху находится вкладка «Параметры», которая используется для поиска и фильтрации товаров по названию, цене и новизне.

Вкладка Коллекции позволяет группировать похожие продукты. Такой аналог категорий, только внутри вашего магазина Вконтакте.

Кому, щелкните соответствующую вкладку вверху.

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

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

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

Ну что же, друзья, если через Вконтакте что-то продать, можете попробовать и оценить этот функционал. Также, если возникнут вопросы, пишите в комментариях. Буду рад помочь и посоветовать.

Успехов Вам!

С уважением, Виктория Карпова

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

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

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

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

Добавление товаров на страницу Вконтакте

Если вы хотите добавить товары для продажи прямо в свой профиль, то перейдите на свою страницу и выберите «Товары» в меню слева.

Если такого пункта нет, наведите курсор мыши на любой другой пункт меню и щелкните шестеренку слева.

В окне «Элементы настройки» на вкладке «Общие» установите флажок рядом с «Продукты» и нажмите «Сохранить».

На странице сразу откроется список того, что продают ваши друзья. Нам нужно разместить наш участок, поэтому нажмите кнопку «Подать объявление».

Теперь нужно выбрать фото, которое будет отображаться в каталоге (как на скриншоте выше) — это обложка.Для этого нажмите «Выбрать изображение».

Найдите нужное фото через проводник, выберите его и нажмите «Открыть».

Если изображение подходит по размеру, используйте ручки, чтобы выбрать область эскиза, которая будет использоваться в списке, и нажмите «Сохранить изменения».

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

Помимо обложки можно добавить еще 4 изображения товаров. Для этого нужно нажать на кнопку с изображением камеры и надписью «Добавить».

Чтобы просмотреть список объявлений, добавленных на вашу страницу, перейдите в соответствующий пункт меню слева, а справа перейдите на вкладку «Мои продукты». То, что мы только что добавили, появится в списке.

Когда другой пользователь просматривает каталог с выставленными на продажу вещами и нажимает на ваш, он откроется в отдельном окне.Здесь, помимо обложки, вы можете увидеть и другие добавленные вами фотографии, описание будет отображаться ниже. Если человека заинтересовало ваше объявление, он может добавить его в избранное или «Написать продавцу», то есть вам.

Выбрав «Написать продавцу», пользователь увидит окно с сообщением, в котором будет написан стандартный текст, его также можно изменить. Он отправляет его вам, и тогда вы можете договориться о продаже.

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

Как делать товары в группе ВК

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

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

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

В меню справа перейдите на вкладку «Разделы» и напротив поля «Товары» нажмите на слово «Отключено». Затем выберите «Включено».

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

Возвращаемся на главную страницу группы. Теперь под областью с фотографиями есть кнопка «Добавить товар». Нажмите здесь.

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

С помощью проводника найдите фотографию на своем компьютере, выберите ее и нажмите «Отправить».

Затем нужно указать маркерами по углам, какая часть фотографии будет отображаться в миниатюре. Щелкните «Сохранить изменения».

Помимо основной фотографии можно добавить 4 дополнительных. Они будут видны, когда пользователь откроет лот для просмотра. Для этого в соответствующем разделе нажмите «Добавить фото» и выберите нужное изображение на своем компьютере.

Все товары, добавленные в группу, будут отображаться на главной странице группы.

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

Если вы нажмете кнопку «Еще», откроется дополнительное меню. Если вы добавили продукт или являетесь владельцем или администратором группы, вы можете «Редактировать» или «Удалить» из списка.Остальные будут отображать только пункт «Пожаловаться».

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

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

Удаление предметов

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

Чтобы удалить ненужный товар со страницы Вконтакте, наведите на него курсор мыши и нажмите на крестик в правом верхнем углу. Рядом с крестиком будет карандаш, нажав на него, вы можете его отредактировать.

Элемент исчезнет из списка.

Если вы решили прекратить продажи и вас интересует, как удалить все товары, то вы можете поступить следующим образом.Перейдите в «Управление сообществом» и перейдите вправо во вкладку «Разделы». Затем напротив поля «Товары» выберите «Отключено» и нажмите «Сохранить».

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

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

Мы научились добавлять продукты Вконтакте, поэтому у нас успешная торговля: успешные продажи и больше благодарных клиентов.

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

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

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

Товаров в сообществах ВКонтакте

На всякий случай покажу, как товары обрабатываются в сообществах (скрин внизу).

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

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

Еще один важный нюанс: если вы выгружаете несколько категорий товаров, то оптимально сгруппировать их по обобщающему критерию, чтобы в полном перечне товаров не получилась сборная солянка, в которой клиент запутался.Хорошо, если у вас 2 направления, а если 10?

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

Как создавать продукты для своего сообщества ВКонтакте?

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

Для группы

Для страницы

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


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

Для вас откроется специальная форма, она находится на экране ниже, теперь мы пройдемся по полям и рассмотрим, как их заполнить.

  1. Название продукта или услуги. Он должен быть кратким и лаконичным (также можно сделать карточку на услугу), чтобы клиент, глядя на него, сразу понимал, о чем идет речь. Например, «Аренда аквастудии». Это от сообщества фотостудии.
  2. Описание. Здесь расскажите о своем продукте или услуге наиболее привлекательно.Чтобы потенциальный клиент захотел расстаться со своими деньгами в вашу пользу. В описании вы также можете дать ссылку на страницу товара на сайте, только не забудьте поставить в ней теги и сократить ее с помощью укорачивателя ссылок. Совет: разработайте универсальный формат описания карточек товаров в ВК, чтобы информация о разных товарах / услугах не «скакала». Определите, что именно и в какой последовательности следует указывать. В нашем случае это описание интерьера, оборудования, которое можно использовать для съемок в этой студии, размеров помещения, наличия гардеробной и т. Д.Рекомендуем вам предоставить максимально подробную и полную информацию, которая отвечает на все вопросы клиента.
  3. Фото. Загрузите фото товара: основное и дополнительное (до 4 штук). Здесь мы рекомендуем, как и в случае с описанием, делать единые фото.
  4. Категория. Здесь все просто: укажите категорию, к которой относится ваш товар. Для этого выберите нужный из выпадающего списка.
  5. Цена. Укажите цену товара.Если у вас нет конкретной цены (мы очень часто это слышим от наших клиентов) или она зависит от разных параметров заказа, комплектации, укажите минимальную стоимость, а в описании добавьте условия формирования цены. Это также можно сделать с точки зрения оплаты и доставки.
  6. Товар недоступен. Мы ставим эту галочку на товары, которые временно нельзя купить в вашем магазине.

При создании продукта настройки всегда можно изменить.Для этого прямо под основной фотографией выберите «Редактировать» и, выполнив все необходимые правки, сохраните изменения.

Или в общем списке товаров нажмите на карандаш в правом верхнем углу соответствующего товара, настройки которого необходимо изменить.

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

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

Например, у нас есть сообщество по продаже постельных принадлежностей в Санкт-Петербурге. В общине есть самые разные товары: подушки, одеяла, пледы и т.д. Товаров: 16.

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

Для этого просто нажмите соответствующую кнопку «Создать коллекцию» в правом верхнем углу страницы продукта.

Во всплывающем окне откроется специальная форма с несколькими полями для заполнения.

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

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

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

Ну вот вроде все по настройке товара. Как видите, это несложно. Теперь о том, как отслеживать производительность.


Что ж, завершу эту часть статьи очень аппетитной и приятно оформленной карточкой продукта от «Food Party».

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

Товаров на личных страницах пользователей ВКонтакте

Буквально 16 декабря появилась информация о том, что сервис «Товары» ВКонтакте стал доступен для личных профилей пользователей социальной сети. Сервис вышел из бета-версии 25 января.Как обещают разработчики, в ближайшие месяцы он будет доступен в мобильной версии и в мобильных приложениях.

Итак, сегодня каждый участник ВКонтакте имеет возможность создавать свой товар, а также просматривать товары друзей в едином каталоге, попасть в который можно через пункт в левом меню «Товары» или по прямой ссылке вк. com / market.

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

Итак, в первую очередь, вы увидите именно продукцию своих друзей и друзей друзей.

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

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

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

Как создать собственный продукт ВКонтакте?

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

Пока я разговаривал, я одновременно выпустил продукт с нашей книгой по настройке Яндекс.Метрики. Так выглядит объявление о продукте на стене после создания и публикации.

Когда все поля заполнены, нажмите «Создать продукт». Готовый продукт, как и в сообществе, можно редактировать после публикации. А также отметьте «Товар недоступен» (галочка появляется после создания товара), если его нет в наличии.

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

Обратите внимание, что добавленный товар будет в едином каталоге в течение 30 дней после подачи объявления или с момента последнего редактирования.Мы не успеваем за распродажей 30 дней, но распродажа по-прежнему актуальна, товар всегда можно вернуть обратно в каталог. Он будет во вкладке «Снятые с производства». Кстати, система предупредит вас, когда истечет 30 дней.

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

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

Как видите, все довольно просто и понятно. Создавайте собственные объявления и продвигайте свой бизнес ВКонтакте даже со своей личной странички.

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

  1. Предоставьте продавцам дополнительные платные инструменты для продвижения рекламы в каталоге.
  2. Интегрируйте Сервис «Продукты» с сайтом «Юла», чтобы объявления, созданные в одной сети, публиковались в другой.

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

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

Сначала убедитесь, что подключена группа «Материалы»: Управление сообществом — Материалы — Подключено. Эта функция отвечает за наличие ссылки «последние новости». Щелкните по этой ссылке и выберите «Редактировать».

В открывшемся окне предлагаю ввести следующий код: [[Каталог | Перейти в общий каталог]]

Где до знака | — это название новой страницы, на которой будет размещен ваш каталог; после знака | — надпись, которую увидят подписчики в «Свежих новостях».После ввода вы можете увидеть, как будет выглядеть ссылка. Для этого выберите «Предварительный просмотр» — «Сохранить страницу».

Уже по этой ссылке мы переходим на новую страницу с названием «Каталог». У многих фирм на складе есть сразу несколько видов товаров, поэтому каждый вид лучше представлять отдельно. В правом верхнем углу выберите «Изменить». Я покажу вам вариант создания каталога товаров на примере магазина необычных подарков. Для этого введите следующий код вики (рисунок 2):

Рисунок 2

Букет мягких игрушек ==

[]

Букет мягких игрушек — отличный вариант для подарка.

[[Букет мягких игрушек | просмотреть ассортимент]]

Брелок с живыми растениями ==

[]

Брелок с живыми растениями — стильный аксессуар для рюкзака, ключей, телефона, салона автомобиля!

[[Брелок с живыми растениями | просмотреть ассортимент]]

Небесные шары ==

[]

Небесные шары — это оригинальный и незабываемый подарок на любой праздник! С

[[Небесные шары | просмотреть ассортимент]]

== текст == указывает подразделы; текст — выделен жирным шрифтом; текст — выделение

Фото- центрировать фотографию или текст.

[[Брелок с живыми растениями | просмотреть ассортимент]], где «просмотреть ассортимент» — ссылка на раздел, где будут «Небесные шары». Все ваши разработки можно просмотреть в «Предварительном просмотре» (рисунок 3).

Рисунок 3

После сохранения пакета перейдите на страницу «Брелок с живыми растениями» и отредактируйте его.

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

  • (| — обязательный элемент, означает создание таблицы.
  • | — — новая линия,
  • | — сотовый,
  • |) — закрыть стол.

Брелок с живым растением Opuntia Dillena

Цена — 59000 рублей

[[Заказ | ЗАКАЗАТЬ СЕЙЧАС]]

Брелок с живым растением Маммиллярия

Цена — 59000 рублей

[[Заказ | ЗАКАЗАТЬ СЕЙЧАС]]

Брелок с живым растением Опунция Безыгольная

Цена — 59000 рублей

[[Заказ | ЗАКАЗАТЬ СЕЙЧАС]]

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

Вид выполненных работ (рисунок 4):

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

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

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

Как делать товары в группе ВК

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

  • Зайдите в свою группу. Под аватаром сообщества вы найдете две кнопки. Выберите кнопку с тремя точками — она ​​открывает для вас разрешенные действия.
  • Выберите действие «Управление сообществом», оно предлагается вам вверху в списке.
  • Перед вами открылась основная информация о группе. Справа от него вы увидите список настроек. Выберите в настройках пункт «Разделы».
  • Теперь открылся список разделов, которые вы можете включить или отключить для своего сообщества. В самом нижнем разделе будут наши «Товары». Вы должны установить флажок рядом с этим разделом.

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

  • выберите страну и город, в которые вы готовы доставить товар;
  • выберите валюту вашего магазина;
  • обязательно добавьте контактное лицо, с которым покупатели могут связаться;
  • добавить информацию о вас и вашем магазине.

Из этих столбцов требуется информация только о контактном лице, остальные могут быть заполнены по желанию.

Готово! Теперь вы можете добавлять свои продукты в сообщество и делиться ими со всеми.

Добавление товаров в сообщество

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

Заходите в свою группу. Под описанием сообщества (или прикрепленным постом на стене, если он у вас есть) вы увидите символ сумки, предлагающий вам добавить продукт. Откройте эту ссылку.

Перед вами открылся новый профиль продукта, который включает важную информацию о том, что вы продаете:

  • Название продукта, который вы предлагаете покупателям. Имя не может быть слишком коротким и должно содержать не менее 4 символов.
  • Краткое описание, которое должно содержать не менее 6 символов.
  • Основная фотография, которую необходимо загрузить со своего компьютера в формате PNG, GIF или JPG.
  • Дополнительные фотографии, которые вы можете добавить, если кажется, что товарный товар не полностью отображается на основной фотографии. Здесь вы можете добавить до четырех кадров.
  • Категория, к которой вы относите этот продукт. Основу категорий составляют физические товары, будь то транспорт, детская одежда или дача. Но в этом списке есть услуги, которые вы можете предложить в своей группе.Благодаря этой категории вы можете предложить организовать мероприятие или отремонтировать бытовую технику, добавив соответствующую информацию выше.
  • Цена, которую вы хотели бы получить за свой продукт.
  • Если ваш товар периодически заканчивается, и его нет в наличии, вы не можете удалить его, но поставьте галочку напротив элемента, что означает, что товар недоступен.

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

Редактирование и удаление товаров в сообществе

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

  • На главной странице сообщества перейдите в раздел Продукты.
  • Перед вами открылась страница со всеми предлагаемыми вами предметами торговли.Выберите продукт, который хотите отредактировать. Наведите стрелку на его фотографию. В правом верхнем углу появится символ карандаша, щелкните по нему.
  • Теперь открылась анкета, которую вы заполнили ранее. Найдите нужный элемент и отредактируйте его. Ведь вам нужно нажать на кнопку «Сохранить товар».
  • Чтобы удалить продукт из своей группы, вам необходимо перейти в форму редактирования продукта и нажать кнопку «Удалить», которая находится в нижнем левом углу профиля.

Заключение.

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

С помощью услуги «Товары» вы можете отказаться от самостоятельного сайта или полностью составить свой рабочий график.Надеюсь, что в этой статье вы узнали, как делать товары в группе ВК. , г. и теперь вы в полной мере воспользуетесь услугой.

Как подключить ВКонтакте? | База знаний Chat2Desk.com

  1. Создайте публичную страницу. Возможные варианты:

  • бизнес;

  • тематическое сообщество;

  • торговая марка или организация;

  • публичная страница.

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

  1. Включите возможность отправки сообщений группе в Управление> Сообщения . Сохраните настройки.

  1. Включите функции бота в Управление> Сообщения> Настройки бота . Сохраните настройки.

  1. Создайте ключ для работы со страницей по API в Управление> Настройки> Использование API .

При создании ключа все пункты Разрешить… необходимо поставить галочку. При необходимости подтвердите действие SMS или через устройство.

  1. Отправить в техподдержку через виджет на сайте:

  1. Настроить параметры работы API. Перейдите в «Управление»> «Настройки»> «API»> «API обратного вызова»> «Настройки сервера» . Установите следующие значения:

  1. Подтвердите сервер. Для этого отправьте следующие строки, скопированные из Manage> Settings> API usage> Callback API, в службу технической поддержки :

После получения ответа от оператора нажмите «Подтвердить».Сообщите о результате оператору службы поддержки.

  1. Перейдите в Управление> Настройки> Использование API> API обратного вызова> вкладка Типы событий . Отметьте следующие пункты в Сообщениях:

  • входящих сообщений;

  • исходящие сообщения;

  • разрешение на получение.

  1. Сообщите оператору, что инструкции были выполнены, и дождитесь соединения.

Какие продукты Вконтакте, стоит ли пользоваться? Как создать интернет-магазин ВКонтакте Что нам нужно.

Редкие невестки могут похвастаться ровными и дружескими отношениями со свекровью. Обычно бывает с точностью до наоборот

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

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

Хотя новички все чаще используют возможность продемонстрировать продукцию в группе.

Эта возможность, как мне кажется, особенно удобна для инфобизнеса. И я с радостью добавил в свою группу парочку своих продуктов.

Из явных плюсов данного функционала — добавление нескольких фотографий к одному товару, подробное описание товара и кнопка «Купить», которой раньше не хватало.

В целом преимущества показа товаров ВКонтакте очевидны!

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

Шаг № 1

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

Ну, примерно так же, как у меня.

Шаг № 2

И мы попадаем на страницу с информацией, на которой внизу есть пункт «Товары».

Они отключены по умолчанию и должны быть включены вручную.

Щелкните слово «Отключено» и измените его на «Включено». Этих действий достаточно для группы.

А в случае паблика — сразу поставить галочку, как у меня.

Шаг № 3

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

Заполните каждый пункт самостоятельно.

И самое главное — заполните описание самого магазина.

Когда вы нажимаете кнопку «Редактировать», появляется это окно, просто заполните все поля здесь.

Шаг № 4

Теперь прямо под главным меню вашей группы или, если у вас нет меню — под основной информацией — есть блок «Товары».

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

Если вы нажмете на «Товары» — вы попадете в полный список ваших товаров.

Там же можно будет создать «Выбор продукта».Давайте приступим к этому сейчас. Щелкните «Продукты».

Шаг № 5

И попадаем на страницу с товарами. Здесь нужно выбрать вкладку Коллекции.

Они нужны, например, для группировки продуктов по категориям.

Шаг 6

Придумываю название для коллекции и загружаю фото. Ну или любой рисунок, который бы эффектно отразил категорию всех товаров в этой коллекции.

Ставим галочку «Это основная обложка».И нажмите «Создать».

Кстати, размер картинки для обложки должен быть не менее 580х320.

Шаг 7

Нажав на кнопку «Создать», мы попадаем на вкладку созданной нами коллекции.

А теперь наполним его товарами.

Для этого нажмите кнопку «Добавить продукт».

Шаг 8

Здесь нужно ввести название и загрузить фото товара и придумать предельно четкое и краткое описание.

Кстати, фото должно быть не менее 400 баллов, максимум — 7000 баллов с одной стороны.

При загрузке фото нужно будет выбрать видимую область картинки.

Шаг 9

ВК дает нам отличную возможность скачать несколько товаров на один товар (до 4 дополнительных).

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

Заполните по мере необходимости.И не забываем выбрать категорию товара.

После того, как все готово, определяем стоимость товара и нажимаем «Сохранить».

Шаг 10

Аналогичным образом можно загрузить еще несколько товаров. Ну кому кому нужно — залейте все. Сейчас в моем выборе два продукта.

Выбор выглядит так.

Шаг 11

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

Шаг 12

Вы можете нажать «Связаться с продавцом», если хотите обсудить какие-либо подробности о продукте или условиях. Эта кнопка специально разработана для увеличения продаж.

При нажатии открывается простое диалоговое окно в самом Вконтакте.

Шаг 13

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

Ну или удаление. Обе эти функции являются возможностями администратора.

Шаг 14

Кроме всего прочего, ВК не поленился создать фильтрацию по цене и дате добавления товара.

Это наверное на тот случай, если товаров действительно много.

Шаг 15

Ваш магазин может быть закрыт в любой момент. Для этого нажмите ссылку «Выключить» в блоке из шага 2.

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

Конечно, все пользователи ВК могут поделиться своими товарами с друзьями — это очень круто!

Я даже начинаю задумываться над тем, чтобы поэкспериментировать с трафиком и продажами через ВК.

Напишите в комментариях, будет ли вам интересно, стоит ли описывать в статьях или в видеоформате?

На этом все, заранее спасибо за комментарии. Спасибо.

Электронная коммерция в наши дни вполне нормальна. Люди постепенно привыкают к покупкам в Интернете. И предприниматели все больше и больше хотят осваивать глобальную сеть, находить клиентов и продавать свои товары.

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

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

Что нам нужно

Во-первых, мы. Именно к ней мы свяжем наш магазин.

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

Заходим в контакт, и заходим в раздел «Мои группы». Здесь нажимаем кнопку «Создать сообщество».

Откроется форма, в которой нужно ввести имя и выбрать тип «Группа». Затем нажмите кнопку «Создать сообщество».

Использование приложения для создания магазина

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

https://vk.com/app1800176

За ним.Вы увидите стартовую страницу.

Нажимаем кнопку «Установить приложение».

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

На следующем этапе мы создадим адрес электронной почты для нашего магазина. В блоке «Создать новый Эквид-магазин» заполняем все обязательные поля:

  • Адрес электронной почты
  • Пароль
  • Подтверждение пароля

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

Далее нам нужно сделать следующее. Будет специальная ссылка — нам нужно ее скопировать. А затем вставьте группу, которую мы подготовили на предыдущем шаге, в список ссылок. Описание будет содержать ссылку, нажав на которую, вы сразу перейдете к нужному инструменту.

Открытие нашего магазина

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

В первом разделе мы указываем условия приема оплаты и доставки товара.

В последнем разделе нужно настроить параметры визуального отображения магазина.

Когда закончите, нажмите кнопку «Сохранить».

Потом возвращаемся чуть выше, и нажимаем кнопку «Управление магазином».

Наполнение интернет-магазина

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

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

Заключение

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

Вопросы?

Задайте свой вопрос в комментариях с описанием возникшей проблемы

Мы и наши пользователи регулярно обсуждаем возможные проблемы и трудности. Вместе мы разберемся с вашей проблемой.

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

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

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

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

Добавление товаров на страницу Вконтакте

Если вы хотите добавить товары для продажи прямо в свой профиль, то перейдите на свою страницу и выберите «Товары» в меню слева.

Если такого пункта нет, наведите курсор мыши на любой другой пункт меню и щелкните шестеренку слева.

В окне «Элементы настройки» на вкладке «Общие» установите флажок рядом с «Продукты» и нажмите «Сохранить».

На странице сразу откроется список того, что продают ваши друзья. Нам нужно разместить наш участок, поэтому нажмите кнопку «Подать объявление».

Теперь нужно выбрать фото, которое будет отображаться в каталоге (как на скриншоте выше) — это обложка.Для этого нажмите «Выбрать изображение».

Найдите нужное фото через проводник, выберите его и нажмите «Открыть».

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

Если размер загруженного изображения не подходит, появится предупреждающее сообщение с указанием минимального размера фотографии. Также одна сторона не должна быть намного больше другой.Переделайте свою фотографию, например, в Photoshop и загрузите снова.

Помимо обложки, вы можете добавить еще 4 изображения с товаром. Для этого нужно нажать на кнопку с изображением камеры и надписью «Добавить».

Чтобы увидеть список объявлений, добавленных на вашу страницу, перейдите в соответствующий пункт меню слева, а справа перейдите на вкладку «Мои продукты». То, что мы только что добавили, появится в списке.

Когда другой пользователь просматривает каталог с выставленными на продажу вещами и нажимает на ваш, он откроется в отдельном окне.Здесь, помимо обложки, вы можете увидеть и другие добавленные вами фотографии, описание будет отображаться ниже. Если человека заинтересовало ваше объявление, он может добавить его в избранное или «Написать продавцу», то есть вам.

Выбрав «Написать продавцу», пользователь откроет окно с сообщением, в котором будет написан стандартный текст, его можно изменить. Он отправляет его вам, и тогда вы можете договориться о продаже.

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

Как делать товары в группе ВК

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

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

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

В меню справа перейдите на вкладку «Разделы» и напротив поля «Товары» нажмите на слово «Отключено». Затем выберите «Включено».

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

Возвращаемся на главную страницу группы. Теперь под областью с фотографиями есть кнопка «Добавить товар». Нажмите здесь.

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

С помощью проводника найдите фотографию на своем компьютере, выберите ее и нажмите «Отправить».

Затем нужно указать маркерами по углам, какая часть фотографии будет отображаться в миниатюре. Щелкните «Сохранить изменения».

Помимо основной фотографии можно добавить 4 дополнительных. Они будут видны, когда пользователь откроет лот для просмотра. Для этого в соответствующем разделе нажмите «Добавить фото» и выберите нужное изображение на своем компьютере.

Все товары, добавленные в группу, будут отображаться на главной странице группы.

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

Если вы нажмете кнопку «Еще», откроется дополнительное меню. Если вы добавили продукт или являетесь владельцем или администратором группы, вы можете «Редактировать» или «Удалить» из списка.Остальные будут отображать только пункт «Пожаловаться».

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

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

Удаление предметов

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

Чтобы удалить нежелательный товар со страницы Вконтакте, наведите на него курсор мыши и нажмите на крестик в правом верхнем углу. Рядом с крестиком будет карандаш, нажав на него, вы можете его отредактировать.

Подтверждаем удаление.

После этого появится сообщение о том, что лот успешно удален, и он исчезнет из списка.

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

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


Если вы решили прекратить продажи и вас интересует, как удалить все товары, то вы можете поступить следующим образом. Перейдите в «Управление сообществом» и перейдите вправо во вкладку «Разделы».Затем рядом с полем «Продукты» выберите «Отключено» и нажмите «Сохранить».

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

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

Мы научились добавлять товары Вконтакте, так что у нас успешная торговля: успешные продажи и больше благодарных покупателей.

В сентябре 2015 года социальная сеть Вконтакте запустила бета-версию бесплатного сервиса «Витрина товаров» для групп и пабликов. Услугу можно подключить к любому интернет-магазину или компании, у которой есть группа Вконтакте. Для подключения достаточно зайти в раздел «Настройки сообщества» — «Информация». В самом низу раздела есть функция «Продукты», которую можно включить или отключить.

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

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

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

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

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

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