Что такое ограниченный контент в конструкторе страниц Elementor?

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

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

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

Оглавление

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

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

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

Варианты использования ограничения контента

Ограничить контент, если пользователь не платит

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

Другой способ монетизации вашего веб-сайта — это создание платного контента Elementor, что легко сделать с помощью JetEngine.

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

Доступность в зависимости от статуса пользователя

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

📜Оформить заказ: как показывать контент только для зарегистрированных пользователей

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

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

Видимость раздела по клику

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

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

📜Узнай: Как скрыть контент, если пользователь не продлил подписку

Скрыть разделы Elementor без элементов

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

Используя конструктор запросов JetEngine, вы можете персонализировать условия для ограничения разделов Elementor. Например, пользователи увидят разделы «Избранное» или «Недавно просмотренные элементы», только если они ранее выбрали определенные элементы. Отсутствие пустых списков приведет к более чистому интерфейсу.

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

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

Ограничение контента по возрасту

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

Это все распространенные сценарии для контента с ограниченным доступом, но этот список не является исчерпывающим, и могут быть и другие сценарии.

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

Итак, как вы ограничиваете контент в Elementor?

Шаги по ограничению контента в Elementor

Шаг 1: Установите Элементор

Если вы еще не установили Elementor, перейдите на панель инструментов WordPress, а затем на Плагины > Добавить новый, и введите Elementor в строке поиска ключевых слов.

Установите и активируйте плагин.

Шаг 2: Установите плагин JetEngine

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

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

Шаг 3. Включите модуль динамической видимости в настройках JetEngine.

Начните с входа в панель управления и перейдите к параметрам JetEngine, затем выберите первый вариант — Реактивный двигатель.

Теперь перейдите в раздел модулей и прокрутите вниз до Динамическая видимость для виджетов и разделов. Включите модуль.

Ударять «Сохранять” чтобы сделать его доступным в Elementor.

Шаг 4: Включите модуль в Elementor

Идти к Все страницы > Новый или нажмите на существующую страницу (или запись) и нажмите «Редактировать с помощью Elementor».

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

Отсюда теперь вы можете изменить параметры видимости для элемента контента.

Шаг 5: Определите тип условия видимости

Ниже «Давать возможность» вариант, вы увидите «Тип условия видимости» настройка с выпадающим меню. В раскрывающемся меню есть два условия:

• Показать элемент, если заданное условие выполнено
• Скрыть элемент, если выполнено заданное условие

Пойдем с первым вариантом.

Шаг 6: Выберите условия

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

Условия делятся на:

• Общий
• Специально для JetEngine
• Пользователь
• Сообщения

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

К подусловиям этого условия относятся:

• Пользователь может добавлять сообщения – Вы можете запретить определенным пользователям публиковать определенные сообщения; Окно обслуживания Profile Builder позволяет вам добиться этого. Согласно этому условию, только пользователи с разрешением на публикацию определенного сообщения могут видеть это сообщение.
• Пользователь вошел в систему – Только авторизованные пользователи могут видеть содержимое. Это лучшее условие для установки на сайте членства, где премиум-пользователи могут войти в систему.
• Пользователь не авторизован – Только неавторизованные пользователи могут видеть элемент. Это может относиться к сайтам с членством, где у вас есть тизерный контент, который вы хотели бы продемонстрировать незарегистрированным участникам, чтобы дать им подсказку о том, что они получат (что содержат скрытые страницы), если решат зарегистрироваться.
• Роль пользователя – Этот элемент виден только пользователям с определенной ролью, назначенной им. Например, если вы запускаете веб-сайт только по подписке, вы можете назначить роль подписчика платным участникам и разрешить им доступ к контенту, недоступный другим людям.

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

• Роль пользователя не – Этот элемент виден только тем пользователям, которые не соответствуют указанным.
• Идентификатор пользователя – Вы можете ввести идентификационные номера в поле «Идентификаторы пользователей», чтобы пользователи с этими идентификаторами могли видеть содержимое.
• Идентификатор пользователя не – контент не будет виден пользователям, чьи идентификационные номера вы введете в поле User IDs. Это могут быть основные участники сайта с премиальной подпиской, поэтому вам не нужно, чтобы они получали доступ к платному контенту.

Шаг 7: Выберите подходящее отношение

Наконец, выберите любую из двух функций для определения отношения:

И – Выбранное условие видимости работает, только если все заданные вами условия соблюдены.

ИЛИ – Выбранное условие видимости работает, только если любой определенных вами условий соблюдены.

Со вторым вариантом легко работать, не так ли?

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

Заключение

Elementor — один из самых мощных плагинов WordPress для создания страниц и веб-сайтов, доступных на сегодняшний день. Он не только помогает вам создавать страницы и сообщения WordPress, но также помогает создавать страницы с ограниченным доступом на вашем веб-сайте (и множество других ценных вещей).

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