К содержимому
Оформление и содержимое

Формы и кнопки связи

Обновлено

Slate оформляет формы на сайте, а поля, приём обращений и уведомления обеспечивает приложение «Заявки». Чтобы посетитель мог записаться или заказать расчёт, недостаточно поставить на страницу красивую кнопку: необходимо подключить действующую форму своей установки.

Подготовьте форму в приложении

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

У приложения должен быть собственный адрес на домене сайта. Это проверяется при его подключении к сайту. Если адрес не настроен, форма может быть видна, но не отправлять данные. При таком поведении сначала проверьте подключение приложения, а не только оформление блока.

Каждая форма принадлежит конкретной установке Webasyst. Номер из демонстрационного сайта нельзя переносить в свой сайт как готовую настройку. Используйте форму, созданную у вас; если вы переносите сайт, привязки необходимо проверить заново.

Выберите способ показа в теме

В панели откройте «Приложения и плагины → Приложение Заявки». Настройка «Номер формы заявки» связывает тему с формой приложения. В панели форма может выбираться по названию; ориентируйтесь на свою форму, а не на чужой пример номера.

«Как показывать форму» предлагает два варианта. «В блоке» выводит поля сразу на странице. «Кнопкой в окне» оставляет кнопку, по которой форма открывается поверх сайта. «Текст кнопки» относится ко второму варианту (пустое поле — «Оставить заявку»). Пока «Номер формы заявки» пуст, блок заявки ничего не выводит. Настройка «Плавающая кнопка формы» выбирает форму для кнопки в углу экрана; если она не выбрана, кнопки нет.

Блок главной «Форма заявки» (раздел «Главная страница → Форма заявки») берёт форму из этой настройки, но способ показа у него свой: «Как показывать форму» — «Как в «Заявках»» (как выбрано в «Приложение Заявки»), «В блоке» или «Кнопкой в окне». Там же заголовок блока, его «Тег заголовка» и текст.

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

Подключите форму к другой кнопке

Кнопка связи в шапке и в контактах настраивается в «Общие настройки → Организация → Обратная связь»: «Текст кнопки» (пустое поле — кнопки нет) и «Ссылка кнопки». Для этой кнопки панель предлагает выбор «Куда ведёт кнопка»: «Ссылка» или «Форма в окне» с выбором формы по названию. Кнопки с такой привязкой открывают окно приложения.

В остальных полях адреса — например, у кнопок «Обложки», «Призыва», «О компании», «Мастеров», «Расписания», «Прайса» и слайдов «Больших баннеров» — привязка к форме записывается вручную: form:<номер вашей формы>.

Блок «Контакты» может показывать форму под адресами, если он вставлен на страницу с включённой формой, например на страницу контактов. Какую форму выводить, задаёт поле «Форма обратной связи» в «Главная страница → Контакты». На главной этот блок выводится без формы.

Если та же форма уже стоит на странице

Когда форма выведена на странице полями («В блоке» или в блоке «Контакты»), все кнопки этой страницы с привязкой к той же форме не открывают окно, а прокручивают страницу к полям. Плавающая кнопка этой формы на такой странице тоже не показывается. Так на странице остаётся одна форма, и посетитель не заполняет её дважды. На остальных страницах те же кнопки по-прежнему открывают окно. Это правило темы, отдельной настройки у него нет; чтобы кнопка открывала окно, выберите для неё другую форму.

Подпись «Записаться» сама по себе ничего не подключает. Проверьте действие кнопки: ссылка на страницу контактов перейдёт к контактам, ссылка на раздел страницы прокрутит её, а привязка к форме откроет поля.

Формы других приложений

Форма обращения в приложении «Поддержка» (Helpdesk) не связана с «Заявками»: её поля, источник и обработка настраиваются в самой «Поддержке», а тема оформляет страницу обращения и встроенные формы приложения. Подробнее — в статье об интеграциях. То же относится к формам «Магазина» и личного кабинета.

Разделите тексты и оформление

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

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

Поля формы — включая дату, время и месяц — тема выводит той же высоты, что и остальные поля, в виде, выбранном в «Оформлении сайта» («Вид полей ввода», «Размер кнопок и полей форм»).

Если в форме включена капча Google, её скрипт тяжёлый. Настройка «Прочее → Скорость загрузки → Капча Google — только при заполнении формы» загружает его один раз, когда посетитель начинает заполнять форму, — страница открывается быстрее. Капчу Яндекса настройка не затрагивает. По умолчанию отложенная загрузка выключена; после включения проверьте открытие формы и отправку с капчей.

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