Wooocommerce’i kasaya hazırlamak için şartlı bir alan nasıl eklenir
Mağazanız için şartlı mantık yapmak ister misiniz? Doğru yere geldin. Bu kılavuzda, wooocommerce’i kontrol etmek için koşullu alanların nasıl ekleneceğini öğreneceksiniz. Ödeme, her e -ticaret mağazası için en önemli sayfalardan biridir. Aynı kullanıcıyı almak için yarışan milyonlarca site var. Bu nedenle, rakiplerinizin en önemlisi olmak için kasanızı mümkün olduğunca ayarlamanız ve optimize etmelisiniz. Bunu yapmak için en ilginç seçeneklerden biri, Woocommerce kontrolünüze koşullu alan eklemektir.
Bu sütun, koşullu mantık oluşturmanıza ve satın alma işlemini hızlandırmak için yalnızca ödeme sayfasındaki müşteriler tarafından doldurulması gereken sütunları görüntüleyin. Öyleyse, koşullu bir alanın ne olduğunu ve alanın mağazanızı bir sonraki seviyeye getirmenize nasıl yardımcı olabileceğini daha iyi anlayalım. Koşullu alan nedir? Koşullu alanlar, koşullu mantığa sahip alanlardır, böylece koşullar karşılandığında başka alanlar görünür veya gizlenir. Koşullu mantık oluşturmak için, en az bir üst alan ve üst alan tarafından alınan değerine bağlı bir veya birkaç türeve ihtiyacınız vardır. Örneğin, müşterilerinize sunarsanız, PayPal veya Kredi Kartları ile ödeme yapması muhtemeldir, yalnızca kullanıcı bir kredi kartı seçeneği seçerse bir kredi kartı ayrıntılarını görüntülemek isteyebilirsiniz. PayPal ile ödeme yapmak istiyorlarsa, alan görünmeyecektir. Bu şekilde, sitenizdeki kullanıcı deneyimini geliştirir ve dönüşüm seviyenizi artırırsınız.
Koşullu mantık nedir? Başlamadan önce şartlı mantığın ne olduğu hakkında net bir fikriniz olmalı, bu yüzden daha derine inelim. Koşullu bir mantık yaptığınızda, koşulların koşulları karşılanırsa veya doğrusa x yapmasını istersiniz, ancak koşullar yanlışsa veya karşılanmazsa y yapın. Kredi kartı örneğimizi takip edin, sadece kredi kartı detaylarını istiyoruz Müşteri kredi kartı ödeme seçeneğini seçerse görünmek için. Bu örnek oldukça kolaydır, ancak koşullu mantık, çeşitli alan türleriyle çalıştığınızda ve/veya bazı koşullar ve eylemler eklediğinizde daha yüksek bir karmaşıklık seviyesine ulaşabilir. WooCommerce Checkout sayfasında bir alanın koşullarını ayarlayabilirsiniz. Müşterilerin sahaya girdiği değer düzenleme için kontrol edilecek ve durum karşılanırsa, eylem alanı görüntülemektir. Ödeme sayfasında koşullu mantık oluşturmak için en az iki alan kullanmanız gerekir. Ebeveynler ve çocuklar. Değerin incelenen alana ana alanı denir. Ve sadece durum doğru ise değil, görünmesini sağlamak için şartlı mantık oluşturduğunuz yer, çocukların alanıdır. Bu kılavuzda göreceğimiz gibi, ana alanda birkaç çocuk alanı olabilir ve buna bazı gereksinimler uygulanır.
WooCommerce Checkout’a şartlı bir alan nasıl eklenir Bu bölümde, Woocommerce’de ödeme yapmak için koşullu mantık ve koşullu sütunun nasıl kullanılacağını ve ekleneceğini göreceğiz. Programlı bir şekilde yararlı olan koşullu bir mantık yapmak çok fazla kodlama gerektirir, bu nedenle eklentiler kullanmanızı öneririz. Bu gösteri için ödeme yöneticisini kullanacağız. Bu eklenti, ödeme sayfasına çeşitli alan türlerini eklemenize, ayarlamanıza ve silmenizi sağlar. Ayrıca, Woocommerce Checkout sayfasında birkaç özel alanı kullanarak sınırsız koşullu doğrulama uygulayabilirsiniz. 80.000’den fazla aktif indirme ile bu, en iyi ödeme eklentilerinden biridir. Buradan indirebileceğiniz temel özelliklere sahip ücretsiz bir sürüme ve 19 USD’den başlayarak üç premium pakete sahiptir. Düzenleri doğrudan ilgilendiğiniz parçaya atlayabilmeniz için farklı parçalara bölündük. Daha fazla uzatmadan, WooCommerce’deki ödeme sayfasına koşullu bir alan ekleyeceğine bakalım.
Koşullu mantık nasıl yapılır
Zincirlenmiş birkaç özel ve koşullu alan nasıl kullanılır
Koşullu mantığı kullanırken ne yapamazsınız
1. Koşullu bir mantık nasıl yapılır, şimdi koşullu mantığın ne olduğu ve nasıl çalıştığı hakkında net bir fikriniz olduktan sonra, WooCommerce Checkut Manager eklentisini kullanarak koşullu bir alan oluşturulacağına bakalım. Fatura formundaki ilk ad olarak kullanıcı türü “admin” yazdığında mesajları görüntülemek için koşullar oluşturalım. Bunu yapmak için önce Woocommerce> Checkout> WordPress kontrol panelinizde faturalandırma açın. Orada, yeni bir alan ekle düğmesine basın. Bir pencere açılacaktır. Bu yeni saha editörü. Orada, etiketler, türler ve mesajlar gibi seçeneklerin türleri ve içeriği olarak mesajları seçin. Ayrıca, sağ sütundaki ana alanı olarak adını seçin. Son olarak, ilk adın altına “Yönetici” yazın ve Kaydet’e basın.
Gördüğünüz gibi, ad alanını üst alan olarak ayarladık. Şimdi test etme zamanı. Bu nedenle, ödeme sayfanızı ön uçta açın ve ad alanına “Yönetici” yazın. Böyle bir uyarı mesajı göreceksiniz.
Bu basit bir örnektir, ancak koşullu birçok alanı içerebilir ve birçok özel gereksinim ve alan kullanılırken çok karmaşık olabilir. Bu nedenle, kolayca yönetmek için, hangi alanların koşulları ve uygun ödeme formunun (faturalandırma, nakliye, ek) ekran yöneticisinde ana alan olduğunu görebilirsiniz. Bir ödeme yöneticisi kullanarak WooCommerce’deki kasalara koşullu alanlar ekleyebilirsiniz. Şimdi daha karmaşık bir örneğe bakalım. Ve elbette, en iyisi, aynı veya farklı koşulları aynı ana alana uygulayabilecek kaç özel alanın sınırları yoktur. 2. Koşullu Mantık Birkaç özel çocuk alanı ile şimdi, alıcılarınıza dağıtım merkezlerinizden birinde satın aldıkları ürünleri almak veya belirli bir yere standart gönderim seçmek için seçenekler sunmak istediğinizi varsayalım. Bunun için, müşterilerin iki seçenekten birini seçebilmesi için radyo türü alanını kullanabilirsiniz. Yeni bir ebeveyn alanı bitirin, önce WooCommerce> Checkout’u açın ve bir radyo türü alanı oluşturun. Bu örnek için bu alana “nakliye” diyeceğiz. Ardından seçeneği girin. Buna paket ve teslimat diyeceğiz. Burada, her seçenek için fiyatları da seçebilir ve bir tane varsayılan fiyat olarak ayarlayabilirsiniz. Seçtikleri onay kutusuna bağlı olarak müşterilere farklı alanlar görüntülemek istediğimiz için, nakliye seçenekleri için WooCommerce varsayılan ödeme alanlarının birkaç alanını kullanacağız. Bu şekilde, alıcılar ürünlerini seçtikleri adreste almak için ayrıntılarını doldurabilirler. Bu nedenle, WooCommerce Varsayılan alanını düzenleyin: Eyalet, Şehir, Posta Kodu ve Yol Adresi. Ardından, her biri için aynı koşullu mantığı yapın. Buna ek olarak, koşullu hale getireceğiz ve üst alan olarak radyo gönderim türünü seçeceğiz ve kullanıcı gönderim seçeneğini seçerse durum alanını görüntüleyeceğiz. Tabii ki, tüm bu alanlar veya bazıları için de aynısını yapabilirsiniz. Bu örnekte, aşağıdaki alan koşullarını yapacağız: Billing_state
Faturalandırma Şehri Billing_postcode Fatura Adresi 1 Daha sonra özel bir alan oluşturun, müşteriler dağıtım merkezlerinden birine ürün gönderebilmeniz için eve getirme seçeneğini seçtiğinde görünecek yeni bir özel alan oluşturmanız gerekir. Bir kez daha, eklenti ayarlarını açın ve bir tür seçme alanı oluşturun. Koşullu bir onay kutusunu etkinleştirin, ebeveyn olarak gönderimi seçin ve teslimat altında eve götürmesini adlandırın.
Bundan sonra, dağıtım merkezi için bir adres yapmanız gerekir. Bu nedenle, seçenek bölümünü açın ve birkaç adres ekleyin. Son olarak, değişikliği kaydedin. Şimdi, ön uca kontrol etme zamanı. Ödeme sayfasını açın ve yeni oluşturduğunuz bazı seçenekleri seçin. Örneğin, kullanıcılar eve getirme seçeneğini seçtiklerinde, dağıtım merkezlerinden birini seçebilirsiniz.
Öte yandan, nakliye seçiyorlarsa, ürünlerini kabul etmek istedikleri adresi girmeleri gerekir.
Not: Bilgi mesajlarını görüntülemek için iki alan daha ekledik, diğer alanlarda kullandığımız koşulları kullanarak her seçenek için bir tane. Artık daha karmaşık mantık kullanarak WooCommerce kasasına koşullu bir alan ekleyeceğinizi biliyorsunuz. Ancak, daha ileri gidebilir ve daha karmaşık mantık oluşturabilirsiniz. Bir zinciri nasıl koşullu hale getireceğine bakalım.
3. İlgili birçok koşulla çalıştığınızda zincirlenen birkaç özel ve koşullu alan nasıl kullanılır, işler çok karmaşık olabilir. Koşullu zincirleme bunun için iyi bir örnektir. Bu, farklı alanlarda başka koşullara sahip alanlara uygulanan koşullar olduğu zamandır. Bunu daha iyi anlamak için, başka alt koşulları olan alt koşullu bir durum düşünebilirsiniz. Gereksinimlerin hiyerarşisi ve kullanabileceğiniz özel alanların sayısı sınırsızdır, böylece birçok bağımlılıkla çok karmaşık mantık oluşturabilirsiniz. Zincirli koşullu bir durum yapın, koşullu zinciri kullanarak daha karmaşık bir örnek yapalım. Müşterilerinize siparişlerine ek paketler ekleme seçeneği vermek istediğinizi varsayalım. Seçimler karton, hediyeler ve strafor. İlk olarak, müşterilerin ekstra bir paket talep edebilmesi için onay kutusu türü alanını ekleyin. Alan düzenleyicisindeki fiyat sekmesine, müşteri ekstra paket onay kutusunu seçtiğinde geçerli siparişe eklemek istediğiniz fiyatı girin. Ardından, müşterilerinize sunacağınız ambalaj seçeneklerini yapmanız gerekir. Çok seçilmiş bir alan oluşturacak şekilde alıcıların birden fazla seçenek seçmesine izin vereceğiz. Etiketi ekleyin ve koşullu mantığınızın şöyle görünmesi için üst alan olarak ekstra paketi seçin:
Ardından, Seçenek sekmesini açın ve müşterileriniz için bir seçenek oluşturun. Bu ekranda, her alternatif için farklı fiyatlar ayarlayabilirsiniz. Bir onay kutusu alanı oluşturduğumuzda fiyatları belirlediğimiz için burada seçeneği kullanmayacağız. Bunu bitirdikten sonra, ön uçları kontrol etme zamanı. Her şey doğru çalışıyorsa, ekstra ambalaj alanını kontrol ederken birkaç seçenek seçebilmeniz gerekir: burada çok seçilmiş alanları görüntülemek için bir koşullu kullandık. Şimdi, bir zinciri üst alandaki her seçenek/değerle şartlı hale getirelim. Bazı bitmiş seçenekler ekleyin, bir hediye paketi seçeneği seçelim ve birkaç gereksinim uygulayalım. Özel bir radyo alanı ve editörün içeriği aşağıdaki gibi oluşturalım. Hediye ambalajı için bazı kağıt baskılar sunacağız, bu nedenle müşterilerin bunlardan birini seçmesine izin vermek için bu alanı kullanacağız. Bunu yapmak için seçenek bölümünü açın ve radyo düzlemi için kağıt kalıbı ayarlayın. Böyle bir seçenek yapılandırdık: Ve ön uçta, böyle bir şey göreceksiniz:
Bir hediye sargısı gösterdiğimizde, metin yerine görüntüleri görüntülemek daha iyidir. Her seçenekte resimleri görüntülemek için, daha önce kütüphaneye yüklediğimiz birkaç resim kullandık. Aşağıdaki kodla her seçeneğin etiketi için bir resim girebilirsiniz:
