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

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

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

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

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

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

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

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

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

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

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

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

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

    • Спикеры

    • Спонсоры

    • Экспоненты

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

      Описанные выше шаги.

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

Выбрать элементы

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

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

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

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

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

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

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

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

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

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

Страница «Виджеты». Меню настроек виджета развернуто.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробная информация о сеансе отображается во всплывающем окне виджета «Повестка дня».

💡 Помните, что изображения обложек стендов не отображаются в сведениях о товаре виджета.

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

Вопросы? Напишите нам в чате или напишите на support@socio.events

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