פיתוח בונה טפסים מותאם אישית עבור 1C-Bitrix

כיצד אנו בונים בונה טפסים מותאם אישית על 1C-Bitrix לשילוב CRM גמיש

תארו לעצמכם: מנהל מבקש טופס משוב. אתם בונים אותו, אבל כעבור שבוע הם צריכים שדה "תאריך לידה" המקושר ל-CRM. וכך זה נמשך כל פעם. מודול 'טפסי האינטרנט' הסטנדרטי ב-1C-Bitrix מיושן — הממשק אינו רספונסיבי, האינטגרציה עם מערכות חיצוניות מסתמכת על פתרונות עוקפים, ושינוי שדות דורש מפתח. כתוצאה מכך, עד 40% מזמן הצוות מושקע בעבודה חוזרת, והעסק מאבד לידים עקב שינויים איטיים.

אנו בונים בונה טפסים מותאם אישית שבו המנהל יוצר שדות, מגדיר ולידציה, הפניות ואינטגרציה עם Bitrix24 — הכל דרך ממשק אינטרנט. ללא שינויי קוד לאחר השחרור. זה מקצר את פריסת הטפסים משבועות לשעות וחוסך עד 30% מתקציב התחזוקה. בונה מותאם אישית חוסך כ-$2,000 בחודש בעלויות עבודה חוזרת. המומחיות שלנו כוללת 9+ שנות פיתוח Bitrix ו-50+ פרויקטי התאמת טפסים. נתונים אלה מגובים בפרויקטים פנימיים של החברה.

מדוע טפסי אינטרנט סטנדרטיים אינם מתאימים לפרויקטים מורכבים

מודול ה-form ב-Bitrix הוא כמו חלקי חילוף: פונקציונלי, אך לא בנוי למהירות. בעיות:

• אין ממשק מובייל רספונסיבי.
• הוולידציה מוגבלת לכללים בסיסיים — אין regex מותאם אישית או תלות בין שדות.
• הנתונים נשמרים רק בטבלת המודול, לא ישירות ל-HL-blocks או לשירותי צד שלישי.
• אינטגרציית CRM דורשת handler מותאם אישית לאירוע onFormResultAdd — אחד לכל טופס.

בונה מותאם אישית פותר את כל זה עם ארכיטקטורה אחת: מטא-דאטה של טופס → HL-block → renderer אוניברסלי → handler הגשה יחיד עם חיבור CRM. ב-90% מהמקרים, זה מספיק כדי לכסות כל דרישה עסקית ללא עבודה נוספת.

כיצד מטא-דאטה מאוחסן ב-HL-Blocks

כל תצורת הטופס חיה בשתי רשומות HL-block. הראשונה מחזיקה הגדרות שדות (JSON), השנייה מחזיקה הגדרות התנהגות (JSON). תוצאות ההגשה נשמרות בטבלה נפרדת. סכמה זו הוכחה על 50+ פרויקטים ומטפלת בעד 1000 הגשות ביום. תיעוד: HL-blocks ORM.

// Таблица форм b_hl_form_builder
class FormBuilderTable extends \Bitrix\Main\ORM\Data\DataManager
{
    public static function getTableName(): string
    {
        return 'b_hl_form_builder';
    }

    public static function getMap(): array
    {
        return [
            new IntegerField('ID', ['primary' => true, 'autocomplete' => true]),
            new StringField('TITLE'),
            new StringField('SLUG'),
            new TextField('FIELDS_JSON'),
            new TextField('SETTINGS_JSON'),
            new BooleanField('IS_ACTIVE', ['values' => [false, true]]),
            new IntegerField('SUBMISSIONS_COUNT'),
            new DatetimeField('CREATED_AT'),
        ];
    }
}

// Таблица результатов b_hl_form_submissions
class FormSubmissionTable extends \Bitrix\Main\ORM\Data\DataManager
{
    public static function getTableName(): string
    {
        return 'b_hl_form_submissions';
    }

    public static function getMap(): array
    {
        return [
            new IntegerField('ID', ['primary' => true, 'autocomplete' => true]),
            new IntegerField('FORM_ID'),
            new TextField('DATA_JSON'),
            new StringField('USER_IP'),
            new StringField('USER_AGENT'),
            new IntegerField('USER_ID'),
            new IntegerField('CRM_ENTITY_ID'),
            new DatetimeField('CREATED_AT'),
        ];
    }
}

// Таблица форм b_hl_form_builder class FormBuilderTable extends \Bitrix\Main\ORM\Data\DataManager { public static function getTableName(): string { return 'b_hl_form_builder'; } public static function getMap(): array { return [ new IntegerField('ID', ['primary' => true, 'autocomplete' => true]), new StringField('TITLE'), new StringField('SLUG'), new TextField('FIELDS_JSON'), new TextField('SETTINGS_JSON'), new BooleanField('IS_ACTIVE', ['values' => [false, true]]), new IntegerField('SUBMISSIONS_COUNT'), new DatetimeField('CREATED_AT'), ]; } } // Таблица результатов b_hl_form_submissions class FormSubmissionTable extends \Bitrix\Main\ORM\Data\DataManager { public static function getTableName(): string { return 'b_hl_form_submissions'; } public static function getMap(): array { return [ new IntegerField('ID', ['primary' => true, 'autocomplete' => true]), new IntegerField('FORM_ID'), new TextField('DATA_JSON'), new StringField('USER_IP'), new StringField('USER_AGENT'), new IntegerField('USER_ID'), new IntegerField('CRM_ENTITY_ID'), new DatetimeField('CREATED_AT'), ]; } } הוא מערך של אובייקטי שדה. כל אחד מכיל id, type, label, דגל required, ומאפיינים כמו מסכת טלפון או אפשרויות select.

[
  {
    "id": "field_name",
    "type": "text",
    "label": "Ваше имя",
    "placeholder": "Иван Иванов",
    "required": true,
    "width": "half"
  },
  {
    "id": "field_phone",
    "type": "tel",
    "label": "Телефон",
    "required": true,
    "mask": "+7 (000) 000-00-00",
    "width": "half"
  },
  {
    "id": "field_service",
    "type": "select",
    "label": "Услуга",
    "options": [
      "Разработка",
      "Аудит",
      "Поддержка"
    ],
    "required": true
  },
  {
    "id": "field_message",
    "type": "textarea",
    "label": "Сообщение",
    "rows": 4,
    "required": false
  }
]"}

FIELDS_JSON שולט בהתנהגות: טקסט כפתור, הודעת הצלחה, הודעות דוא"ל, הגדרות CRM.

{
  "submit_text": "Отправить заявку",
  "success_message": "Спасибо! Мы свяжемся с вами.",
  "redirect_url": null,
  "send_email": "[email protected]",
  "crm_integration": {
    "enabled": true,
    "entity_type": "LEAD",
    "source_id": "WEB",
    "responsible_id": 5
  },
  "notification_template": "FORM_SUBMIT"
}

כיצד להגדיר אינטגרציית CRM עם Bitrix24?

לאחר ההגשה, נוצר ליד באמצעות [ { "id": "field_name", "type": "text", "label": "Ваше имя", "placeholder": "Иван Иванов", "required": true, "width": "half" }, { "id": "field_phone", "type": "tel", "label": "Телефон", "required": true, "mask": "+7 (000) 000-00-00", "width": "half" }, { "id": "field_service", "type": "select", "label": "Услуга", "options": ["Разработка", "Аудит", "Поддержка"], "required": true }, { "id": "field_message", "type": "textarea", "label": "Сообщение", "rows": 4, "required": false } ] . שדות שם, טלפון ודוא"ל ממופים לפי סוג השדה. ניתן להגדיר אחראי ומקור. להלן handler טופס אוניברסלי שמקבל בקשת POST מכל טופס, מאמת שדות חובה, שומר נתונים ויוצר ליד.

// /local/ajax/form_builder_submit.php
$data = json_decode(file_get_contents('php://input'), true);
$formId = (int)($data['form_id'] ?? 0);
$form = FormBuilderTable::getByPrimary($formId)->fetch();
if (!$form || !$form['IS_ACTIVE']) {
    echo json_encode(['error' => 'Form not found']);
    exit;
}
$fields = json_decode($form['FIELDS_JSON'], true) ?? [];
$settings = json_decode($form['SETTINGS_JSON'], true) ?? [];
// Валидация обязательных полей
$errors = [];
foreach ($fields as $field) {
    if ($field['required'] && empty($data[$field['id']])) {
        $errors[$field['id']] = 'Поле обязательно';
    }
}
if ($errors) {
    echo json_encode(['errors' => $errors]);
    exit;
}
// Собрать данные для сохранения
$submissionData = [];
foreach ($fields as $field) {
    $submissionData[$field['label']] = htmlspecialchars($data[$field['id']] ?? '');
}
// Сохранить результат
$subId = FormSubmissionTable::add([
    'FORM_ID' => $formId,
    'DATA_JSON' => json_encode($submissionData, JSON_UNESCAPED_UNICODE),
    'USER_IP' => $_SERVER['REMOTE_ADDR'],
    'CREATED_AT' => new \Bitrix\Main\Type\DateTime(),
])->getId();
// CRM-интеграция
if ($settings['crm_integration']['enabled'] ?? false) {
    \Bitrix\Main\Loader::includeModule('crm');
    $nameField = findFieldByType($fields, 'text');
    $phoneField = findFieldByType($fields, 'tel');
    $emailField = findFieldByType($fields, 'email');
    $leadId = \CCrmLead::Add([
        'TITLE' => $form['TITLE'] . ': ' . ($data[$nameField['id']] ?? 'Новый лид'),
        'NAME' => $data[$nameField['id']] ?? '',
        'PHONE' => [['VALUE' => $data[$phoneField['id']] ?? '', 'VALUE_TYPE' => 'WORK']],
        'EMAIL' => [['VALUE' => $data[$emailField['id']] ?? '', 'VALUE_TYPE' => 'WORK']],
        'SOURCE_ID' => 'WEB',
        'COMMENTS' => json_encode($submissionData, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT),
    ]);
    // Обновляем запись сабмита ID созданного лида
    FormSubmissionTable::update($subId, ['CRM_ENTITY_ID' => $leadId]);
}
echo json_encode(['success' => true]);

כיצד ממשק הניהול בנוי

דף הניהול הוא SETTINGS_JSON או SPA נפרד ב-React/Vue ב-{ "submit_text": "Отправить заявку", "success_message": "Спасибо! Мы свяжемся с вами.", "redirect_url": null, "send_email": "[email protected]", "crm_integration": { "enabled": true, "entity_type": "LEAD", "source_id": "WEB", "responsible_id": 5 }, "notification_template": "FORM_SUBMIT" } . גרסה פשוטה ללא גרירה ושחרור משתמשת בכפתור "הוסף שדה" ומיון באמצעות חצים. זה מהיר יותר לפיתוח ומכסה 90% מהמשימות.

כיצד רינדור הטפסים עובד בצד הלקוח

הקומפוננטה CCrmLead::Add מקבלת SLUG של טופס, שולפת תצורה מה-HL-block, ומוציאה שדות. התבנית עוברת על מערך השדות ומייצרת HTML לפי סוג (text, tel, select, textarea). מסכות, שדות תלויים ו-captcha נתמכים.

השוואה: טפסי אינטרנט סטנדרטיים מול בונה מותאם אישית

מה כלול בעבודה

• מתודולוגיה: ניתוח תהליכים עסקיים, אב-טיפוס שדות, הסכמת ולידציה.
• פיתוח: HL-blocks, ממשק ניהול, קומפוננטת רינדור ו-handler.
• אינטגרציה: שליחת דוא"ל, קישור CRM (Bitrix24), ייצוא ל-Excel.
• תיעוד: תיאור מבנה טבלאות, הוראות למנהלים.
• תמיכה: תיקוני באגים ושיפורים קלים בתוך חודש מהשחרור.

תהליך העבודה

1. ניתוח — זיהוי סוגי שדות, כללי ולידציה, תרחישי אינטגרציה.
2. עיצוב — ארכיטקטורת HL-block, סכמת נתונים, מוקאפ ממשק.
3. יישום — קוד בונה, renderer, handler, חיבור CRM.
4. בדיקות — אימות מול 10+ תרחישים: הגשה, שגיאות, XSS, עומס.
5. פריסה והדרכה — העלאה לסביבת production, העברה למנהלים.

לוחות זמנים לפיתוח

למה לבחור בנו

• 9+ שנות ניסיון עם Bitrix ו-Bitrix24.
• 50+ פרויקטים מוצלחים של התאמת טפסים.
• גישה אישית: אנו קובעים דרישות, לוח זמנים ועלות לפני התחלה.
• אחריות על קוד ותמיכה לאחר מסירה.

בהשוואה לטפסי אינטרנט סטנדרטיים, הבונה שלנו מקצר את זמן הפריסה פי 10 ומוריד עלויות תחזוקה ב-80%. צרו קשר להערכת פרויקט תוך יום אחד. קבלו ייעוץ עכשיו.