WooCommerce’a nasıl hızlı bir satın alma düğmesi eklerim?Eklentilerle ve eklentileri olmayan
Çevrimiçi bir işletme yürütüyorsanız, satışları, dönüşümü ve geliri artırmanın yollarını bulabilirsiniz. Ziyaretçinin e-posta adresini yakalayabilir, ortaya çıkma niyetini etkinleştirebilir veya bir bülten gönderebilirsiniz, ancak çok daha güçlü bir şey var. Bu yazıda, WooCommerce’a nasıl hızlı bir satın alma düğmesi ekleyeceğinizi göstereceğiz! Hızlı Satın Al düğmesi nedir? Satın Al düğmesi hızlıdır, şimdi Satın Al düğmesi olarak da bilinir, alıcılarınızın istedikleri ürünü daha hızlı satın almasına ve ödeme sürecinden ekstra adımlardan kaçınmasına olanak tanır. Bu nedenle, arabaya öğe eklemek yerine, tramvay sayfasına gidin ve ardından ödeme sayfasına, ürün sayfasından ödeme sayfasına tek bir tıklamayla gidebilirler. Bu şekilde, sepetin bırakılmasını ve ihmalini azaltırsınız.
Amazon gibi büyük e-ticaret işletmelerinin çoğunun, ürün sayfalarında tek bir tıklamayla satın almanızı sağlayan hızlı bir satın alma düğmesi vardır. Bu nedenle, alıcılar şimdi Satın Al düğmesine tıkladıklarında, otomatik olarak ödeme sayfasına yönlendirilirler. Tahmin edebileceğiniz gibi, bu satışları artırmanın iyi bir yoludur.
Ancak, bunu tek bir tıklamayla yapmak için doğrudan seçenek satın almaya hazır olan kullanıcılara dönüşümü artırmanıza yardımcı olacaktır. Ayrıca, Hızlı Satın Al düğmesi bir abonelik web sitesi veya üyelik için iyi bir fikirdir. Kullanıcı abone olmaya kaydolduğunda, tek yapmanız gereken bunları sepet sayfasına ve daha sonra kasiyere getirmek yerine ödeme sayfasına yönlendirmektir. Woocoommerce’a nasıl hızlı bir satın alma düğmesi eklerim? Woocommerce’e hızlı bir satın alma düğmesi eklemek için üç ana yöntem vardır: eklenti
Programlanmış (Kodlama)
Kısa kod
Tüm bu yöntemler% 100 başlangıç dostudur, böylece sizin için en uygun olanlardan birini seçebilirsiniz.
1) Eklenti Sitenize Hızlı Satın Al düğmeleri eklemek için birçok WordPress eklentisi vardır. Ancak, ödeme işlemini basitleştirmek için en iyi ve hafif eklentilerden biri olan QuadLayers tarafından WooCommerce Direct Checkout’u öneriyoruz. WooCommerce için doğrudan ödeme, ücretsiz bir sürüme ve 20 USD’den (bir kerelik ödeme) başlayan üç premium pakete sahip bir freemium aracıdır. Ücretsiz sürüm 70.000’den fazla aktif kuruluma sahiptir ve birçok harika özelliğe sahiptir. Ancak daha sofistike işlevsellik istiyorsanız, Pro sürüm en iyi seçimdir. Eklenti Kurulumu ve Etkinleştirme 1) Eklentileri Sitenize Yükle.
2) Ardından, etkinleştirin. Aynı sayfadan birkaç premium paket kullanıyorsanız, indirilen eklenti dosyasını yükleyebilirsiniz. Ardından, şimdi yükle tıklayın. Kurulumdan sonra eklentiyi etkinleştirin. Şimdi doğrudan WooCommerce için ödeme etkinleştirildi, yapılandırmaya bakalım. WooCommerce> Ayarlar> Doğrudan Ödeme altında lisansı etkinleştirin, ödeme işlemini basitleştirmek için yapılandırma seçeneğini görebileceksiniz. Yapmanız gereken bir sonraki şey, geçerli bir lisans anahtarı ile premium bir eklenti kopyasını etkinleştirmektir. Lisans anahtarı QuadLayers hesabınızda bulunabilir. Lisansı kopyalayın ve eklenti ayarlarınıza kilidi yapıştırın. Anahtarınızı doğrulamak önemlidir, çünkü otomatik güncellemeler almanıza izin verir. Eklentinin yeni bir sürümü olduğunda, doğrudan WordPress kontrol panelinizden yenileyebilirsiniz. Yapılandırma Şimdi Satın Al düğmesini WooCommerce’a eklemeden önce, ödeme seçeneğinizi yapılandırmanız ve ayarlamanız gerekir. Her şeyden önce, ayarlamaları test edebilmeniz için mağazanızda birkaç ürünün bulunduğundan emin olun. Bizim durumumuzda, bir test ürünümüz var ve görebileceğiniz gibi ürün sayfasının yalnızca arabaya bir ekleme düğmesi var. Bir ziyaretçi düğmeye her tıkladığında, ürün sepetlerine eklenir. Müşteriler sepet sayfasına gitmeli ve ardından sayfayı kontrol etmelidir. Doğrudan ödeme ile alışverişi ürün sayfasından ödeme sayfasına sepet sayfasından yönlendirebilirsiniz. Bu şekilde dönüşümü artırabilirsiniz.
Bu eklentiyi kullanmak çok kolaydır. Doğrudan Ödeme Ayarları bölümünde, sepet sayfasını devre dışı bırakma seçeneğini göreceksiniz. Tek yapmanız gereken aktarımı etkinleştirmek ve ödeme sayfasını hedef olarak eklemektir. Bundan sonra, değişiklikleri kaydettiğinizden emin olun.
Şimdi, gitmekte fayda var. Alıcı Satın Al düğmesine tıkladığında, otomatik olarak ödeme sayfasına yönlendirilir. Oradan müşteriler fatura bilgileri ekleyebilir, gönderim adresleri ve ödeme yapabilir. WooCommerce Direct Checkout eklentisi ayrıca ödeme, fatura adresleri, gönderim adresleri ve daha fazlasını silmenizi sağlar. WooCommerce için doğrudan ödeme fiyatları WooCommerce için temel özelliklere ve üç premium pakete sahip ücretsiz bir sürüme sahiptir. Özel – 20 USD Ödeme Bir Kez – Tek Lisans Anahtarı Ajans – 40 USD ödeme bir kez – 5 lisans anahtarı
Geliştirme – 80 USD Ödeme Bir Kez – Sınırsız Lisans Anahtarı Ücretsiz sürüm olağanüstü ve başlamak için ihtiyacınız olan her şeye sahiptir. Ancak daha sofistike özellikler istiyorsanız, özel bir paket veya ajans denemenizi öneririz. Diğer araçları görmek istiyorsanız WooCommerce’in doğrudan ödenmesini kontrol edin, en iyi hızlı satın alma eklentilerimizin listesine bakın. Öte yandan, ödeme alanını ekleyerek ve düzenleyerek ödeme sayfanızı daha iyi ayarlamak istiyorsanız, WooCommerce Checkout Manager’ı görebilirsiniz.
2) Programlanmış (kodlama) Herhangi bir eklenti yüklemek istemiyorsanız, programlanan Woocommerce’a hızlı bir satın alma düğmesi ekleyebilirsiniz. Bu yöntem teknik bilgi ve sabır gerektirir. Ancak, bu adımları izlerseniz, yeni başlayan olsanız bile bunu yapabilirsiniz. Size araba eklentisini nasıl değiştireceğinizi, URL’yi nasıl değiştireceğinizi ve basit ürünler, değişkenler ve gruplandırılmış nasıl ekleyeceğinizi göstereceğiz. 1- İlk ödeme URL’sini oluşturun, arabaya ekle düğmesine bir bağlantı eklemeniz gerekir. Sepete dahil etmek istediğiniz ürün kodu için ürün_idini değiştirmeniz gerekir. Ödeme sayfası, URL’yi aşağıdaki gibi değiştirmeliyiz: https://domainanda.com/checkout/?add-to-cart=product_id 2- Bundan sonra bir ürün bağlantısı yapın, URL’yi ürün türüne göre değiştirmelisiniz. : Tek, değişken ve gruplandırılmış. A) Tek ürünler için tek URL ürünleri: https://domainanda.com/checkout/?add-to-cart=product_id ürün_idini ürün kimliğinizle değiştirmelisiniz. Örneğin, ID = 10’lu bir ürün için, bağlantılar şunlardır:
https://domainanda.com/checkout/?add-to-cart=10
B) Değişken ürünler için ürün değişkenleri, ürün> varyasyonlardan bir varyasyon kimliği almanız ve URL’deki varyasyon kimliğini aşağıdaki gibi kullanmanız gerekir: https://domainanda.com/checkout/?add-to-cart=variation_id SO Kimlik varyasyonunuz = 29 ise, bağlantı: https://domainanda.com/checkout/?checkout=29
Ayrıca ürün kimliği ve varyasyon kimliği kullanarak bir bağlantı yapabilirsiniz: https://domainanda.com/checkout/?checkout=product_id&variation_id=variation_id Ancak, daha basit olduğu için yalnızca varyasyon kimliğini kullanmalısınız.Not: Bu yalnızca üretilen tüm özelliklere sahip varyasyonlar için işlev görür.Diğer varyasyonlar için, bağlantıda olmayan özelliklerin tanımını eklemeniz gerekir.Örneğin, kimlik varyasyonu = 30 için bir URL yapmak istersiniz. Özelliğin rengi belirlenir (yeşil), ancak boyutu değil.Bu yüzden boyut = orta eklemek istiyorsak, URL:
https://domainanda.com/checkout/?checkout=30&pa_Size=Medium c) Gruplanmış ürünler için gruplandırılmış ürünler, varyasyon kimlikleri eklemek yerine, alt ürün kimlikleri ile birlikte gruplandırılmış ürün kimlikleri eklemeniz gerekir. her bir alt prodüksiyon. https://domainanda.com/checkout/?add-to-cart=gruuct_product_id&quantity–Potuct_ID1id1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1ID1id1.11&QUANTYTITY COVERS 15. https://yourdomain.com/checkout/?add-to-cart=1900&quantity=1&quantity °den=1 3 – Bunun yanı sıra, dahil etmek istediğiniz ürün sayısını da belirleyebilirsiniz. Bunun için bir miktar parametresi kullanmalısınız. Ürün sayısını belirlemezseniz, varsayılan olarak 1 olacaktır. Şimdi, parametre miktarını tek bir ürün, değişken ve grupta nasıl gireceğinizi görelim. A) Tek ürününüz, üründen sonra parametre miktarını ekler. : // Domainanda. Com/checkut/? To-card = 10 & miktar = 2 b) Değişken ürünler için değişken ürünler, mantıklı olarak aynı: https://yourdomain.com/checkout/?add-to-tart= Variation_id & Quantity = 1
Kimlik varyasyonu için = 29 ve sayı = 3 bağlantısı: https://domainanda.com/checkout/?add-to-cart=29&quantity=3 c) En son gruplandırılmış ürünler, gruplandırılmış ürünler için standart, standart URL IS: https: //domainanda.com/checkout/? Add-to-card = grouped_product_id & nicelik [ürün_id1] = 1 & miktar [ürün_id2] = 1 ürün kimlikleri gruplandırılmış = 1900, ürün kimliği ile bağlantılar = 10 x3 ve ürün kimliği = 15 x2 olacak: https://yourdomain.com/checkout/?add-to-cart=1900&quantity=3&quantity-15] = 2 URL’yi ayarlamayı bitirdikten sonra, sayfayı Frevend’ten kontrol ederseniz , kullanıcıyı doğrudan ödeme sayfasına yönlendirecek olan URL eklentisini görebileceksiniz. Bu işlevsel olarak işlev görür, ancak iyi görünmez. Şimdi bağlantıyı iyi bir düğmeye değiştirmeniz gerekiyor ve biraz CSS ile birkaç stil eklemeniz gerekiyor. 4- Tüm URL’leri değiştirdikten sonra düğme kuvvetini belirleyin, şimdi bir satın alma düğmesi oluşturmalısınız. Müşteriyi doğrudan kasiyere yönlendireceğimiz için, arabaya eklenmeden şimdi satın alma düğmesini arayacağız. Woocommerce’de iki düğme stili vardır: 1. Varsayılan düğme kuvveti şimdi satın alın 2. Alternatif düğme stili Şimdi Satın Al Ek olarak, özel düğme stilinizi oluşturabilirsiniz: Şimdi satın alın Aşağıdaki kod kırmızı düğmeyi görüntüleyecektir Beyaz harfler ve ince mavi sınır. Bombalanan { Beyaz renk; Arka plan rengi: kırmızı;
Sınır: 1 piksel katı mavi;
Sınırlar: 3px;
}
Kodu gösterge panosuna kopyalayıp yapıştırın WordPress> görünüm> Özelleştir> Özel CSS.
Ardından, rengi, sınırı, boyutu vb. Değiştirerek sitenizin görünümünü ve hissini sağlamak için ayarlayın. Mağazanızı biraz kodlama ile ayarlamak istiyorsanız, aşağıdaki yönergeleri kontrol etmenizi öneririz:
Ekle düğmesi sepete nasıl ayarlanır
Mağaza Sayfaları Nasıl Düzenlenir
Ödeme sayfasını adım adım ayarlayın
3) KISA KODU ŞİMDİ ALMA düğmesini eklemek için göreceğimiz son yöntem kısa koddur. WooCommerce’de hızlı satın alma düğmeleri için kısa bir kod olmamasına rağmen, aynı şeyi yapmak için bir çözüm var. Bu yöntem, örneğin bir blog yayınında ürünlerinizden birini tanıtmak istiyorsanız, ürüne bağlamak zorunda kalmadan hızlı bir satın alma seçeneği makalesi ekleyebilirsiniz. WooCommerce, sitenizde herhangi bir yerde kullanabileceğiniz birçok kısa kodla birlikte gelir. Kısa bir kod kullanmanın en güzel yanı, çekirdek dosyayı veya herhangi bir şeyi değiştirmeniz gerekmemesidir. Sadece görüntülemek istediğiniz yere kısa kodu kopyalayıp yapıştırın ve sadece bu. Kısa Kod Tramvayına Ekle Hızlı Satın Al düğmesi için kısa bir kod olmadığından, tramvaya ekle düğmesini ekleyeceğiz ve daha sonra kullanıcıyı kasiyere yönlendirmek için URL’yi değiştireceğiz. İlk olarak, WordPress sitenizi girin ve tramvaya ekle düğmesini görüntülemek istediğiniz içerik düzenleyicisini açın. Burada, örneğin ürün inceleme yayınlarınızdan birine bir düğme ekleyeceksiniz. Gutenberg editörü kısa bir kod bloğu ile birlikte gelir, böylece içerik alanınıza bir blok ekleyin. Düğme için kullanacağımız kısa kod: [add_to_cart] Kimliği ürün kimliğinizle değiştirmeniz gerekir. Benzersiz ürün kimliğinizi WooCommerce ürün bölümünden alabilirsiniz. Bizim durumumuzda, ürün kimliği 10’dur, bu nedenle kısa kodu aşağıdaki gibi değiştireceğiz: [Add_to_cart] Bu örneği takiben, kısa kodu içerik alanınıza yapıştırın ve yayınlayın veya gönderiyi güncelleyin.
Makalenizi ön uçtan kontrol ettiğinizde, müşterilerinizin sepetlerine ID = 10 olan ürün eklemelerini sağlayan bir stil düğmesi göreceksiniz.
Kısa kodu çeşitli özelliklerle de ayarlayabilirsiniz. Kimlik ile birlikte, kısa kodlar sınıf, miktar, SKU, stil gibi diğer özellikleri destekler ve fiyatı gösterir. Örneğin, ekleme düğmesini şöyle kısa bir kodla bir arabaya değiştirebilirsiniz: [add_to_cart id = “xxxx” class = “alt” miktar = “2” SKU = “xxxx” Style = “Sınır: 4px katı #CCCC ; Dolgu: 12 piksel; ” show_price = “true” add_to_cart id = “xxxx” class = “Alt” miktar = “2” SKU = “xxxx” style = “sınır: 4px katı #CCC; Dolgu: 12 piksel; ” show_price = “true” add_to_cart id = “xxxx” class = “Alt” miktar = “2” SKU = “xxxx” style = “sınır: 4px katı #CCC; Dolgu: 12 piksel; ” Show_price = “true”] Her özniteliğe ürününüz için doğru değeri yazmanız yeterlidir. Ayrıca, düğme stilini ayarlayabilirsiniz. Bu yöntemin avantajlarından biri, widget alanlarından birine arabaya ekleme düğmesini de girebilmenizdir.
Kısa kodu yerleştirdikten sonra kullanıcıyı kasiyere yönlendirmek için URL’yi değiştirin, kullanıcıyı kasiyere yönlendirmek için sepet URL’sini değiştirmeyi unutmayın. href = “http://domainanda.com/checkout/?add-to-tart=10” Bunu yapmak için iki seçenek var:
WP kontrol panelinizde, WooCommerce> Ayarları> Ürünler> Genel.Burada, “Ajax Ajax Ekle’yi Arşivdeki Tramvay Düğmesine Ekle Etkinleştir” seçeneğini kontrol edin ve “Başarılı Eklemeden Sonra Araç Sayfalarına Dirayı” Devre Dışı Bırakın. Ödeme sayfası. Sorun Çözme CSS düğmesini değiştirdiyseniz ve değişiklikler fronter’inizde görünmüyorsa, belki de bu önbellekle ilgili bir sorundur.Düzeltmek için tarayıcı önbelleğinizi ve WordPress önbelleğinizi temizleyin.Düğme hala görünmüyorsa, kodu tekrar kontrol edin.Sonuç Genel olarak, WooCommerce mağazasına hızlı bir satın alma düğmesi eklemek dönüşümü artırmanıza yardımcı olabilirsiniz.Bunu başarmanın 3 farklı yolunu öğrendiniz: Eklentilerle Programlanmış (Kodlama) Kısa bir kodla
