Kudis

Если вы о коробке, то по ссылке:
<домен коробки>/crm/configs/fields/ вы получаете страницу с добавлением пользовательских полей.
Если хотите с этими полями работать через собственные скрипты, то советую создать их из админки <домен коробки>/bitrix/admin/userfield_admin.php, иначе коды свойств не будут осмысленными.
Объект для контактов, при создании поля из админки CRM_CONTACT

Смею предположить что Ваши popupOpenButtons и должны сабмитить форму?
Но в текущей реализации они просто показывают popupWindow!
Убирайте Ваши popupOpenButtons.forEach...,
атрибут 'data-popup' перемещайте в форму
и дополняйте валидацию submitHandler-ом

form.validate({
      rules: {
        ...
      },
      messages: {
        ...
      },
      submitHandler: function() {
        const popupId = this.currentForm.getAttribute('data-popup');
        const popupWindow = document.querySelector(`.popup[id='${popupId}']`);

        popupWindow.style.display = 'block';
        document.body.classList.add('scroll-hidden');
      }
});

Как-то так!

Без подключения jq cookie можно сделать так, как советуют здесь

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

$(function () {
    // Проверяем запись в куках о посещении
    // Если запись есть - ничего не происходит
    if (!getCookie('hideModal')) {
        // если cookie не установлено появится окно
        // с задержкой 5 секунд
        var delay_popup = 5000;
        setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
    } else {
        console.log('no way');
    }
    setCookie('hideModal', true, 7);
});

Естественно все функции определяйте не инлайново

Можете воспользоваться стандартным компонентом iblock.element.add.form
Он делает ровно то, что Вы описали

Если вы ещё не исчерпали лимит бесплатных запросов или оплатили платный пакет провайдеру geo данных из тех, что есть в Битриксе из коробки (ниже используем бесплатную часть Sypex), то запрос:

use \Bitrix\Main\Service\GeoIp;
$result = GeoIp\Manager::getDataResult('178.219.187.10', 'en');
if ($result->isSuccess()) {
    $obGeoData = $result->getGeoData();
    print_r($obGeoData);
}

даст вам такой ответ:

[ip] => 178.219.187.10
[lang] => en
[countryName] => Russia
[regionName] => Moskva
[subRegionName] => 
[cityName] => Moscow
[countryCode] => RU
[regionCode] => RU-MOW
[zipCode] => 
[latitude] => 55.75222
[longitude] => 37.61556
[timezone] => Europe/Moscow
[asn] => 
[ispName] => 
[organizationName] => 
[handlerClass] => Bitrix\Main\Service\GeoIp\SypexGeo

заменив 'en' на 'ru' в запросе, получите:

[ip] => 178.219.187.10
[lang] => ru
[countryName] => Россия
[regionName] => Москва
[subRegionName] => 
[cityName] => Москва
[countryCode] => RU
[regionCode] => RU-MOW
[zipCode] => 
[latitude] => 55.75222
[longitude] => 37.61556
[timezone] => Europe/Moscow
[asn] => 
[ispName] => 
[organizationName] => 
[handlerClass] => Bitrix\Main\Service\GeoIp\SypexGeo

Берём форму с id, myform.
Создаём объект data = new FormData(document.getElementById('myform'));
И отправляем эту data в адрес принимающего скрипта каким-нибудь fetch-ем или XMLHttpRequest.
На стороне принимающего скрипта, например php, файлы придут в массиве $_FILES.
Незабудьте у input-ов name прописать

$('#datetimepicker2').datetimepicker({
date: new Date(1434544882775)
});

1. Файл index1.php обязан начинаться с <?php или <?
2. require_once должен выглядеть как:
__DIR__ . DIRECTORY_SEPARATOR . 'index1.php'
Сам require_once обязательно оберните в:

if (file_exists(__DIR__ . DIRECTORY_SEPARATOR . 'index1.php') ) {}

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

Есть 3 решения:
1. Открыть доступ для Вашего IP (можно маске, но лучше получить статический)
2. Можно поднять прокси, тунель, VPN на сервере, локально подключаться к нему и работать от IP сервера
3. Положить на рабочий сервер "костыльный тунельчик", чторый за Вас будет обращаться к серверу, просто зеркаля Ваши запросы. Типа такого, только, возможно, вам ещё строку запроса нужно будет получать и передавать, чтобы отправлять методы, раз у Вас SOAP

if (!in_array($_REQUEST['token'],[
    'vremenniitoken' // нужен для ботов и недоброжелателей
])) {
    die();
}

header('Content-Type: application/json');
echo file_get_contents('http://url/?' . http_build_query($_REQUEST['params']));

может file_get_contents замените на CURL.

В component_epilog setPageProperty() работает, если до этого файла ваши данные доходят.
Не забывайте про кэш и про необходимость выноса данных из него:

$this->setResultCacheKeys([
        'YOUR_PARAM',
    ]);

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

$APPLICATION->AddBufferContent('ShowCondTitle');
function ShowCondTitle()
{
  global $APPLICATION;
 if (!$APPLICATION->GetTitle())
    return "Стандартная страница";
 else
    return $APPLICATION->GetTitle();
}

Оберни вызов компонента в условия:
например:
if ($APPLICATION->GetCurDir() !== '/about/') {}
если нужно с подразделами:

if (substr('/vacancies/', $APPLICATION->GetCurDir()) === 0) {}

или условие посложнее:

if (preg_match('/^\/news\/[\d]+\/.*/', $APPLICATION->GetCurDir()) === 1 ) {}