Нужно знать, как создать всплывающее окно с согласием на использование файлов cookie в Elementor ?
Если вы используете Elementor Pro, есть некоторые функции, которые вы можете добавить на свой сайт WordPress без установки каких-либо плагины дополнительный. В одном из них вы можете добавить согласие на использование файлов cookie, используя функцию создания всплывающих окон.Elementor, о котором мы поговорим в этой статье. Что такое печенье?
Читайте также: Как создать многоступенчатую форму с Elementor
В контексте Интернета файл cookie (также известный как веб-файл cookie, файл cookie браузера и файл cookie Интернета) представляет собой небольшой фрагмент данных, который хранится на вашем компьютере веб-браузером. Затем данные используются веб-сайтами для доставки контента на основе ваших действий. Если вы часто видите рекламу, основанную на ваших действиях, это то, для чего предназначены файлы cookie (хотя есть много примеров того, как используются файлы cookie).
В некоторых случаях отображение согласия на использование файлов cookie очень важно, поскольку оно позволяет вашему посетителю понять, что ваш веб-сайт собирает от них определенную информацию. Это одна из реализаций прозрачности бизнеса.
Как создать всплывающее окно согласия на использование файлов cookie в Elementor
В профессиональной версии Elementor есть конструктор всплывающих окон, который можно использовать для создания красивых всплывающих окон. Вы можете использовать конструктор всплывающих окон Elementor для создания всплывающих окон любого типа, которые вы можете найти в Интернете.
Узнайте также: Как создать контактную форму в Elementor
В этой статье мы покажем вам, как использовать конструктор всплывающих окон Elementor для создания всплывающего окна согласия на использование файлов cookie. Сам Elementor предлагает всплывающие окна с шаблонами, которые можно использовать для создания всплывающего окна согласия на использование файлов cookie, но в этой статье мы собираемся создать всплывающее окно согласия на использование файлов cookie с нуля.
Сначала перейдите к Шаблоны -> Всплывающие окна, Нажмите кнопку добавлять создать новое всплывающее окно
Дайте имя своему всплывающему окну и нажмите кнопку СОЗДАТЬ МОДЕЛЬ чтобы начать создание шаблона всплывающего окна.
Поскольку мы хотим создать всплывающее окно с нуля, просто закройте библиотеку шаблонов, щелкнув значок X в правом верхнем углу.
Перед добавлением содержимого во всплывающее окно сначала выполните некоторые необходимые настройки. Вы можете открыть значок шестеренки в нижнем левом углу, чтобы открыть всплывающую панель настроек. Вот параметры, которые мы будем использовать.
- Под опцией Ширина под блоком планировка, заменить блок на VW и измените значение на 100.
- Определите рост отрегулировать это к содержанию
- Установите горизонтальное положение на Центр
- Установите вертикальное положение на Bas
- Отключить опцию суперпозиция
- Отключить кнопку Близко
Вы также можете установить анимацию входа и выхода из блока Макет.
Читайте также: Как добавить ценовую сетку в Elementor
Затем перейдите на вкладку Стиль чтобы изменить фон всплывающего окна. Вы можете использовать фон, градиент или одноцветное изображение.
После того, как вы закончите с основными настройками, вы можете начать добавлять контент во всплывающее окно. Начните с добавления раздела, щелкнув значок плюса в поле редактирования и выберите структуру столбцов, которую вы хотите использовать (в этом примере мы используем структуру из трех столбцов).
Добавьте виджет «Текстовый редактор» в первый столбец и замените текст по умолчанию своим собственным текстом. Вы можете ввести что-то вроде «Этот сайт использует файлы cookie, чтобы вы могли максимально эффективно пользоваться нашим сайтом». Вы можете настроить текст под вкладкой Стиль. Вы можете установить такие вещи, как типографика (семейство шрифтов, стиль шрифта, размер шрифта и т. Д.) И цвет текста.
Перед добавлением содержимого во второй столбец вы можете сначала установить размер столбцов. Для этого просто наведите указатель мыши на столбец, размер которого вы хотите изменить, пока не увидите пунктирную линию. Щелкните и удерживайте его, а затем перетащите вправо или влево.
После добавления и редактирования текстового содержимого в первом столбце добавьте кнопку во второй столбец. Мы будем использовать этот столбец для размещения кнопки " Принимающий ". Просто перетащите виджет Button во второй столбец. Замените текст кнопки по умолчанию на что-то вроде " Принимающий "Или" ПРИНЯТЬ И ЗАКРЫТЬ И установите размер. В поле Льен, щелкните значок базы данных и выберите Всплывающее.
Щелкните значок гаечного ключа в поле Неожиданно возникнуть. В варианте Действия, установить это на ЗАКРЫТЬ ВСПЫШКУ et активируйте опцию Не показывать снова.
Чтобы настроить кнопку, вы можете перейти на вкладку Стиль. На этой вкладке вы можете установить такие параметры, как типографика текста кнопки, цвет, цвет фона и т. Д.
Когда закончите со вторым столбцом, переходите к третьему столбцу. Мы будем использовать этот столбец для размещения кнопки " МУСОР ". Просто перетащите виджет Button в этот столбец. Замените текст кнопки по умолчанию на что-то вроде " МУСОР "Или" ИГНОРИРОВАТЬ .
Читайте также: Как создать раздел члена команды с помощью Elementor
Вы также можете установить размер и выравнивание кнопок. В поле Льен, вставьте URL-адрес страницы Условия использования вашего сайта. Это заставит вашего посетителя прочитать условия, если они откажутся от согласия.
Вы можете получить доступ к вкладке Стиль также настроить эту кнопку.
После того, как вы закончили изменять содержимое всплывающего окна, нажмите кнопку ОПУБЛИКОВАТЬ внизу левой панели. В открывшемся окне определите условия отображения, нажав кнопку ДОБАВИТЬ УСЛОВИЕ.
В этом примере мы покажем всплывающее окно на всем веб-сайте, а также на странице «Положения и условия». Таким образом, условия отображения будут выглядеть так. Нажмите на кнопку ДАЛЕЕ для продолжения.
На следующем шаге вам будет предложено установить триггер. В этом контексте вы можете использовать триггер загрузки на странице. Итак, активируйте опцию При загрузке страницы и нажмите на ссылку СОХРАНИТЬ И ЗАКРЫТЬ.
Здесь. Вы успешно создали всплывающее окно согласия на использование файлов cookie.
В конце
Прозрачность является достаточно важным аспектом для компании. Создание всплывающего окна с согласием на использование файлов cookie — это один из способов продемонстрировать прозрачность вашего бизнеса, поскольку оно показывает, что ваш веб-сайт собирает данные с посетителей.
Если вы используете Elementor для создать сайт WordPress, нет необходимости устанавливать новый плагин только для создания всплывающего окна с согласием на использование файлов cookie. Вместо этого вы можете использовать функцию конструктора всплывающих окон Elementor, чтобы это произошло.
Получите Elementor Pro прямо сейчас!
Заключение
Вот! Вот и все, что касается этой статьи, в которой показано, как создать всплывающее окно согласия на использование файлов cookie в Elementor. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
