Виджет «Список»

Оглавление:

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

О виджете

С помощью этого виджета можно отобразить от 1 до 6 элементов с изображениями слева и описанием, адресом, временем работы и кнопкой справа от изображения.

В бесплатной версии можно добавить до 3 элементов.
При наличии премиум-доступа — до 6 элементов.

к оглавлению статьи / вся справка

Примеры виджета

Виджет «Список», image #1
Виджет «Список», image #2
Виджет «Список», image #3
Виджет «Список», image #4
Виджет «Список», image #5
Виджет «Список», image #6
Виджет «Список», image #7
Виджет «Список», image #8
Виджет «Список», image #9
Виджет «Список», image #10
1 of 10

Это реальные примеры этого виджета, созданные в нашем приложении разными пользователями. Надеемся, что это поможет вам понять, как обычно используется этот виджет и для чего. А может быть вы сами придумаете какое-то уникальное решение с использованием именно этого виджета :)

Здесь вы можете посмотреть пример виджета вживую: vk.cc/aqRMs1

к оглавлению статьи / вся справка

Установка приложения

Если вы ещё не установили приложение, сделайте это как написано здесь:
Как установить приложение в моё сообщество

к оглавлению статьи / вся справка

Создание виджета

Чтобы создать этот виджет, откройте раздел «Каталог виджетов» и выберите виджет «Список». После этого вы увидите визуальный редактор.

к оглавлению статьи / вся справка

Заполнение заголовков, описаний и ссылок

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

Важно! Чтобы сделать изображение элемента кликабельным, укажите ссылку к заголовку, тогда и изображение будет со ссылкой.

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

к оглавлению статьи / вся справка

Загрузка изображений в виджет

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

Соотношение сторон изображений в этом виджете равно 1:1. Размер значения не имеет, это могут изображения и 50х50 пикселей, и 100х100 пикселей. Рекомендуем загружать изображения, которые не больше 1000 пикселей по каждой стороне.

Подробнее о рекомендациях по изображениям смотрите здесь:

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

Добавление изображений в виджет через аватары

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

А чтобы подставить аватары конкретных пользователей или аватары групп, нужно указать их идентификатор. Например, чтобы показать аватар Павла Дурова, нужно в поле для изображения написать id1. А чтобы показать аватар сообщества «Вконтакте API», укажите в поле id-1 (для сообществ необходимо указывать айди с минусом перед ним). Можно указывать и полные ссылки вида https://vk.com/durov или vk.com/apiclub.

к оглавлению статьи / вся справка

Как добавить ссылку к изображению

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

к оглавлению статьи / вся справка

Добавление ссылки под виджетом

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

к оглавлению статьи / вся справка

Перемещение элементов в виджете

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

к оглавлению статьи / вся справка

Добавление и удаление элементов в виджете

Если один из элементов вам более не нужен или неактуален, его можно удалить. Для добавления элемента нажмите на «+ добавить элемент».

к оглавлению статьи / вся справка

Что нельзя сделать в этом виджете

— нельзя добавить больше 6 элементов (с премиум-доступом)
— нельзя добавить подробное описание, если больше 3 элементов в виджете

Установка виджета

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

Если вы решите что-то ещё поменять, нажмите на кнопку «Закрыть» в этом окне. Если всё устраивает, нажмите там же кнопку «Обновить виджет в группе».

к оглавлению статьи / вся справка

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

  1. Для этого вам нужно на главной странице вашего сообщества открыть раздел «Управление» (в меню справа) и перейти в пункт «Приложения».
  2. Здесь вы увидите все установленные приложения, в том числе и наш «Конструктор виджетов». Рядом с ним нажмите на ссылку «Изменить», если такая там есть.
  3. Здесь вы увидите настройки видимости виджета — вы можете самостоятельно выбрать в любое время кому будет показываться виджет: всем пользователям, только подписчикам, только администраторам или никому

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

к оглавлению статьи / вся справка

Редактирование виджета

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

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

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

к оглавлению статьи / вся справка

Копирование шаблона виджета в другое сообщество

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

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

к оглавлению статьи / вся справка

Удаление шаблона виджета из приложения

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

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

Удаление виджета из сообщества

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

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

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

Техническая поддержка работает по будням с 9:00 до 18:00 (МСК).
В премиум-доступе — ежедневно с 9:00 до 21:00 (МСК).

Виджет «Список», image #11
2656 views·6 shares