Подключение 1ОПД к HTML-сайту

 <!-- Готовая форма + JS-сниппет для статичного HTML-сайта -->
<form id="lead-form"> <input name="email" type="email" required placeholder="Email" /> <input name="name" type="text" required placeholder="Имя" /> <input name="phone" type="tel" placeholder="Телефон" /> <!-- ОСНОВНОЙ чекбокс — согласие на обработку ПДн (ОБЯЗАТЕЛЬНЫЙ). --> <label style="display:flex;gap:8px;align-items:flex-start;font-size:13px"> <input type="checkbox" name="opd_consent" required style="margin-top:3px"> <span> Даю согласие на обработку персональных данных в соответствии с
 <a href="https://app.1opd.ru/public/d/<slug>/<client-id>/privacy_policy" target="_blank">Политикой обработки персональных данных</a>.
 </span> </label> <!-- ОПЦИОНАЛЬНО: второй чекбокс — маркетинговая рассылка. БЕЗ required. --> <label style="display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:8px"> <input type="checkbox" name="opd_consent_marketing" style="margin-top:3px"> <span>Даю согласие на получение информационной и рекламной рассылки.</span> </label> <button type="submit">Отправить</button>
</form> <script>
// Один pk_ ключ обслуживает N форм согласия (multi-form) — для каждой
// поставленной галочки шлём отдельный POST со своим form_id из ЛК 1ОПД.
const OPD_KEY = 'pk_xxxxxxxxxxxxxxxxxxxx'; // ← ваш pk_ ключ
const OPD_API = 'https://app.1opd.ru/api/v2/create-agreement';
const FORM_IDS = {
 opd_consent: 1, // основное «Согласие на обработку ПДн»
 opd_consent_marketing: 2, // маркетинговая рассылка (опц.)
};

document.getElementById('lead-form').addEventListener('submit', async function (e) {
 e.preventDefault();
 const fd = new FormData(e.target);
 const email = fd.get('email');

 // Поля, которые шлём в 1ОПД — без самих чекбоксов (они служебные).
 const fields = Array.from(fd.entries())
 .filter(function (p) { return p[0] !== 'opd_consent' && p[0] !== 'opd_consent_marketing'; })
 .map(function (p) { return { field: p[0], value: String(p[1]) }; });

 async function sendConsent(formId) {
 try {
 const res = await fetch(OPD_API, {
 method: 'POST',
 headers: { 'API-KEY': OPD_KEY, 'Content-Type': 'application/json' },
 body: JSON.stringify({ form_id: formId, hash_field: email, fields: fields })
 });
 const data = await res.json();
 console.log('1ОПД form_id=' + formId + ' hash:', data.hash);
 } catch (err) {
 console.warn('1ОПД error (form_id=' + formId + '):', err);
 }
 }

 // На каждую ПОСТАВЛЕННУЮ галочку — свой запрос со своим form_id.
 if (fd.get('opd_consent')) await sendConsent(FORM_IDS.opd_consent);
 if (fd.get('opd_consent_marketing')) await sendConsent(FORM_IDS.opd_consent_marketing);

 // Здесь — ваша основная отправка (Formspree, ваш backend, и т.д.)
 // e.target.submit();
});
</script>