Встройте форму прямо на свой сайт.
Скопируйте фрагмент кода в Pocper и вставьте его на свой сайт. Посетители заполняют форму, не покидая вашу страницу, а каждый ответ по-прежнему приходит в Pocper и привязывается к клиенту.
Три шага, один фрагмент кода
- 01
Опубликуйте шаблон
Встроенная форма показывает опубликованную версию шаблона и использует код его ссылки для общего доступа, поэтому сначала шаблон нужно опубликовать.
- 02
Скопируйте код
Выберите «Встроить» в меню шаблона и скопируйте предложенный код iframe.
- 03
Вставьте его на сайт
Разместите его в любом месте сайта, куда можно добавить собственный HTML. Форма появится прямо там, готовая к заполнению.
Впереди ваш сайт, за ним — Pocper
Заполняется на вашей странице
Форма работает внутри вашей страницы, во фрейме, поэтому посетителям не нужно уходить с сайта, чтобы её заполнить.
Никаких пустых ответов
Ответ создаётся, только когда посетитель начинает печатать, поэтому те, кто просто пролистал страницу, не оставляют пустых документов.
Каждый ответ на своём месте
Каждый ответ создаёт в Pocper клиента с документом в его папке — рядом со всем остальным, что вы храните по клиентам.
Вы в курсе
Вы получаете уведомление, когда кто-то начинает заполнять форму и когда отправляет её, — а при отправке ещё и письмо, если вы его не отключили.
Один переключатель для ссылки и встраивания
Встраивание использует код ссылки для общего доступа: заблокируйте ссылку — и встроенная форма тоже заблокируется; разблокируйте — и снова работают обе.
Спасибо — и ещё одна
После отправки посетитель видит страницу благодарности с кнопкой «Заполнить ещё одну».
Работает с конструктором сайтов, которым вы уже пользуетесь
Фрагмент — это обычный iframe без скриптов, поэтому он работает в любом конструкторе сайтов, где можно добавить собственный HTML, в том числе в этих.
- WordPress
- Wix
- Squarespace
- Webflow
- Shopify
- Framer
- Ghost
- Carrd
Некоторым конструкторам нужен платный тариф
WordPress.com, Squarespace, Webflow и Carrd разрешают такой пользовательский код только на некоторых тарифах. Если блок не находится или форма не появляется после публикации сайта, сначала проверьте свой тариф.
В письмах и постах в соцсетях она не отображается
Почтовые программы и соцсети удаляют iframe. Туда отправляйте ссылку для общего доступа шаблона — она открывает ту же форму.
Прежде чем вставить
Фрейм сохраняет высоту
Изначально его высота 700 пикселей. Более длинная форма прокручивается внутри фрейма — или измените высоту в коде, чтобы она подошла.
Спрашивайте имя в самой форме
Встроенная форма открывается сразу, без титульной страницы с вопросом об имени или почте. Если эти данные нужны, добавьте такие поля в форму.
Каждый визит — с чистого листа
Посетитель, который ушёл на полпути и вернулся позже, начинает новый экземпляр. То, что он ввёл в первый раз, остаётся в Pocper.
Одна строка HTML
Вот и всё. Вставьте его туда, где должна появиться форма, — три части, о которых стоит знать, объяснены ниже.
<iframe 1src="…" width="100%" 2height="700" style="border:0" 3loading="lazy"></iframe>
1
srcАдрес встраивания вашей формы. Он следует за ссылкой для общего доступа шаблона, поэтому если заблокировать эту ссылку, встроенная форма тоже заблокируется.
2
heightИзначально фрейм высотой 700 пикселей и сам не меняет размер. Измените число, чтобы подогнать его под свою форму.
3
loading«lazy» загружает форму, когда она появляется на экране при прокрутке, чтобы не замедлять верхнюю часть страницы.
Вопросы о встраивании
Куда можно встроить форму?
Подстраивается ли фрейм под высоту формы?
Куда попадают ответы?
Как перестать принимать ответы через встроенную форму?
Нужен ли посетителям аккаунт?
Связанные возможности
Ссылки и QR-коды
Одна ссылка и один QR-код на каждую форму: срок действия, блокировка, а ответы вернувшихся клиентов попадают туда, где им место.
Сбор документов у клиентов
Поля загрузки в любой форме — клиенты отправляют PDF, фото и файлы Office с телефона, прямо в свою папку.
Совместная работа в реальном времени
Смотрите, как форма заполняется, пока клиент печатает, и работайте над одним документом вместе с командой одновременно.
История версий
У каждого клиентского документа своя история — кто и когда сохранил каждую версию; любую можно открыть, распечатать или скопировать.
ПродуктКонструктор онлайн-форм
Создайте форму, которую будете встраивать: текст, даты, загрузка файлов, флажки и подписи в одном документе.
Разместите первую форму на своём сайте.
Опубликуйте шаблон, скопируйте код и вставьте его.