Форма в Lovable

Промпт уже містить ключ, endpoint і honeypot. Lovable не повинен створювати бекенд.

1. Отримайте access key на головній.
2. Відкрийте проєкт у Lovable.
3. Вставте промпт нижче.
4. Надішліть тестову заявку і відкрийте її в дашборді Formgong.
5. Підключіть Telegram кнопкою в налаштуваннях.

Prompt

Додай на сайт контактну форму, яка надсилає заявки в Formgong. Власний бекенд, база даних і секретні ключі не потрібні.

Вимоги:
- POST на https://formgong.com/submit
- Приховане поле access_key зі значенням fk_your_access_key (ключ публічний, його можна тримати у фронтенді)
- Поля: name, email, phone (не обов'язково), message. Підписи українською
- Honeypot: текстове поле botcheck, приховане CSS-ом поза екраном (position:absolute; left:-10000px), tabindex="-1", autocomplete="off". Людина його не заповнює
- Без завантаження файлів
- Звичайна HTML-форма: method="POST" action="https://formgong.com/submit"
- Якщо використовуєш fetch: Content-Type application/json і Accept: application/json. Успіх — це json.success === true
- Після успіху покажи подяку українською
- Не створюй серверні функції і не підключай Resend

fetch

async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Formgong error");
}

Отримати ключ