Все коллекции
Приложение для мероприятий
Дизайн и настройка
Встраивайте контент Event App с помощью виджетов
Встраивайте контент Event App с помощью виджетов

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

Daniel Murphey avatar
Автор: Daniel Murphey
Обновлено больше недели назад

Эта статья была переведена с английского с помощью машинного перевода.

Создание Event App со всеми функциями и информацией, необходимыми участникам для общения, развлечения и взаимодействия, стоит каждой минуты усилий. Что, если вы хотите распространить часть этой информации за пределы Event App на свой веб-сайт или веб-сайты партнеров? Виджеты в помощь! 🦸‍♀️

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

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

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

  1. На панели навигации по мероприятию в разделе «Event App» нажмите «Продвигать» .

  2. Нажмите «Виджеты» .

  3. Нажмите кнопку «Новый виджет» .

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

    • Повестка дня

    • Динамики

    • Спонсоры

    • Экспоненты

    • Пользовательский список

    Только что описанные шаги.

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

Выберите элементы

  1. После выбора типа функции введите имя виджета. Это имя отображается над элементами виджета при его вставке.

    Модальное окно «Новый виджет». В качестве типа функции выбраны динамики.
  2. Затем нажмите кнопку «Добавить динамики» .

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

    Модальное окно «Добавить динамиков».
  4. Когда вы закончите добавлять элементы, нажмите «Добавить докладчиков» , чтобы закрыть модальное окно.

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

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

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

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

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

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

Страница «Виджеты». Расширено меню настроек виджета.

Предварительный просмотр виджета и настройки внешнего вида

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

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

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

  3. Показывать имя виджета — снимите этот флажок, чтобы скрыть отображаемое имя виджета.

    1. Показать треки (только в повестке дня) — снимите этот флажок, чтобы скрыть всплывающие подсказки треков из виджета.

    2. Показывать докладчиков (только в повестке дня) — снимите этот флажок, чтобы скрыть значки и имена докладчиков из виджета.

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

  5. Темный режим. Активируйте этот переключатель, чтобы переключиться на темный фон с белым текстом.

💡 Имейте в виду: если вы активируете темный режим или удаляете фон, внимательно проверьте, как виджет работает с вашим сайтом после его вставки.

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

Нажмите «Сохранить изменения» внизу страницы после завершения настройки параметров.

Копировать коды виджетов

На странице «Виджеты» просто нажмите кнопку «Копировать код виджета» , чтобы мгновенно скопировать код и встроить его на свой веб-сайт. Мы будем верить, что вы или кто-то, с кем вы работаете, знает, как это сделать. 😉

Кнопка «Копировать код виджета» на странице «Виджеты».

Виджеты на практике

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

💡 Имейте в виду, что новые функции никогда не добавляются в виджеты автоматически. Вы должны вручную выбирать элементы.

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

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

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

Модальное окно сведений о сеансе в виджете «Повестка дня».

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

Теперь вы знаете, как создавать виджеты контента. Знаете ли вы, что вы также можете встроить параметры билета Webex Events Registration ?

Вопросы? Поговорите с нами, отправьте электронное письмо по адресу support@socio.events или посетите сеанс лицом к лицу .

Нашли ответ на свой вопрос?