Всплывающая форма обратной связи для WordPress

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

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

Начало работы и принцип действий

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

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

Один из плюсов плагина — он выглядит одинаково хорошо на разных шаблонах WordPress. Окей, решение есть, купил и решил установить. Но при установке возникли ошибки, которые собственно и побудили меня к созданию этой статьи, чтобы помочь тем, кто столкнётся с этим в работе.

Ошибка Fatal error: Cannot redeclare tgmpa() (previously declared in

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

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

 

 

Его надо вставить до:

В любом месте wp-config.php находящегося в корне сайта. 

Дальше я обнаружил вызов, который был в теме сайта. Надо было изменить второй вызов, для чего я открыл файл в Notepad +++ и сделал массовую замену tgmpa на tgmpass (можете заменить на своё) и после этого залил файл по новой в папку плагина. После этого плагин установился отлично и в дальнейшем конфликтов не возникало. 

Contact Form 7 делаем согласие с передачей персональных данных

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

В этой контактной форме contact form 7 — образец формы имеющей следующие поля:

  • Имя
  • Телефон
  • Почта
  • Дополнительные данные
  • Файл 1
  • Файл 2

И кроме этих полей в форме создано поле согласия с передачей персональных данных, согласно закона о персональных данных. Вот как выглядит такая готовая форма:

Название формы для посетителя

 

Div для стилей, если надо изменить цвета.

 

Блоки вывода имени, телефона, почты, дополнительных данных.

 

Ставим в форму contact form 7 согласие с персональными данными.

 

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

 

Закрываем ros див.

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

10 КОММЕНТАРИИ

  1. «Обратная связь – это важная часть любого сайта. Но как реализовать ее на WordPress? Всплывающая форма обратной связи может быть идеальным решением. Какие плагины для этого существуют?»

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

  3. о всех решениях, которые я рассматривал, ведь это займет слишком много места. Однако, после тщательного анализа я выбрал плагин «Popup Maker», который предоставляет множество настроек и возможностей для создания всплывающей формы обратной связи. Он также позволяет добавить поле согласия с передачей персональных данных, что важно с точки зрения соответствия законодательству о защите данных.

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

    Кроме того, плагин «Popup Maker» предлагает опции для настройки поведения формы, например, задержку перед отображением, частоту появления и условия ее появления. Это позволяет настроить форму таким образом, чтобы она не мешала пользователям и появлялась только в определенных случаях, например, при покидании страницы или после определенного времени на сайте.

    В итоге, благодаря плагину «Popup Maker», я создал красивую всплывающую форму обратной связи на сайте на WordPress. Она не только помогает пользователям быстро отправить сообщение, но и соответствует требованиям законодательства о защите данных. Это полезное решение для любого сайта на WordPress, который нуждается в функционале обратной связи.

  4. Вы занимаетесь торговлей или только предполагаете инициализировать свой бизнес? Мы готовы стать вашим высоконадежным партнёром китайской продукции!

    Наша компания asiancatalog.ru оказывает:

    — Поиск товаров и производителей прямо в Китае.
    — Выкуп товара у изготовителя.
    — Доставка до вашего склада.
    — Полное таможенное оформление и сертификация товаров.
    — Обслуживание «под ключ»: от поиска до перевозки.

    Заказ любого товара из Китая от автозапчастей до детских игрушек – мы найдем всё, что вам нужно, и импортируем по лучшей цене.

    Простой и ясный процесс партнерства:

    1. Вы отсылаете нам заявку на интересующий товар.
    2. Мы ищем производителя, рассчитываем цену с учетом перевозки и таможенных платежей.
    3. После вашего утверждения заключаем договор и приступаем к работе.

    Ориентированы на бизнесменов! Наш многолетний опыт и профессионализм позволяют нам стоять в числе лидеров в обороте поставок из Китая. Доверьте нам заботу о вашем предпринимательстве, и вы не пожалеете!

    Ожидаем ваших запросов на asiancatalog.ru!

ОСТАВЬТЕ ОТВЕТ

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

+ 33 = 42

OK2WEB
OK2WEB
Более 12 лет занимаюсь разработкой и продвижением сайтов. Городские порталы, информационные и новостные сайты. Сейчас в основном разрабатываю интернет магазины и коммерческие сайты. Если у вас есть вопросы пишите, стараюсь оперативно ответить и помочь.

Добавление к товарам Woocommerce покупки по запросу для нулевых цен

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

Решение ошибки: WordPress database error Duplicate entry ‘0’ for key ‘wp_posts.PRIMARY’ for query INSERT INTO `wp_posts`

Делал сайт и столкнулся с такой ошибкой. Почитал, поискал, никто не дает решения. Ошибка проявляет себя так, что при добавлении записи на сайте Wordpress у вас нет интерфейса для добавления статьи и по сути исчезает возможность добавлять статьи. Решение оказалось простым. Зашел в базу данных...

Справочник по Fastpanel вопросы и ответы (обновляется)

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

Вывод товаров случайным образом — полезные сниппеты Woocommerce

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

Вывод похожих товаров по атрибуту — полезные сниппеты Woocommerce

По умолчанию Woocommerce товары выводятся в виде похожих из товаров в категории. Это неудобно, так как не позволяют вывести в каталоге товаров правильно похожие. Решаем задачу просто с помощью сниппета. Вставляем в function.php или в место для кода вот такой сниппет: В данном варианте выведен...

Seo практики использования возможностей ИИ для работы с сайтом

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