WooCommerce'te Formgong

Ürün ve sipariş soruları aynı eklentiyle Formgong'a gider. Kasa, ödemeler ve sipariş e-postaları WooCommerce'te kalır.

Formgong eklentisini kurun ve erişim anahtarını Settings, ardından Formgong altına yapıştırın. Send a test submission düğmesine basın. plugin-test@example.com kullanır ve bağlantı sihirbazını bitirmez.
Ürün sorusunu, sipariş sorusunu veya ikisini birden açın ve kaydedin. Her biri aula veya clinic-appointment gibi kendi şablonunu kullanabilir. Seçim boşsa ana şablon devralınır. plain yerleşik iletişim formunu zorlar. Kısa kod veya blok şablonu ikisini de yener. Bir ürün şablonunda [formgong product="1"] geçerli ürünü ekler. [formgong template="aula"] şablonu yalnızca o forma verir.
Ürün sorusu ürün özetinde durur ve ürün adını, SKU'yu ve URL'yi gizli alan olarak gönderir. Siz özel bir başlık koyana kadar başlık Question about this product kalır. Sipariş sorusu sipariş tablosundan sonra durur. Onu yalnızca o siparişi görebilen müşteri görür ve yalnızca sipariş numarası gönderilir.
İki form da geçerli sayfa için gizli _page_url alanını gönderir. Host, baştaki www yok sayılarak yönlendirenle eşleşirse Formgong bunu tutar. Kasa, ödemeler ve WooCommerce sipariş e-postaları değişmez.
Stiller şablon görünümünü izler ve Storefront, Astra ve Twenty'de formun içinde kalır. clinic-appointment üzerindeki çocuk adı gibi koşullu alanlar CSS ile görünür ve gizlenir.
Bir ürün sayfasından ve müşterinin sipariş sayfasından test gönderin, sonra gelen kutusunu açın. Telegram, Free dahil her planda anlıktır. Free planda her başvuru tek adrese e-postayla gelir. Soru yoksa WooCommerce'in etkin olduğunu ve kutunun kayıtlı olduğunu doğrulayın.

WordPress.org'da Formgong Formgong eklentisini indir (zip)

Şablon slug'ları

Slug'ı kısa kodun template özniteliği yapın veya aynı şablonu blokta ve Settings altında seçin. Site adları marka olarak kalır. Başlangıç ve sektör adları düzenleyicide site dilini izler.

Başlangıç düzenleri

html-contact — HTML iletişim formu kodu
ajax-contact — AJAX iletişim formu
tailwind-contact — Tailwind iletişim formu
modal-contact — Açılır iletişim formu
dark-contact — Koyu tema iletişim formu
minimal-contact — En sade iletişim formu
ai-builder — Lovable ve Bolt promptu

NPS

nps — NPS anket formu

Sektör formları

clinic-appointment — Doktor randevu formu
patient-intake — Hasta kabul formu
insurance-quote — Sigorta teklif formu
insurance-claim — Hasar bildirim formu
order-inquiry — Sipariş sorgu formu
returns — Ürün iade formu
wholesale — Toptan sipariş formu
real-estate — Emlak görüntüleme formu
course-enrollment — Kurs kayıt formu
salon-booking — Kuaför randevu formu
auto-service — Oto servis randevu formu
legal-inquiry — Avukat başvuru formu
renovation-estimate — Tadilat keşif formu
job-application — İş başvuru formu
event-registration — Etkinlik kayıt formu
catering — Catering talep formu
tour-booking — Tur rezervasyon formu
fitness-trial — Deneme dersi formu
saas-demo — B2B demo talep formu
newsletter-signup — Bülten kayıt formu
customer-feedback — Müşteri geri bildirim formu
customer-survey — Müşteri anketi formu
rsvp — LCV formu (katılım onayı)
support-request — Destek talebi formu
waitlist — Bekleme listesi formu

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="tr">
  <label>Ad <input type="text" name="name" autocomplete="name" placeholder="Adınız" required></label>
  <label>E-posta <input type="email" name="email" autocomplete="email" placeholder="siz@ornek.com" required></label>
  <label>Mesaj <textarea name="message" placeholder="Size nasıl yardımcı olabiliriz?" 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>Bu alanı boş bırakın<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Gönder</button>
</form>

WooCommerce iletişim formu →

Anahtar al