Найти тему
Штуки

Как за 10 минут прилепить Google Forms к любому лендингу

Оглавление

Сделали мы себе лендинг — полотно текста и картинок, две инпут формы и кнопка “отправить”. Не хотим тратить время и деньги на CMS или конструкторы типа Tilda. Хотим сделать быструю обработку формы, чтобы по кнопке “отправить” люди могли отправить нам свои контакты. Для таких штук лучше Google Docs ничего не придумали.

Как быстро и без геморроя отправлять лиды в гуглодоки?

  • Создаем новую форму с нужным количеством полей https://docs.google.com/forms/
  • Открываем предпросмотр формы:
  • Открываем исходник этого предпросмотра через View Page Source (CTRL+U)
  • Из всего полотна копируем все начиная от “<form”, заканчивая “</form”
-2
  • Чистим код — удаляем все блоки кроме “<input”.

Можно очень внимательно руками, можно более профессионально — с помощью текстового редактора типа notepad++

Вставляем текст, делаем чтобы новый тег начинался с новой строки. Делается заменой:

-3

Получаем чуть более чистый код, разбитый на строки:

-4

Дальше нам надо выдернуть и почистить все элементы input.

Помечаем все строки с инпутами:

-5

Вырезаем эти строки:

-6

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

-7

Чистим атрибуты инпутов — можно оставить только type, name и value

-8
  • Этот код уже можно вставлять вместо вашей родной формы на лендинге. Дальше можно раскрасить стилями и навесить нужные события GA.
-9

По отправке формы будет открываться “спасибо” из гугл форм. Что не критично для лендинга на коленке.

Готово!

Что еще? Хотим получать оповещения на каждый лид!

Открываем из Google Forms таблицу с ответами

-10

Настраиваем оповещения:

-11

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

-12

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