Формы элементы: Форма (html) — Википедия – Формы и поля в HTML. Все о HTML формах

Элементы управления формы 1С |

Рисунки отсюда.

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

Для выбора значений из списков в 1С можно использовать следующие элементы управления:
  1. Поле выбора;
  2. Поле списка;
  3. Поле ввода.

Использование элемента управления "Поле выбора"

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

Использование элемента управления "Поле списка"

В "Поле списка" пользователю показывается полный список значений, не нужно раскрывать список чтобы выбрать нужное:

Поле списка 1С

Использование элемента управления "Поле ввода"

Элемент управления "Поле ввода" предназначен для:
  1. ввода значений непосредственно в поле, например, с клавиатуры;
  2. выбора ссылок на объекты;
  3. выбора значений из предварительно сформированного списка.

В "Поле ввода" можно выбрать из данных ссылочного типа:

Можно создать элемент управления "Поле ввода" одновременно вместе с поясняющей надписью, представляющей элемент управления "Надпись". Для этого необходимо создавать поле ввода через пункт главного меню "Форма - Вставить элемент управления...".

Рисунок

"Поле ввода" одновременно вместе с поясняющей надписью

[свернуть]

Состав кнопок, расположенных справа у элемента управления "Поле ввода", определяется:
  1. значением свойства поля ввода "Тип значения";
  2. выбором соответствующего свойства в окне свойств элемента управления.

Первый пункт определяется тем, что не каждый тип данных можно открыть на просмотр (например, для перечислений). 

Рисунок

"Поле ввода" одновременно вместе с поясняющей надписью

[свернуть]

Чтобы для выбора значения можно было использовать выпадающий список у элемента управления "Поле ввода" необходимо создать кнопку списка выбора (треугольничек).

Рисунок

Кнопка списка выбора

[свернуть]

В один элемент управления "Поле ввода" можно вводить значения разных типов, если для него задан составной тип значения, а также свойство "Выбирать тип":

 Кнопка списка выбора

Набор свойств у элемента управления "Поле ввода", созданного в форме и расположенного в табличном поле этой формы, различается:

  • в "табличном" поле ввода опций меньше, нет раздела Использование.

Если в качестве типа значения для элемента управления "Поле ввода" выбрано "СправочникСсылка.Номенклатура", то можно организовать быстрый выбор значения этого поля, набирая название конкретной позиции номенклатуры непосредственно в самом поле ввода. Для этого необходимо в окне редактирования справочника "Номенклатура" на закладке "Формы" в поле "Ввод по строке" выбрать "Наименование" (закладка называется Поле ввода на самом деле).

Кнопка списка выбора

[свернуть]

Группирование элементов форм | htmlbook.ru

При создании сложной формы можно группировать некоторые элементы форм между собой, такое группирование удобно для пользователя и позволяет визуально отделить один логический блок от другого. Для этой цели применяется элемент <fieldset>, который создаёт рамку в форме с заголовком или без него. Структура кода следующая.

<fieldset>
  <legend>Заголовок</legend>
  ...
</fieldset>

Элемент <legend> не обязателен, но если присутствует, должен идти сразу же после тега <fieldset>. Другие теги или текст перед <legend> недопустимы. Внутри <legend> можно использовать теги форматирования вроде <b>, <i>, <sup>, <sub> и др.

В примере 1 показано использование группирование на практике.

Пример 1. Создание группы

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Группа</title>
 </head>
 <body>
  <form>
   <fieldset>
    <legend>Вход на сайт</legend>
    <p>Логин: <input name="login"></p>
    <p>Пароль: <input type="password" name="pass"></p>
    <p><input type="submit" value="Вход"></p>
   </fieldset>
  </form>
 </body>
</html>

Результат данного примера в браузере Chrome показан на рис. 1.

Рис. 1. Вид группы в форме

Вид рамки в браузерах в целом одинаков — заголовок располагается в левом верхнем углу, встраиваясь прямо в рамку. Однако есть и мелкие различия, к примеру, в IE рамка имеет скруглённые углы, а текст плотнее прилегает к границе (рис. 2).

Рис. 2. Вид рамки в Internet Explorer 9

Формы. Виды форм, структура, свойства, элементы управления.

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

- форматами ввода;

- условиями проверки вводимых данных;

- масками ввода для ввода стандартизованной информации;

- пояснительным текстом;

- группировкой данных, приближающей ее вид к бумажному бланку.

При проектировании формы можно использовать текстовые строки, рисунки и линии, кнопки, списковые окна и т.п. Форма проектируется при помощи панели эле­ме­нтов.

Форма может размещаться на одном экране или нескольких экранных страницах.

В форме может быть разрешено или запрещено корректировать определенные данные или вообще ввод новых записей.

С формой можно работать в 3-х режимах:

- в режиме конструктора;

- в режиме формы;

- в режиме таблицы.

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

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

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

 

Типы форм

 

В Access можно создать формы следующих типов:

- форма в столбец или полноэкранная форма;

- ленточная форма;

- табличная форма;

- форма главная / подчиненная;

- сводная таблица;

- форма - диаграмма.

Форма в столбец представляет собой совокупность определенным образом расположенных полей ввода с соответствующими им метками и элементами управления. Форма позволяет отобразить на экране полей только одной записи.

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

Табличная форма отображает данные в режиме таблицы.

Форма главная/подчиненная представляет собой совокуп­ность формы в столбец и табличной. Ее имеет смысл создавать при работе со связанными таблицами, в которых установлена связь типа «один-ко-многим».

Форма Сводная таблица выполняется мастером создания сводных таблиц Excel на основе таблиц и запросов Access (мастер сводных таблиц является объектом, внедренным в Access, чтобы использовать его в Access необходимо установить Excel). Сводная таблица представляет собой перекрестную таблицу данных, в которой итоговые данные располагаются на пересечении строк и столбцов с текущими значениями параметров.

Форма с диаграммой. В Access в форму можно вставить диаграмму, созданную Microsoft Graph. Graph является внедряемым OLE приложением и может быть запущен из Access. С внедренной диаграммой можно работать так же, как и с любым объектом OLE.

Конструирование форм

 

При создании новой формы появляется диалоговое окно Новая форма, в котором следует выбрать:

- способ создания формы;

- источник данных (из списка).

Access предлагает следующие способы создания формы:

1. С применением Автоформы. Автоформа позволяет созда­вать формы трех стандартных типов: в столбец, ленточную, табличную. При этом в форму вставляются все поля источника данных.

2. С помощью мастера форм. В процессе диалога с пользователем мастер создает форму одного из трех стандартных типов. При этом в форму вставляются выбранные пользователем поля из источника данных.

3. С помощью конструктора форм. Форма конструируется пользователем в окне конструктора форм.

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

Источником данных формы являются одна или несколько связанных таблиц и/или запросов.

Структура формы

 

Форма состоит из пяти основных разделов:

1. Заголовок формы. Содержимое области заголовка формы выводится в верхней части окна формы.

2. Верхний колонтитул. Содержимое области верхнего колонтитула выводится после заголовка в верхней части экрана на каждой странице формы (если форма многостраничная). Обычно в области верхнего колонтитула размещают шапку таблицы (заголовки столбцов).

3. Область данных. Область данных содержит поля, в которых отображаются данные.

4. Нижний колонтитул. Содержимое области нижнего колонтитула (дата, № страницы и т.д.) отображаются на каждой экранной странице в нижней части формы.

5. Примечание формы. Содержимое этой области выводится внизу последней экранной страницы формы.

Форма может содержать все разделы или только некоторые из них.

Свойства формы

Как любой объект Access, форма имеет свойства. Значения этих свойств определяют внешний вид формы. Окно "Свойства" формы можно вызвать, например, щелкнув правой клавишей мыши по черному квадрату на пересечении линеек и из контекстного меню выбрать команду СВОЙСТВА.

Окно свойств выделенного объекта содержит следующие вкладки:

- макет – свойства, задающие макет формы;

- данные – свойства, определяющие источник данных, тип данных, формат и т.д.;

- события – перечень событий, связанных с объектом;

- другие;

- все – перечень всех свойств.

Основные свойства формы:

Подпись (это свойство расположено на вкладке МАКЕТ) – задает название формы, которое выводится в строку заголовка в окне формы.

Режим по умолчанию – определяет режим открытия формы (простая форма, ленточная, таблица).

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

все – можно;

таблица – нельзя, возможен только просмотр в режиме таблицы;

форма – нельзя, возможен только просмотр в режиме формы.

Разрешить изменение определяет, можно ли через форму изменять данные, т.е. задает статус "Только для чтения".

Разрешить удаление определяет, может ли пользователь удалять данные через форму.

Разрешить добавление определяет, может ли пользователь добавлять записи через форму.

Ввод данных определяет режим открытия формы. Может принимать значения "Да" (форма открывается только для добавления новых записей) и "Нет" (в форму выводятся существующие записи).

Блокировка записей определяет способы блокировки записи и их реализацию при попытке двух пользователей изменить одну и ту же запись.

Следующие свойства определяют, будут ли выводиться ниже перечисленные элементы в окно формы:

- полосы прокрутки;

- кнопка оконного меню;

- кнопка размеров окна;

- кнопка закрытия окна;

- тип границы окна;

- кнопка контекстной справки.

Поле номера записи определяет, будут и выводиться в окно формы кнопки перехода по записям.

 

Элементы управления формой

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

Связанный (присоединенный) элемент управления присоединен к полю базовой таблицы или запроса. При вводе значения в связанный элемент управления поле таблицы текущей записи автоматически обновляется. Поле таблицы является источником данных связанного элемента управления.

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

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

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

Основными элементами управления являются:

Надпись – элемент, предназначенный для отображения текста. Надпись может состоять из одной или нескольких строк. Является свободным элементом. Различают надписи свободные и присоединенные к другому элементу (подписи).

Свободная надпись используется для задания заголовков, комментариев. Создается кнопкой "Надпись" панели инструментов.

Подпись создается одновременно с созданием того элемента, к которому она присоединена. Подпись используется совместно с полями, флажками, переключателями, списками.

Поля – это элементы, предназначенные для отображения данных или для ввода данных. Поля могут быть присоединенными или свободными. Содержимое свободных полей нигде не сохраняется.

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

Добавление свободного поля в форму выполняется кнопкой "Поле" панели элементов. Добавление присоединенного поля (связанного с полем таблицы) осуществляется в режиме конструктора следующим образом:

- на панели "Конструктор форм" выбирается кнопка "Список полей";

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

В форму можно вводить вычисляемые поля. Вычисляемое поле является свободным полем. Для его создания необходимо выбрать кнопку Поле на панели элементов и вставить в нужное место формы, а затем ввести выражение прямо в элемент Пол" или в качестве значения свойства Данные. В вычисляемом поле выражение должно начинаться со знака «=». Выражения можно набирать вручную или формировать построителем выражений.

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

Элементы используются для отображения данных логического типа и возвращают значение (-1) в присоединенное к ним поле таблицы, если кнопка в положении, соответствующем истине, и 0 – в противном случае.

Для отображения заданного состояния можно ввести его значение по умолчанию. если это значение не задано, то элемент будет находиться в состоянии Null, что соответствует значению Ложь.

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

Управляющие элементы Флажок и Выключатель могут использоваться не только в группе, но и индивидуально.

Флажок может быть связан с логическим полем базовой таблицы или запроса. Если флажок связан с логическим полем базовой таблицы, то состояние Установлен/Снят соответствует значениям поля.

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

Аналогичным образом может использоваться и элемент управления Выключатель.

Списки (Список и Поле со списком) – это элементы управления, позволяющие выбрать нужное значение из нескольких (списка). Список представляет собой совокупность строк с данными. Строки могут содержать один или несколько столбцов с заголовками.

Элемент управления Список может быть присоединенным (связанным) или свободным. Присоединенный список выбранное значение передает полю базовой таблицы / запроса. Свободный список возвращает значение, используемое в другом элементе, или для поиска записи в базовой таблице / запросе.

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

Основные свойства списков:

1. Тип источника данных: таблица / запрос; список значений; список полей; функция VBA.

2. Источник данных – указывает фактический источник данных: для таблицы / запроса – имя таблицы / запроса; для списка значений – значения элементов списка через «;» (например, Пол – м;ж).

3. Присоединенный столбец – поле базовой таблицы, к которому присоединен список.

4. Число столбцов – количество столбцов в списке. Если источником данных является список значений, то элементы распределяются из списка по строкам и столбцам.

5. Ширина столбца – задается числовым значением через «;». Можно скрыть присоединенный столбец списка, если он содержит несколько столбцов. Для этого нужно установить ширину столбца равной 0. Значение не отображается при выводе списка, однако при выборе строки, значение из присоединенного столбца попадает в поле базовой таблицы.

6. Число строк – определяет максимальное число строк, отображаемое в поле со списком.

Кнопки – элемент управления, используемый для выполнения какого-либо действия. Для выполнения действия свойство кнопки Нажатие кнопки нужно связать с каким-либо макросом либо с процедурой обработки событий.

Кнопка создается мастером. Мастер позволят создать кнопки 30 разных типов и связывает их с процедурами обработки событий. Свойство Подпись определяет текст на кнопке. Свойство Рисунок определяет рисунок на кнопке.

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

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

Можно изменять размеры элемента Набор вкладок, порядок следования и названия вкладок.

Элемент управления Разрыв страницы используется для указания горизонтальных разрывов между элементами управления в форме. Для перехода по страницам используются клавиши PgUp и PgDn. Вставленный в форму элемент Разрыв страницы помечается небольшой точечной линией на левой границе формы.

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

Подчиненные формы предназначены для отображения одной формы внутри другой. Первичная форма называется главной. Подчиненная форма – та, которая располагается внутри главной.

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

Создать подчиненную форму можно:

- добавив элемент Подчиненная форма в форму;

- перетащив форму из окна базы данных в другую открытую форму;

- мастером подчиненных форм.




заголовок, лид-форма, кнопка CTA / Yagla corporate blog / Habr

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

Мы не подвергаем сомнению важность дизайна и юзабилити, при этом убеждать посетителей посадочных страниц продолжают слова. Без сильного копирайтинга любой визуал пойдет «псу под хвост», будь там хоть Артемий Лебедев.

В этой статье вы узнаете что писать в заголовке, форме заявки и кнопке call-to-action. Просто, четко и убедительно. Плюс показываем хакерскую технику как сделать конверсионные элементы максимально эффективными.

Заголовок

Начнем с показательного анти-примера, да простят нас авторы сего «шедевра».

Пойди догадайся что эти люди продают. Только зоркий глаз знатока узнает на картинке силиконовый профиль) В связи с этим первый принцип заголовка — ясность. Посетитель за несколько секунд «сканирует» страницу с 2 вопросами в голове:

Туда ли я попал?

Какая здесь выгода?

Мы не берем в расчет целевое вхождение, когда пользователь знает компанию и готов на вдумчивый разбор информации. В 99% случаев — это переход с рекламного объявления, в процессе «серфинга» кучи предложений. И если что-то непонятно — good bye.

Следующий момент — это конкретность.

Для примера:

Вот здесь уже есть ясность: я зашел по адресу, на сайт строительной компании. При этом нет конкретности — «Как и где строим, в чем преимущество предложения».

«Строительство домов и коттеджей» — как вывеска на магазине. У меня, как у потенциального клиента вопрос: «И что?» Еще 99 компаний в городе делают то же самое. Как, черт возьми, я должен выбирать?

Более удачный вариант:

Здесь я уже понимаю, что конкретно мне предлагают: место расположения и примерную стоимость + персонализация — не просто «Строительство домов», а «Собственный коттедж». Чувствуете разницу?

Третий принцип продающего заголовка — выгода. Она усиливает конкретику «в этой компании я получу такой-то результат».

Например:

Все хорошо, но чего-то не хватает. Последний элемент — адресность или персонализация, когда в заголовке идет обращение к пользователю. Не «Строительство домов», а «Постройте свой дом». Не «Настройка Яндекс Директ», а «Настройте Яндекс Директ».

На наш взгляд, лучше всего закрывают этот момент заголовки по методу 4U:

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

Что означают полезность, уникальность, ультра-специфичность и срочность? Разберем на конкретном примере из нашей практики:

Полезность — это основная выгода. В данном случае — «Сократите расходы на транспорт».

Уникальность — с помощью чего клиент получит выгоду — «С новой системой GPS-мониторинга».

Ультра-специфичность — это польза в измеримых единицах, на сколько конкретно ваш продукт увеличивает прибыль или сокращает расходы. В данном случае — до 32%.

Срочность — не обязательно дедлайн. Это временной фактор. Через какое время клиент получит результат или как в нашем примере — дополнительная выгода в виде бесплатного тест-драйва оборудования на 14 дней. Срочность может быть вынесена в подзаголовок.

Подпись к лид-форме

Она стимулирует совершить целевое действие, как логическое продолжение оффера в заголовке. А что именно нужно сделать пользователю для контакта с компанией? В лид-форме (форме заявки) вы «цепляете» посетителя на что-то конкретное взамен его емэйла, имени и телефона.

Что обычно предлагают: записаться на консультацию, записаться на замер, зарегистрироваться или просто оставить заявку. Сами по себе эти вещи не конвертируют.

Существует так называемый фактор трения. Любые, сколько-нибудь значимые усилия вызывают у пользователей отторжение. Они и так идет вам навстречу, оставляя телефон и емэйл. А тут еще непонятно: «запишусь на консультацию, и что дальше?»

Поэтому как минимум даем объяснение, что он получит. И не просто консультацию, а что-то конкретное, ощутимое, как здесь:

Обратите внимание на подписи, объясняющие смысл заполнения каждого поля. С точки зрения юзабилити это не всегда оправданно, но здесь прием очень «в тему».

Еще один пример:

Эффективная модель подписи — «Заполните форму, чтобы [выгода]»

Небольшая фишка в дополнение — социальное доказательство, как здесь:

Главное, чтобы оно соответствовало действительности. Ставить такие вещи «от балды» не стоит — обман очень быстро всплывет и больно ударит по одному месту)

А вот идеальный, на наш взгляд, пример лид-формы:

Что хорошо:

— Подпись «узнайте сумму и шансы возврата» предельно точно попадает в «боль» клиента;

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

— Форма сама по себе является ценностным предложением, и без заголовка.

Кнопка CTA

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

Пример:

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

Поэтому call-to-action в идеале работает как в песне группы «Технология» — «Нажми на кнопку, получишь результат». И это не бесплатная консультация менеджера)

Пара хакерских фишек.

Во-первых, под кнопкой вы можете расшифровать что произойдет после отправления заявки:

А во-вторых, поставить «альтернативный призыв»:

Правда, эта техника больше работает на всплывающих окнах, как у CrazyEgg.

«Покажите мне мою тепловую карту» / «Нет, спасибо, я оставлю все как есть»

Отказываясь от целевого действия, юзер признает, что ему не нужна аналитика и увеличение конверсии.

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

Как увеличить отдачу конверсионных элементов

Для начала простая задачка:

Вспоминаем технику 4U… По логике — первый. В нем больше конкретики, больше выгод.

А теперь смотрим результаты:

В первом варианте общие запросы — «Фитнес-клуб Москва», «Занятия в фитнес-клубе» и т.д. Аудитория по ним приходит разношерстная, девушки и мужчины, без конкретных мотивов. Может, кто-то похудеть, а кто-то наоборот набрать массу.

Во втором случае — предельно конкретные, «мужские» запросы. Мужики хотят заниматься силовыми тренировками. Что, собственно, мы им и предлагаем. Отсюда более высокая конверсия. Даже без 4U.

Вот такой каламбур вносят в нашу стройную картину мира источники трафика)

Главный же факап посадочных страниц заключается в следующем:

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

Как решение — несколько посадочных страниц под различные типы запросов. А если у компании десятки, сотни позиций товаров или услуг? При том, что в самой узкой нише можно «вытащить» различные виды потребностей и мотивов принятия решения.

Вот как мы решили эту проблему с помощью динамического контента. Кейс строительной компании.

Исходные данные — посетители приходят на посадочную страницу с разными критериями выбора. Их немного, но они существенно отличаются.
Кто-то ищет по цене («Построить загородный дом недорого»). Кто-то по материалу постройки («Строительство домов из бруса»). А кто-то по месту строительства («Дома в Подмосковье до 30 км от МКАД»).

Конверсия в заявку — 1,9%.

Конечно, остальные факторы тоже важны, но когда пользователь вводит запрос «Строительство домов из бруса», мы предполагаем, что для него это основной критерий выбора. Некий исходный фильтр — на остальные варианты он практически не обращает внимание.
Задача — дать ему соответствующее предложение. Разумеется, оно должно быть в числе услуг компании: предложение не ради «заманухи», а для персонализации выбора.

При этом не стоит руководствоваться логикой рекламных объявлений в Яндекс Директ и повторять ценностное предложение 1 к 1 к запросу. Есть много типовых запросов, которые говорят об одной потребности. Например, выбор по цене — «Построить загородный дом недорого», «Сколько будет построить дом с нуля», «Расчет стоимости дома калькулятор».

В системе Yagla мы их группируем и создаем одно предложение. В данном случае это 745 фраз и 66 групп.

Скриншот из таблицы подмен:

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

Что было сделано

Вместе с исходным заголовком «Строительство домов и коттеджей в Москве и Подмосковье» мы поставили в a/b тестирование подменяемые заголовки с персонализированными предложениями.

Например:

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

И дополнительно усиливаем предложение в форме заявки (второй подменяемый элемент):

В результате настройки и тестирования подмен через 2 месяца конверсия в заявку выросла в 3,5 раза, с 1,9 до 6,7%.

Важные моменты

1) Определяем потребности целевой аудитории по запросам;

2) Создаем персонализированные офферы (предложения) под каждую потребность;

3) Подстраиваем офферы под запросы из контекста (Яндекс Директ & Google AdWords) с помощью динамического контента.

Поделитесь в комментариях насколько полезна эта информация и что вы об этом думаете.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *