Нужно выяснить, как открыть всплывающее окно Elementor в Гутенберге?

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

Допустим, вы уже создали всплывающие окна с Elementor и хотите открыть их в редакторе WordPress Gutenberg; потому что вы хотите развернуть всплывающие окна в своих сообщениях или страницах блога. Если вам интересно, возможно ли это сделать? Что ж, ответ — да, это возможно.

Эта статья покажет вам, как открывать всплывающие окна. Elementor в Гутенберге.

Как открыть всплывающее окно Elementor в редакторе WordPress Gutenberg

Шаг 1: Подготовьте всплывающее окно

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

Хорошо, когда создание всплывающего окна будет завершено, щелкните значок шестеренки (️) в левом нижнем углу панели настроек элемента, чтобы открыть всплывающую панель. Во всплывающей панели настроек перейдите на вкладку Передовой и добавьте селектор в поле Открыть селектором . 

Не забудьте добавить символ точки в качестве префикса (например, .popup12345).

открыть всплывающее окно Elementor в Гутенберге

После того, как вы добавили указанный селектор, не забудьте обновить или опубликовать свой шаблон всплывающего окна.

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

открыть всплывающее окно Elementor в Гутенберге

Шаг 2: Откройте всплывающее окно в Гутенберге

Теперь пришло время открыть всплывающее окно в редакторе WordPress Gutenberg.

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

В этом уроке мы будем использовать блок кнопок.

открыть всплывающее окно Elementor в Гутенберге

После того, как вы решили, какой блок вы хотите использовать в качестве триггера для отображения всплывающего окна, перейдите в «Настройки». Блокировать – > Передовой. Затем добавьте свой Указанные классы CSS в Дополнительный класс CSS ( ы ) чавканье.

открыть всплывающее окно Elementor в Гутенберге

Хороший. Вот и все. Чтобы увидеть, как это работает, опубликуйте свой проект и откройте его в новом окне.

открыть всплывающее окно Elementor в Гутенберге

Получить Elementor Pro сейчас !!!

Заключение

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

Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...