Top.Mail.Ru
image: mail
Попробуйте первые 14 дней бесплатно

Начать бесплатно
+

Внешние формы

Новый

ОсновныеНовый

 

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

Например, мы хотим, чтобы таблица Клиенты формировалась на основе анкет, заполненных на нашем сайте. 

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

photo

Настройки

В разделе "Настройки" доступны такие опции:

Имя формы - название, которое будет отображаться в КБ.

Заголовок - заголовок формы, который увидит клиент (можно не задавать).

Описание - текстовое описание формы, которое будет располагаться под ее заголовком (можно не задавать).

Режим цвета - палитра или стандартный. В режиме "стандартный" можно выбрать предустановленную цветовую схему, в режиме "палитра" отдельно можно задать цвет фона и цвет оформления.

Вставить изображение - здесь задается картинка, которая будет отображаться в шапке формы.

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

photo

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

photo

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

Важно: В анкете невозможно отобразить, и, соответственно, внести информацию в системные поля.

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

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

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

photo

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

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

Параметр "Альтернативный сайт" нужен, если вы собираетесь разместить внешнюю форму на каком-то другом сайте, отличном от того, где работает ваша программа "Клиентская база". Например, программа находится на сайте test1.clientbase.ru, а внешняя форма для сбора данных размещается на test2.ru. В этом случае в поле «Альтернативный сайт» необходимо ввести адрес страницы сайта, на которой вы собираетесь разместить код формы.

Далее в параметре "Безопасность" нужно выбрать тип протокола сайта. Если вход в программу выполняется с применением сертификата (https-соединение), то необходимо эту настройку поставить в значение "https". Например, если вы используете саас-аккаунт, следует выбрать https.

Далее вы можете выбрать язык формы из предложенных.

Про UTM-метки читайте ниже.

Галочка Пользовательское соглашение позволяет при заполнении формы показать пункт о согласии с правилами или пользовательским соглашением. Текст данного соглашения тоже можно задать.

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

Редактор стиля

В редакторе стиля мы можем изменить шрифт, цвет шрифта, а также цвет фона для Названий полей и названий заголовков (групп полей).

photo

Важно: Если шрифты не выбраны, то после размещения анкеты на сайте для нее будут установлены стандартные шрифты сайта.<

Если анкета размещается на каком-либо сайте, то к ней не применяются какие-либо стили из программы "Клиентская база". При необходимости применяемые стили могут быть добавлены непосредственно в админке сайта при размещении кода внешней формы.

После внесения изменений также следует нажать на кнопку "Сохранить".

 

Отображение анкеты

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

photo

Так будет выглядеть созданная нами форма:

photo

Размещение анкеты на сайте

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

photo

зайдя в режим редактирования страницы и переключиться в режим отображения html-кода

photo

Вставить скопированный ранее код анкеты

photo

Сохранить страницу

photo

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

photo

Важно: Каждой внешней форме CRM "Клиентской базы" может соответствовать только одна форма на сайте. Если на сайте форму нужно разместить на двух страницах, то необходимо в программе создать ещё одну форму и использовать её код для второй формы на сайте

Вычисления в анкетах

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

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

В новом окне мы сможем включить код вычислений. Здесь можно использовать как PHP код, так и javascript.

photo

Важно: Срабатывание всех вычислений, внесенных в поле "Вычисления" происходит после нажатия кнопки "Отправить".

 

Примеры использования вычислений.

Пример 1

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

echo "Сумма заказа ".($line['Количество']*$line['Товар']['Цена'])." руб.";

 

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

 

photo
  • Код вычисления
photo
  • Отображение анкеты
photo
  • Событие, происходящее после нажатия на кнопку "Отправить"

Пример 2

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

echo "Сумма заказа ".$line['Количество']*$line['Цена'];
  echo "";

 

photo
  • Код вычисления
photo
  • Отображение анкеты
photo
  • Событие, происходящее после нажатия на кнопку "Отправить"

Пример 3

В случае, если необходима проверка введенных данных, и исходя из проверки добавления или недобавления их в базу, следует использовать флаг:$event_cancel.

echo "";
  if ($line['Количество']==0) {
      echo "Введите количество.";
      $event_cancel = 1;
      return;
  }
  echo "Сумма заказа ".($line['Количество']*$line['Цена']). "руб.";


 

photo
  • Код вычисления
photo
  • Отображение анкеты
photo
  • Событие, происходящее после нажатия на кнопку "Отправить"

Пример 4

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

if ($event_post_insert) {
      echo "Ваш номер заказа: ".$line["id"];
      //Вычисление срабатывает второй раз, когда строка уже добавлена в базу 
  } else { 
      $event_post_insert=1; 
      // Тут вычисление срабатывает в первый раз, строка не добавлена в базу, 
      // и мы можем использовать $event_cancel  
  } 

photo

Пример 5

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

Например: Вам необходимо выбрать некоторые параметры из адресной строки (URL) в браузере и отправить их в анкете.
В данном случае нужно добавить в служебное поле в анкете значение по умолчанию, при этом не проставляя галочку "Отображать в анкете". В результате добавления значения по умолчанию, в анкете будет добавлена javascript переменная вида k_qst{ID анкеты}_def_value{ID поля}="{Значение по умолчанию}";

Важно: Данное вычисление необходимо включить в поле Javascript. 

Пример переопределения значения по умолчанию:

photo

где

1 - id анкеты,

441 - id поля.

"Добавлен с сайта" - значение по умолчанию, которое будет добавлено в поле 441.

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

Пример 6

Продолжая пример №5, мы можем переопределить значение по умолчанию параметром из URL.

photo

 k_qst1_def_value441=location.href.substr(location.href.indexof('&name=')+6,255);

Важно: Данное вычисление необходимо включить в поле Javascript. 

В данном случае мы заполняем в переменную часть URL определяющую переменную name. Подразумевается, что переменная name содержится в конце URL, например:
http://mysite.ru/index.php?page=my_anket&name=r123456

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

Пример 7

В случае, если требуется перехват нажатия клавиши "Отправить", например для проверки значения e-mail, без отправки данных на сервер, следует использовать следующую javascript функцию: custom_save_qst{id анкеты}.

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

Например id поля "Контактный e-mail" - 71, id анкеты - 1. В этом случае javascript будет выглядеть так:

function custom_save_qst1() {
      var email = document.getElementById('k_input_field_1_71').value;
      if (!((/^([a-z0-9_-]+.)*[a-z0-9_-]+@([a-z0-9][a-z0-9-]*[a-z0-9].)+[a-z]{2,4}$/i).test(email)))  { // Проверяем на корректность
          alert('Вы ввели некорректный email');
          return false; // Не выполняем отправку данных анкеты
      }
      return true; // Отправляем данные анкеты
  }

Важно: Данное вычисление необходимо включить в поле Javascript.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

photo
  • Код вычисления
photo
  • Отображение анкеты
photo
  • Событие, происходящее после нажатия на кнопку "Отправить"


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

Важно: Если вы хотите изменить отображение текста, который выводится после нажатия кнопки "Отправить", вы можете перейти в "Редактор стиля" и найти в поле CSS стиль "k_result_text".

photo photo

Пример 8 

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

photo

Поля формы для шага 1:

photo

Поля формы для шага 2:

photo

Поля формы для шага 3:

photo


В форме для первого шага необходимо прописать вычисление, которое будет срабатывать после добавления строки и переадресовывать на шаг 2.


  echo " "; 
  if ($event_post_insert) { // Строка добавлена, переадресовываем на шаг 2
      echo "";
  } else { // Устанавливаем флаг для повторного срабатывания вычисления
      $event_post_insert=1;
}

photo


Важно! В передресации указан параметр «step», в котором передаётся id добавленной строки в форму шага 2.

В настройках полей для форм шагов 2 и 3 используется поле для передачи id строки. Данное поле не участвует напрямую в форме, достаточно установить какое-либо значение по умолчанию, чтобы потом переопределить его.

photo

 

В формах для шагов 2 и 3 необходим JavaScript, который переопределит значение по умолчанию поля для передачи ID значением из адресной строки


  // Если в адресной строке не содержится указатель на добавленную строку в шаге 1
  if (location.href.indexOf('&step=') < 0 && location.href.indexOf('edit_questionare.php') < 0) {
      location.href = 'questionare.php?id='.$qst_id; // Переадресация на шаг 1
}
// Переопределяем значение по умолчанию поля "Поле формы" значением из параметра адресной строки k_qst11_def_value2511=location.href.substr(location.href.indexOf('&step=')+6,255);

photo


Важно! В значении поля содержится идентификатор анкеты (11) и идентификатор поля (2511), для каждой формы необходимо указать свои идентификаторы.

 Для передачи информации из шага 2 в уже добавленную строку необходимо вычисление

 


  if (intval($line['Поле формы'])==0) { // Если в переданной информации не содержится id первой строки, то переадресовываем на шаг 1
      echo "";
  } elseif (data_select_array(130, "`id`=",$line['Поле формы']," and `f2511`<>'+'")) { // Если строка существует, перносим данные в неё 
      data_update(130, array("f1720"=>$line['Текст заявки']),"`id`=",$line['Поле формы']);
      echo "";
  } else { // Строка не найдена, переадресация на 1 шаг
      echo "";
}
// Отменяем добавление строки $event_cancel=1; return;

photo

 

В данном вычислении проверяется, что в скрытом поле передан id добавленной строки, а также существование этой строки и флаг, который указывает то, что строка была уже заполнена ('+').

 В вычислении шага 3 содержится идентичный код за исключением того, что в данном шаге участвует поле типа «файл».

 


  global $qst_rand;
  if (intval($line['Поле формы'])==0) { // Если в переданной информации не содержится id первой строки, то переадресовываем на шаг 1
      echo "";
  } elseif (data_select_array(130, "`id`=",$line['Поле формы']," and `f2511`<>'+'")) { // Если строка существует, перносим данные в неё
      // Ставим флаг + в поле "Поле формы" для того, чтобы из 2-го и 3-го шага анкеты
      // нельзя было обновлять произвольные строки
      data_update(130, array("f1760"=>$line['Комментарии по заявке'], "f1960"=>$line['Откуда Вы узнали о нас'], "f2511"=>"+"),"`id`=",$line['Поле формы']);
      // Сохраняем файлы формы из поля 1730
      $file_fields = "";
      $result=sql_select(QST_FILES_TABLE,"`qst_id`=21 and `r`='",$qst_rand,"' and `field_id`=1730");
      while ($f_info = sql_fetch_assoc($result)) { 
          $new_name=get_file_path($f_info['field_id'], $line['Поле формы'], $f_info['name']);
          create_data_file_dirs($f_info['field_id'], $line['Поле формы'], $f_info['name']);
          copy($f_info['temp_name'],$new_name);
          unlink($f_info['temp_name']);
          $file_fields.=$f_info['name']."rn";
      }
      // Обновляем поле "Файл"
      data_update(130, array("f1730"=>$file_fields),"`id`=",$line['Поле формы']);
      // Удаляем информацию о файлах во внешней форме
      sql_delete(QST_FILES_TABLE,"`qst_id`=21 and `r`='",$qst_rand,"'");
  } else { // Строка не найдена 
      echo "";
}
$event_cancel=1; return;

photo


В данном вычислении также проставляется флаг, который проверяется в шагах 2 и 3 (символ +). Если поле содержит его, то считается, что заполнение строки пройдено по всем шагам и не требует обновления данных.

 

 

 

 

 

 

 

 

 

 

 

UTM метки

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

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

Внешние формы программы "Клиентская база" позволяют заносить в CRM UTM метки, которыми снабжаются ссылки на их заполнение. Для использования этого функционала:

1. Зайдите в настройки внешней формы, при заполнении которой будут заполняться UTM метки.
2. В поле "UTM метки" поставьте галочку для того, чтобы внешняя форма начала принимать передаваемые UTM метки.
3. В поле "Поля для записи меток" либо укажите значение "Автоматически" чтобы поля для UTM меток создались автоматически, либо укажите "Вручную", если в таблице уже имеются поля для меток.
4. После нажатия на кнопку "Сохранить" внешние формы начнут записывать в Клиентскую базу UTM метки, которые вы укажете в url, по которой заполняется внешняя форма.

photo

Например, если внешняя форма заполняется по адресу https://demo.clientbase.ru/questionare.php?id=10 то к ней можно добавить UTM метки.

Например, так - https://demo.clientbase.ru/questionare.php?id=10&utm_source=google&utm_medium=cpc&utm_campaign=1234546876&utm_content=912469999&utm_term=consulting

В итоге данные в программе при отправке заявки по такому адресу заполнятся следующими значениями (кроме прочих значений, которые вносятся непосредственно в полях внешней формы).

photo



+ сегодня

компаний проявили интерес к нашему продукту!
Узнайте, почему.

  • компания
  • компании
  • компаний
  • выбрала
  • выбрали
  • выбрали

Создание аккаунтов временно приостановлено!

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

Объедините всю информацию
компании в единой базе

Подключайте сотрудников
и управляйте их доступом

Создавайте собственные
таблицы и отчеты

Выписывайте счета
и создавайте собственные
шаблоны документов

Проводите персонализированные
E-mail и SMS рассылки

Создавайте собственные
напоминания

Ведите учет событий
в календаре

Не волнуйтесь о безопасности,
все данные защищены

Проводите поиск
по любым параметрам
и фильтрам

Интегрируйтесь с сайтом
и получайте заявки прямо в базу

До начала работы
осталось совсем чуть-чуть!