Formgong у WooCommerce

Питання про товар і замовлення йдуть у Formgong тим самим плагіном. Оформлення, оплата і листи про замовлення лишаються в WooCommerce.

1. Встановіть плагін Formgong і вставте ключ доступу в Settings, потім Formgong. Натисніть Send a test submission. Тест іде з plugin-test@example.com і не завершує майстер підключення.
2. Увімкніть питання про товар, про замовлення або обидва, і збережіть. Кожне може мати свій шаблон, наприклад aula або clinic-appointment. Порожній вибір успадковує головний шаблон. plain примушує вбудовану контактну форму. Шаблон шорткода або блока перемагає обидва. У шаблоні товару [formgong product="1"] додає поточний товар. [formgong template="aula"] задає шаблон лише цій формі.
3. Питання про товар стоїть у підсумку товару і надсилає назву, SKU і URL прихованими полями. Заголовок лишається Question about this product, доки ви не задасте свій. Питання про замовлення стоїть після таблиці замовлення. Його бачить лише покупець, який може переглянути це замовлення, і надсилається лише номер замовлення.
4. Обидві форми надсилають приховане поле _page_url поточної сторінки. Formgong лишає його, коли хост збігається з referrer, без початкового www. Оформлення, оплата і листи WooCommerce про замовлення не змінюються.
5. Стилі йдуть за скіном шаблону і лишаються всередині форми в Storefront, Astra і Twenty. Умовні поля, наприклад ім’я дитини в clinic-appointment, показуються і ховаються через CSS.
6. Надішліть тест зі сторінки товару і зі сторінки замовлення покупця, потім відкрийте вхідні. Telegram миттєвий на кожному тарифі, включно з Free. На Free лист приходить на кожну заявку, на одну адресу. Якщо питання немає, перевірте, що WooCommerce активний і прапорець збережено.

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>

Форма для WooCommerce →

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