Виджет «Плитки»
Оглавление:
— О виджете
— Примеры виджета
— Установка приложения
— Создание виджета
— Заполнение заголовков, описаний и ссылок
— Загрузка изображений в виджет
— Добавление изображений в виджет через аватары
— Как добавить ссылку к изображению
— Добавление ссылки под виджетом
— Перемещение элементов в виджете
— Добавление и удаление элементов в виджете
— Что нельзя сделать в этом виджете
— Установка виджета
— Как сделать виджет видимым для всех пользователей
— Редактирование виджета
— Копирование шаблона виджета в другое сообщество
— Удаление шаблона виджета из приложения
— Удаление виджета из сообщества
О виджете
С помощью этого виджета можно отобразить от 3 до 10 элементов с квадратными изображениями и описанием под ними.
В бесплатной версии доступно только 3 элемента.
При наличии премиум-версии — до 10 элементов.
В веб-версии Вконтакте (vk.com) и в предпросмотре в нашем приложении всегда будет показываться только 3 элемента. В мобильной версии (m.vk.com) и в официальных мобильных приложениях на ios/android будут показываться все добавленные вами элементы с возможностью листать их вправо.
к оглавлению статьи / вся справка
Примеры виджета
Это реальные примеры этого виджета, созданные в нашем приложении разными пользователями. Надеемся, что это поможет вам понять, как обычно используется этот виджет и для чего. А может быть вы сами придумаете какое-то уникальное решение с использованием именно этого виджета :)
Здесь вы можете посмотреть пример виджета вживую: vk.cc/aqRMC0
к оглавлению статьи / вся справка
Установка приложения
Если вы ещё не установили приложение, сделайте это как написано здесь:
— Как установить приложение в моё сообщество
к оглавлению статьи / вся справка
Создание виджета
Чтобы создать этот виджет, откройте раздел «Каталог виджетов» и выберите виджет «Плитки». После этого вы увидите визуальный редактор.
к оглавлению статьи / вся справка
Заполнение заголовков, описаний и ссылок
Вы можете к каждому элементу указать свой заголовок, описание, ссылку. Обязательным к заполнению является только заголовок, его необходимо заполнить у каждого элемента.
Важно! Чтобы сделать изображение элемента кликабельным, укажите ссылку к заголовку, тогда и изображение будет со ссылкой.
Кроме этого есть правило «подобия». Если вы в одном из элементов заполняете описание, то его нужно заполнить и в других элементах. Тоже самое касается ссылок.
к оглавлению статьи / вся справка
Загрузка изображений в виджет
Вы можете как загрузить изображения в элементы, так и указать ссылками на профили пользователей или сообществ (в этом случае в «Плитки» подгрузятся аватарки). Совмещать два варианта не получится, либо указываете ссылки на профили/сообщества, либо загружаете все изображения из файлов.
Соотношение сторон изображений в этом виджете равно 1:1. Размер значения не имеет, это могут изображения и 100х100 пикселей, и 500х500 пикселей. Рекомендуем загружать изображения, которые не больше 1000 пикселей по каждой стороне.
к оглавлению статьи / вся справка
Добавление изображений в виджет через аватары
Чтобы автоматически подставить аватар пользователя в элементе «Списка», нужно перейти на вкладку «Аватары» и на ссылку «установить персональный аватар. Готово!
А чтобы подставить аватары конкретных пользователей или аватары групп, нужно указать их идентификатор. Например, чтобы показать аватар Павла Дурова, нужно в поле для изображения написать id1. А чтобы показать аватар сообщества «Вконтакте API», укажите в поле id-1 (для сообществ необходимо указывать айди с минусом перед ним). Можно указывать и полные ссылки вида https://vk.com/durov или vk.com/apiclub.
к оглавлению статьи / вся справка
Как добавить ссылку к изображению
Чтобы сделать изображение также кликабельным, просто укажите нужную вам ссылку к заголовку элемента под изображением. Тогда и само изображение будет со ссылкой.
к оглавлению статьи / вся справка
Добавление ссылки под виджетом
Вы можете добавить ещё одну общую ссылку под виджетом. Для этого нажмите на «плюсик» внизу, укажите текст и саму ссылку. В мобильных приложениях эта ссылка показывается не снизу, а сверху справа в виджете, учитывайте это.
к оглавлению статьи / вся справка
Перемещение элементов в виджете
Если вам нужно изменить порядок элементов, вы можете воспользоваться специальными кнопками. В пару кликов можно поменять порядок всех элементов и сохранить виджет.
к оглавлению статьи / вся справка
Добавление и удаление элементов в виджете
Если один из элементов вам более не нужен или неактуален, его можно удалить. Для добавления элемента нажмите на «+ добавить плитку».
к оглавлению статьи / вся справка
Что нельзя сделать в этом виджете
— нельзя установить меньше 3 элементов
— нельзя добавить больше 10 элементов (с премиум-доступом)
Установка виджета
После того, как вы убедитесь в правильном заполнении, можете перейти к установке виджета. Для этого нажмите на кнопку «Посмотреть и установить виджет».
к оглавлению статьи / вся справка
Как сделать виджет видимым для всех пользователей
- Для этого вам нужно на главной странице вашего сообщества открыть раздел «Управление» (в меню справа) и перейти в пункт «Приложения».
- Здесь вы увидите все установленные приложения, в том числе и наш «Конструктор виджетов». Рядом с ним нажмите на ссылку «Изменить», если такая там есть.
- Здесь вы увидите настройки видимости виджета — вы можете самостоятельно выбрать в любое время кому будет показываться виджет: всем пользователям, только подписчикам, только администраторам или никому.
После этого сохраните изменения, примерно через минуту-две виджет будет показываться тем, для кого вы его настроили.
к оглавлению статьи / вся справка
Редактирование виджета
После того, как вы создадите виджет, его можно в любое время отредактировать. Он появится на главной странице приложения.
Измените название каждого шаблона как вам удобно, чтобы было проще ориентироваться между ними.
После внесения изменений в ранее созданный виджет нажмите на кнопку «Посмотреть и установить виджет» и подтвердите это действие, чтобы все ваши изменения сохранились.
к оглавлению статьи / вся справка
Копирование шаблона виджета в другое сообщество
Если у вас есть премиум-доступ, вы можете скопировать любой шаблон в другие сообщества. Это удобно, если вы хотите использовать ранее созданный виджет в нескольких сообществах.
Найдите нужный шаблон в списке ранее созданных, выберите в меню пункт «Скопировать», укажите ссылку на сообщество и подтвердите действие.
к оглавлению статьи / вся справка
Удаление шаблона виджета из приложения
В любое время вы можете удалить ненужные и неактуальные шаблоны из приложения. Просто выберите в меню шаблона пункт «Удалить» и подтвердите действие.
Внимание! Это действие не удаляет виджет из сообщества, если вы хотите именно убрать виджет физически, смотрите следующий пункт справки про удаление виджета.
к оглавлению статьи / вся справка
Удаление виджета из сообщества
Чтобы полностью удалить виджет из вашего сообщества, нажмите на главной странице приложения кнопку «Удалить виджет» (сверху справа) и подтвердите это действие.
Внимание! Это действие удалит виджет из вашего сообщества, при этом все шаблоны ранее созданных виджетов останутся в приложении.
к оглавлению статьи / вся справка
Если вы не нашли выше ответ на свой вопрос, попробуйте написать его нам в сообщения сообщества — вы либо сразу получите ответ от нашего бота, либо от технического специалиста в течение нескольких часов.
Техническая поддержка работает по будням с 9:00 до 18:00 (МСК).
В премиум-доступе — ежедневно с 9:00 до 21:00 (МСК).
