Как создать календарь событий Elementor с помощью MEC

Как создать календарь событий Elementor с помощью MEC

Короткий ответ: Elementor предоставляет визуальный конструктор страниц, но для сайта, посвященного мероприятиям, также необходима система для хранения информации о мероприятиях, датах, местах проведения, организаторах и расписании повторяющихся событий. Modern Events Calendar обеспечивает этот уровень управления событиями. Затем вы можете подключить MEC к Elementor с помощью специального дополнения для той части сайта, которую хотите оформить.

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

Встроен ли в Elementor календарь событий?

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

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

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

Это различие важно при поиске плагина календаря событий для Elementor. Встроенный календарь отображает внешний календарь. Плагин событий управляет событиями внутри WordPress.

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

Зачем использовать Modern Events Calendar на сайте, созданном с помощью Elementor?

Modern Events Calendar MEC предоставляет WordPress слой событий, которого нет в Elementor. Вы создаете и управляете событиями в MEC, а затем отображаете эту информацию в виде календарей, списков, таблиц, страниц отдельных событий, форм бронирования или форм отправки.

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

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

MEC также предлагает две отправные точки:

• МЭК Лайт Подходит для пользователей, которым необходимые функции отображения и проведения мероприятий доступны в бесплатной версии.
• МЭК Про Добавляет платные функции и необходим для некоторых рабочих процессов, включая Elementor Form Builder для бланков бронирования MEC.

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

Как MEC интегрируется с Elementor?

Интеграция MEC с Elementor состоит из трех частей. Вот базовая архитектура при использовании MEC с Elementor:

1. Elementor обеспечивает среду визуального редактирования и окружающую структуру страницы.
2. MEC Lite или MEC Pro Управляет данными о событиях и их характеристиками.
3. Специализированное дополнение для MEC Elementor позволяет интегрировать в Elementor определенный календарь, шаблон или рабочий процесс формы.

Базовый плагин MEC не включает в себя полный набор виджетов Elementor для каждого рабочего процесса событий. Соответствующие Дополнения MEC Они устанавливаются отдельно. Таким образом, ваш календарь событий Elementor объединяет основной плагин событий с конструктором для выбранной задачи.

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

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

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

Что вам нужно перед тем, как начать?

Для создания базового календаря событий в Elementor подготовьте следующее:

• Сайт на WordPress с установленным Elementor.
• MEC Lite или MEC Pro — в зависимости от необходимых вам функций для проведения мероприятий.
• Несколько полных тестовых мероприятий с указанием дат, мест проведения, организаторов, категорий и изображений.
• Elementor Shortcode Builder для размещения визуального календаря и списка событий.

Следуйте Modern Events Calendar инструкция по установке Если MEC еще не активирован. При настройке MEC с Elementor добавьте реалистичные тестовые события перед созданием страницы. Заполненный календарь значительно упрощает оценку интервалов, фильтров, размеров изображений и поведения на мобильных устройствах.

Как правило, для работы с описанными конструкторами MEC вам не потребуется Elementor Pro. Однако для некоторых рабочих процессов MEC требуется MEC Pro. Elementor Form Builder это один из подтвержденных примеров. Однако... Elementor FES builder Дополнение работает как с Lite, так и с Pro-версиями.

Как добавить календарь событий в Elementor с помощью MEC

Elementor Shortcode Builder Это прямой способ создания календаря событий в Elementor, включая календарь, сетку, список, карусель или другой вид MEC. Его название происходит от системы представлений MEC, основанной на шорткодах, но вы настраиваете представление внутри Elementor, а не вставляете простой шорткод и принимаете его значения по умолчанию.

1. Установите и активируйте Shortcode Builder.

Установите Elementor Shortcode Builder в виде отдельного плагина. Перед этим убедитесь, что Elementor и MEC активны.

В настройках Elementor убедитесь, что Короткие Тип записи включен. Это позволяет Elementor редактировать представление MEC, используемое на странице.

2. Создайте страницу

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

3. Добавьте виджет MEC.

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

4. Выберите режим просмотра событий.

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

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

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

6. Оформите, опубликуйте и протестируйте.

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

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

Какой из дополнений для MEC Elementor вам следует выбрать?

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

Что вы хотите настроить	Дополнение MEC	Что он контролирует	требование MEC
Календарь, список, сетка, карусель или другой вид событий.	Elementor Shortcode Builder	Представления с использованием шорткодов MEC размещены и настроены в Elementor.	MEC Lite или Pro
Структура пользовательского элемента события в списке или таблице.	Elementor Shortcode Designer	Элементы, специфичные для мероприятия, и их расположение.	MEC Lite или Pro
Страница, посвященная одному событию.	Elementor Single Builder	Шаблоны для отдельных событий и правила назначения	MEC Lite или Pro
Форма бронирования для участников	Elementor Form Builder	Поля бронирования и макет формы	МЭК Про
Форма на лицевой стороне сайта, используемая для отправки информации о мероприятии.	Elementor FES Builder	Поля и структура для отправки информации о мероприятии	[ПРОВЕРКА: конфликт страниц, предоставленных сторонним сервисом]

Различие между двумя инструментами для создания шорткодов легко упустить из виду. Shortcode Builder настраивает полный MEC-интерфейс. Shortcode Designer создает дизайн элемента события, используемый в поддерживаемом интерфейсе. Многим сайтам достаточно только первого инструмента.

Насколько сильно можно персонализировать мероприятие?

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

Календарный и список событий.

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

Предметы для мероприятий на заказ

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

Страницы отдельных событий

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

Формы бронирования

Используйте Form Builder Когда для формы бронирования MEC Pro требуется макет полей, разработанный в Elementor. Эта форма собирает информацию об участниках для бронирования. Она не создает новое событие.

Отправка заявок на мероприятия через интерфейс пользователя

Используйте ФЭС-строитель Это форма, позволяющая авторизованным пользователям отправлять информацию о событиях через интерфейс пользователя. Данный рабочий процесс собирает поля события и требует отправки. Перед покупкой дополнения уточните требования к текущей версии MEC.

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

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

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

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

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

Кому лучше всего подходит такая конфигурация?

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

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

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

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

Если вашему сайту на Elementor нужны данные о событиях с возможностью поиска и повторного использования, а не просто встроенный календарь, начните с выбора MEC Lite или MEC Pro. Затем добавьте Shortcode Builder, чтобы создать первую страницу календаря или списка событий. Это позволит привязать календарь событий Elementor к одному источнику данных о событиях.

Расширяйте настройки только тогда, когда проект требует другого рабочего процесса. Shortcode Designer, Single Builder, Form Builder и FES Builder выполняют разные задачи. Такой подход позволяет Elementor сосредоточить календарь событий на том, что действительно нужно посетителям и администраторам сайта.

Подробнее Modern Events Calendar И текущий Дополнения MEC Elementor перед выбором окончательного стека.

Часто задаваемые вопросы