CF7 GSheetConnector настройки связки с Сontact-form-7 — скрытые поля

недавно на сайте заказчика решали вопрос по плагину Сontact-form-7 в связке с CF7 GSheetConnector — клиента интересовал сбор данных контактных форм сайта в таблице Google sheets, а именно чтобы было наглядно видно из какой конкретно формы сайта (с какой страницы) поступило обращение.

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

…и наконец, немного подумав, решили сделать скрытое поле во всех контактных формах сайта, а данные из этой формы отправлять в Google Sheet — таблицу:

Ниже описан всего-лишь один из вариантов — им и поделюсь, может, кому-то пригодится… (приспособить скрытое поле — назовём его idентификатор — возможно куда угодно)

общие настройки связки плагина CF7 GSheetConnector с Сontact-form-7

Чтобы реализовать сей экс на своём сайте (или тестовом), потребуется установить плагин Сontact-form-7 и связать его с CF7 GSheetConnector страница плагина в wordpress.org

…как это делается расписывать не стану, нынче иная тема, так что приступим:

Полная настройка связки плагина Contact Form 7 с плагином CF7 Google Sheet Connector?

скрытые поля Contact Form 7 связка с CF7 GSheetConnector

Ниже примерный готовый код формы Сontact-form-7 (со скрытым полем), шорткод которой добавляем в требуемое место сайта:

<label> Ваше имя (обязательно)
[text* your-name] </label>

<div style="display:none;"><label> ИМЯ ФОРМЫ
[text* your-subject "САЙТ-2"] </label></div>

<label> Ваш e-mail (обязательно)
[email* your-email] </label>

[text* tel placeholder "+7 (***) ***-**-**"]

[submit "Отправить"]

…то есть вся суть нашего предприятия в том, чтобы добавить необходимое скрытое поле в требуемую контактную форму (для идентификации и вода в таблице), — это поле и сообщит данные конкретной страницы сайта в таблицу Гугл, с которой же поступило обращение: к примеру такие строки…

<div style="display:none;"><label> ИМЯ ФОРМЫ
[text* your-subject "САЙТ-2"] </label></div>

стили style="display:none;" обусловят то, что её не будет видеть пользователь — форма будет заполнена всегда по умолчанию, но данные, которые мы, как админы, в неё помещаем, отправятся в таблицу Google.

Значок * обусловит обязательное к заполнению поле, можно убрать где не требуется !..

…у меня, это (тег) поле your-subject — вы можете задавать какое-то своё (уникальное).

далее, в настройках контактной формы плагина Сontact-form-7, переходим в опцию Google sheets и пересохраняем настройки (обязательно!)!

Результатом на сайте (некой странице) получится такая форма для заполнения посетителями:

…как видите, поле САЙТ-2 (ИМЯ ФОРМЫ) в окошках на картинке выше не отображается ! что и требовалось… Однако, после заполнения окошек формы и отправки… данные улетят в Гугл-таблицу sheets, и мы отныне будем знать откуда именно пришёл заказ.

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

и так далее…

МИГ подписки - ВРЕМЯ знаний!!

...город веб мастеров Михалика.ru © - запросто с WordPress - ATs media squad