WooCommerce पर Formgong

उत्पाद और ऑर्डर के सवाल उसी प्लगइन से Formgong पर जाते हैं. चेकआउट, भुगतान और ऑर्डर ईमेल WooCommerce में रहते हैं.

Formgong प्लगइन इंस्टॉल करें और एक्सेस की Settings, फिर Formgong में पेस्ट करें. Send a test submission दबाएँ. यह plugin-test@example.com इस्तेमाल करता है और कनेक्ट विज़ार्ड खत्म नहीं करता.
उत्पाद का सवाल, ऑर्डर का सवाल, या दोनों चालू करें और सेव करें. हर एक अपना टेम्पलेट ले सकता है, जैसे aula या clinic-appointment. खाली चुनाव मुख्य टेम्पलेट लेता है. plain बिल्ट-इन संपर्क फ़ॉर्म लागू करता है. शॉर्टकोड या ब्लॉक का टेम्पलेट दोनों पर जीतता है. उत्पाद टेम्पलेट पर [formgong product="1"] मौजूदा उत्पाद जोड़ता है. [formgong template="aula"] टेम्पलेट सिर्फ़ उस फ़ॉर्म का तय करता है.
उत्पाद का सवाल उत्पाद सारांश पर रहता है और नाम, SKU और URL छिपे फ़ील्ड में भेजता है. जब तक आप अपना शीर्षक न रखें, शीर्षक Question about this product रहता है. ऑर्डर का सवाल ऑर्डर तालिका के बाद रहता है. उसे वही ग्राहक देखता है जो वह ऑर्डर देख सकता है, और सिर्फ़ ऑर्डर नंबर जाता है.
दोनों फ़ॉर्म मौजूदा पेज का छिपा _page_url भेजते हैं. होस्ट रेफ़रर से मिले, आगे का www छोड़ कर, तो Formgong उसे रखता है. चेकआउट, भुगतान और WooCommerce के ऑर्डर ईमेल नहीं बदलते.
स्टाइल टेम्पलेट की त्वचा अपनाते हैं और Storefront, Astra और Twenty में फ़ॉर्म के अंदर रहते हैं. clinic-appointment पर बच्चे का नाम जैसे सशर्त फ़ील्ड CSS से दिखते और छिपते हैं.
उत्पाद पेज और ग्राहक के ऑर्डर पेज से टेस्ट भेजें, फिर इनबॉक्स खोलें. Telegram हर प्लान पर तुरंत है, Free सहित. Free पर हर सबमिशन का ईमेल एक पते पर आता है. सवाल न दिखे तो जाँचें कि WooCommerce चालू है और चेकबॉक्स सेव है.

WordPress.org पर Formgong Formgong प्लगइन डाउनलोड करें (zip)

टेम्पलेट स्लग

स्लग को शॉर्टकोड के 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 — रिटर्न और RMA फ़ॉर्म
wholesale — थोक अनुरोध फ़ॉर्म
real-estate — प्रॉपर्टी देखने का अनुरोध
course-enrollment — कोर्स नामांकन फ़ॉर्म
salon-booking — सैलून बुकिंग फ़ॉर्म
auto-service — ऑटो सर्विस बुकिंग फ़ॉर्म
legal-inquiry — कानूनी पूछताछ फ़ॉर्म
renovation-estimate — रेनोवेशन एस्टिमेट फ़ॉर्म
job-application — नौकरी आवेदन फ़ॉर्म
event-registration — इवेंट रजिस्ट्रेशन फ़ॉर्म
catering — कैटरिंग अनुरोध फ़ॉर्म
tour-booking — टूर बुकिंग फ़ॉर्म
fitness-trial — जिम ट्रायल बुकिंग फ़ॉर्म
saas-demo — B2B डेमो अनुरोध फ़ॉर्म
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="hi">
  <label>नाम <input type="text" name="name" autocomplete="name" placeholder="आपका नाम" required></label>
  <label>ईमेल <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>

कुंजी लें