Hesaplamalı Formlar: WordPress Formlarında Değerleri Hesaplayın

WordPress formları, bir ad alanı ve bir e-posta alanı ile temel haber bültenlerinin ötesine geçti. Ödeme toplama, imza toplama, yerleşik hesaplama vb. gibi çeşitli karmaşık görevlere katılmak için düzenli olarak kullanılırlar.

Aslında, artık sipariş artışı kadar karmaşık formlar tasarlayabilir, hesaplamalı ödeme formları oluşturabilir ve çok daha fazlasını yapabilirsiniz. Bugün, bu parçayı, hesaplama ile WordPress formlarının nasıl oluşturulacağına dair ayrıntılı talimatlarla küratörlüğünü yaptık. Tekrar alanlarını kullanacağız, ancak sayısal, ödeme vb. gibi diğer alanlar da hesaplamaya izin veriyor.

2 dakikadan daha kısa sürede sipariş artışları oluşturun.

Hesaplamalı WordPress formları nasıl oluşturulur

Bazı form oluşturucular, giriş değerlerini hesaplamak için ek eklentiler kullanmanızı gerektirir. Değil Akıcı Formlar. Fluent Forms süper hızlı, güvenilir ve inanılmaz derecede zahmetsizdir. Bu nedenle, 5 basit adımda hesaplama ile nasıl hızlı bir şekilde form oluşturabileceğinizi göstermek için bu WordPress form oluşturucusunu kullanacağız. 4 Fluent Forms Pro zaten kuruluysa. O zaman hadi gidelim.

1. Adım: Fluent Forms Pro'yu yükleyin

Fluent Forms Pro'nun zaten kurulu olma ihtimali var. Yapmamış olanlarınız için (ne düşünüyordunuz?), aşağıda belirtilen adımları uygulamanız yeterlidir; Fluent Forms Pro'yu hemen kuracaksınız.

• fluentforms.com adresini ziyaret edin ve ihtiyacınıza uygun lisansı seçin. Tüm lisanslar aynı özellikleri ve işlevleri içerir, bu nedenle kaçırma konusunda endişelenmeyin.
• Seçtiğiniz planı kontrol edin.
• WordPress panonuza gidin ve sol kenar çubuğunda Eklentileri bulun.
• Yeni Ekle düğmesini tıklayın, Zip dosyasını yükleyin ve Şimdi Yükle .

Artık bunu ortadan kaldırdığımıza göre, hesaplama ile WordPress formları oluşturmanın gerçek sürecine geçelim.

2. Adım: Bir form oluşturun

Hesaplamalı bir form oluşturmanın gerçek ilk adımı Fluent Forms panosuna gitmektir. Burada Yeni Form Ekle düğmesini göreceksiniz. 70'den fazla önceden oluşturulmuş form şablonu içeren bir açılır pencereyi ortaya çıkarmak için üzerine tıklayın. İhtiyacınız olan form şablonunu arama kutusunda arayabilirsiniz. Ama biz sadece boş bir formla gideceğiz.

3. Adım: Temel bir form oluşturun

Artık önünüzde bir form olduğuna göre, ihtiyacınız olan tüm form alanlarını doldurmanın zamanı geldi. Basit bir ürün sipariş formu tasarlayacağız, bu nedenle amaca uygun alanları sürükleyeceğiz.

Bir Ad alanını ve bir E-posta alanını sürükleyerek başlayın. Ad alanının üç ayrı alan içerdiğine dikkat edin – ad, ikinci ad ve soyadı. Yalnızca beğendiğiniz alanları kontrol edebilirsiniz, örneğin, Ad.

Daha sonra, Adres alanlarına ihtiyacımız var ve Ad alanına benzer şekilde burada da Şehir, Eyalet, Posta Kodu vb. gibi farklı bilgiler için 6 farklı alan var. Küçük bir işletme için basit bir ürün sipariş formu tasarlıyoruz ve bazı şeyleri tutmak istiyoruz, bu yüzden sadece Adres Satırı 1'i tutuyoruz. Ve bununla birlikte, bir formun genel düzenine sahip olursunuz.

Adım 4: Bir ürün sipariş formu tasarlayın

Bir ürün sipariş formunu diğer web formlarından ayıran şey ürün tablosudur. Temel olarak teklif edilen ürünleri, fiyatlarını ve sipariş edilen ürünlerin miktarlarını gösteren bir tablodur.

Bunu birkaç şekilde görüntüleyebilirsiniz. En akıllısı bir Tekrar alanıdır. Yineleme alanı, formunuzda tek bir satır kaplayan ancak kullanıcılarınızın girdisiyle çoğalan dinamik bir alandır. Yani ziyaretçinin istediği kadar satır artacaktır. Ayrıca satır, her biri 4 farklı alan sunan birkaç sütuna bölünebilir – metin alanı, e-posta alanı, sayısal alan ve seçim alanı.

Bu nedenle, Gelişmiş Alanlar bölümünden bir Tekrar alanını sürükleyin ve Adres alanından hemen sonra bırakın. Alan Sütunlarını Tekrar Et'te, ihtiyacınız olan sütunları ekleyin . Biri ürünün miktarı, diğeri ise spesifikasyon için olmak üzere iki sütun tutacağız.

İlk sütun için bir Sayısal Alan Türü kullanalım ve bunu Miktar olarak etiketleyelim. Ayrıca varsayılan bir değer de ayarlayabilirsiniz. Ziyaretçiler farklı bir değer sağlamadıkça bu değer varsayılan olarak sunulacaktır. İkinci sütuna geçerek, Alan Türü Seçin ve bunu Cake Flavor olarak etiketleyelim. Bu, ziyaretçilerimize birden fazla seçenek sunmamızı sağlayacaktır. Seçeneklerde , sunduğumuz kek aromalarını ayarlayacağız. Ve Calc Values ​​onay kutusunu işaretleyerek onlara değer atayabiliriz. Diyelim ki Kara Orman pastası 50$, Red Velvet pastası 70$ ve Vanilyalı pastası 40$. Gerekli kutusunu evet olarak işaretleyin ve ürün tablomuz hazır.

Adım 5: Hesaplamayı etkinleştirin

Şimdi toplam miktar siparişini ve toplam faturayı gösterme zamanı. Bunu yapmak için iki sayısal alana ihtiyacımız olacak. Bir Sayısal alanı sürükleyip bırakın ve Öğe Etiketini 'Toplam miktar' olarak değiştirin. Ardından Sayısal Alanın Gelişmiş Seçenekleri'ne gidin ve Hesaplama Alanı Ayarları'na gidin. Hesaplamayı Etkinleştir onay kutusunu işaretleyin ve Hesaplama İfadesini tanımlayabileceğiniz bir Metin alanı görünecektir.

Sayısal hesaplama yapmak istediğiniz giriş alanını seçmek için alanın sağ üst köşesindeki bilet simgesine tıklayın. Tekrar alanını seçeceğiz ve ilgili sayısal ifade görünecektir. Şimdi, sadece tekrar alan sütunlarını toplayacağını hatırlamalıyız.

Tekrar alanı sütunlarını tanımlamak çok kolaydır. Tek yapmamız gereken hesaplama ifadesinin sonuna sütun numarasını eklemek ve nokta (.) ile ayırmak. {repeat.repeater_field} hesaplama ifadesine sahibiz. Böylece ilk sütun için {repeat.repeater_field.1} ve ikinci sütun için {repeat.repeater_field.2} olur. Basitleştirilmiş bir şekilde söylemek gerekirse, {repeat.repeater_field.n} (burada n= 1, 2, 3, vb. sütun numarası) ifadesi yalnızca n'inci tekrar alanı sütununu toplar.

Sipariş edilen toplam miktar sayısını hesaplamak için {repeat.repeater_field.1} ifadesini kullanacağız ve bu ifade, değerleri otomatik olarak toplayacaktır. İkinci sayısal alanda toplam fatura için işlemi tekrarlayın ve {repeat.repeater_field.2} ifadesini kullanın.

Değerli formunuzun kaybolmasını istemiyorsanız Save Form'a basın.

WordPress formlarını keşfedin

Hesaplama ile ne kadar kolay formlar oluşturabileceğinizi gördünüz. 4 basit adım ve patlama! Elinizde, giriş değerlerinizi hızla toplayacak çalışan bir WordPress formunuz var. Ama formunuzun yapabileceği tek şey bu değil.

Otomatik adres önerisi, kontrol edilebilir ızgara, GDPR sözleşmesi, renk seçici, gelişmiş gönderi oluşturma, çok sütunlu düzen, abonelik ödemesi, koşullu e-posta yönlendirme vb. Fluent Forms ile gelen özelliklerden yalnızca birkaçıdır. Tam bir Fluent deneyimi elde etmek için Fluent Forms'a bir şans verdiğinizden emin olun.