Formgong

Formgong у WordPress

Встановіть плагін Formgong, вставте ключ доступу і перевірте з’єднання. Блок і шорткод можуть узяти шаблон. Пошта хостингу не використовується.

  1. У WordPress відкрийте Plugins, Add New, знайдіть "Formgong", натисніть Install Now, потім Activate. Сторінка плагіна в каталозі: https://wordpress.org/plugins/formgong/. Якщо сайт блокує каталог плагінів, завантажте https://formgong.com/downloads/formgong-wordpress.zip і встановіть його через Plugins, Add New, Upload Plugin. Його перевірено на WordPress 7.1 з WooCommerce і темою Storefront, і Plugin Check проходить.
  2. Відкрийте Settings, потім Formgong. Вставте ключ доступу з кабінету. Ключ публічний: ним можна надіслати форму, і ним не можна читати вхідні. Залиште адресу https://formgong.com, якщо не хостите Formgong самі. Натисніть Send a test submission. Тест іде з plugin-test@example.com і не завершує майстер підключення. Щоб завершити його, надішліть форму з публічної сторінки.
  3. Додайте блок Formgong і оберіть шаблон на бічній панелі, або шорткод [formgong template="aula"]. Атрибут template приймає будь-який slug зі списку нижче, зокрема lattice, html-contact, nps і clinic-appointment. Без нього береться шаблон із Settings. Slug plain примушує вбудовану контактну форму.
  4. Форма має приховане поле _page_url з адресою поточної сторінки. Formgong зберігає її як сторінку заявки, коли це http або https і хост збігається з referrer, без початкового www. Перехресний POST часто надсилає в referrer лише дім сайту, тож саме це поле записує справжню сторінку.
  5. Стилі обмежені формою. Подвоєний клас і all: revert не дають Storefront, Astra і Twenty Twenty-Five перефарбувати поля. Скіни: plain, lattice, aula, shop і clinic.
  6. Опублікуйте і надішліть тест із живої сторінки. Telegram миттєвий на кожному тарифі, включно з Free. На Free лист приходить на кожну заявку, на одну адресу. Pro пише на кожну заявку до 3 адрес, Business — до 5. Якщо редактор каже, що сайт не підтримує блок formgong/form, перезавантажте його з активним плагіном. Якщо сторінка порожня, відкрийте опубліковану: блок малюється на фронтенді. Блок Custom HTML і далі може тримати HTML нижче. На WordPress.com теги form у цьому блоці потребують платного тарифу з хостингом.

Formgong на WordPress.org Завантажити плагін Formgong (zip)

Slug шаблонів

Slug ставте в атрибут template шорткода або оберіть той самий шаблон у блоці і в Settings. Назви сайтів лишаються брендом. Назви стартових і галузевих форм у редакторі йдуть мовою сайту.

Шаблони сайтів

  • craftline — Craftline
  • orrery — Orrery
  • lattice — Lattice
  • lattice-estate — Lattice Estate
  • shoal — Shoal
  • lattice-atelier — Lattice Atelier
  • soglia — Soglia
  • halftone — Halftone
  • ocra — Ocra
  • arcwell — Arcwell
  • aula — AULA
  • goldleaf — Goldleaf
  • quell — Quell
  • kavelle — Kavelle
  • burrow — Burrow
  • selune — Selune
  • brightmoss — Brightmoss
  • averin — Averin
  • sorrel — Sorrel
  • odera — Odera
  • tamsa — Tamsa
  • fernlow — Fernlow
  • stilla — Stilla
  • somna — Somna

Стартові макети

  • html-contact — HTML-форма контакту
  • ajax-contact — AJAX-форма контакту
  • tailwind-contact — Форма контакту на Tailwind
  • modal-contact — Спливна форма контакту
  • dark-contact — Темна форма контакту
  • minimal-contact — Мінімальна форма контакту
  • ai-builder — Промпт для Lovable і Bolt

NPS

  • nps — Форма опитування NPS

Галузеві форми

  • clinic-appointment — Форма запису до лікаря
  • patient-intake — Форма первинного прийому пацієнта
  • insurance-quote — Форма запиту страхової пропозиції
  • insurance-claim — Форма заяви про страховий випадок
  • order-inquiry — Форма запиту щодо замовлення
  • returns — Форма повернення товару
  • wholesale — Форма оптового замовлення
  • real-estate — Форма запиту на перегляд нерухомості
  • course-enrollment — Форма запису на курс
  • salon-booking — Форма запису в салон краси
  • auto-service — Форма запису на автосервіс
  • legal-inquiry — Форма звернення до юриста
  • renovation-estimate — Форма запиту кошторису ремонту
  • job-application — Форма відгуку на вакансію
  • event-registration — Форма реєстрації на подію
  • catering — Форма замовлення кейтерингу
  • tour-booking — Форма бронювання туру
  • fitness-trial — Форма запису на пробне тренування
  • saas-demo — Форма запиту демо для бізнесу
  • newsletter-signup — Форма підписки на розсилку
  • customer-feedback — Форма відгуку клієнта
  • customer-survey — Форма опитування клієнтів
  • rsvp — Форма RSVP (підтвердження участі)
  • support-request — Форма запиту в підтримку
  • waitlist — Форма листа очікування

HTML

<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="uk">
  <label>Ім’я <input type="text" name="name" autocomplete="name" placeholder="Ваше ім’я" required></label>
  <label>Email <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>Повідомлення <textarea name="message" placeholder="Чим ми можемо допомогти?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>Залиште це поле порожнім<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Надіслати</button>
</form>

Форма для WordPress →

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