Hesap sayfamı nasıl düzenleyebilirim Wooocommerce programlandı
Hesap sayfamı mağazanızda ayarlamak ister misiniz? Doğru yere geldin. Bu kılavuzda, müşteri deneyimini geliştirmenize yardımcı olmak için programlanmış hesap sayfalarımı nasıl düzenleyeceğinizi göstereceğiz. Hesap sayfam nedir? Varsayılan olarak, WooCommerce Shop, kullanıcının siparişlerini görebileceği ve müşteri kişisel bilgileri, faturalandırma ve gönderim adresi hakkında bilgi depoladığınız hesap sayfamı içerir. Hesap sayfam varsayılan olarak, WooCommerce kısa kodu içeren bir WordPress sayfasıdır. [wooocommerce_my_account]
Her ne kadar kullanıcılarınızın siparişlerini ve ayarlarını yönetmek için ihtiyaç duyduğu tüm temel bilgilere sahip olmasına rağmen, hesap sayfalarımı düzenlemek rakiplerinizden öne çıkmanıza ve daha iyi kullanıcı deneyimleri sunmanıza yardımcı olabilir. Neden hesap sayfamı WooCommerce’de ayarlıyor? Harika bir UX sağlamanın herhangi bir e -ticaret mağazasının başarısının anahtarı olduğu bir sır değil. Kullanıcılar hızlı ve rahat oldukları için çevrimiçi satın alırlar, bu nedenle mağazanızın olağanüstü deneyim elde etmek için ihtiyaç duydukları araçları sağladığından emin olmanız gerekir.
Çoğu mağaza sahibi dikkatlerini ürün sayfalarına ve ödeme ayarlarına odaklar, ancak hesap sayfalarımı unutur. Bu, kayıtlı kullanıcılarınız için tasarlanmış bir sayfa olduğundan, ayarlamak sitenizdeki deneyimlerini geliştirmenize yardımcı olabilir. Buna ek olarak, bu, mağazanıza geri dönmelerine ve satışlarınızı artırmanıza yardımcı olabilir. Örneğin, kişiselleştirilmiş tekliflerini ve promosyonlarını gösterdiğiniz özel bir rol oynayabilirsiniz. Hesap sayfalarımı ayarlamak için en iyi eklentileri analiz ettik. Ancak, üçüncü taraf bir aracı kurmak istemiyorsanız ve bazı kodlama becerileriniz varsa, sizin için bir şeyimiz var. Bu kılavuzda, WooCommerce Programlanmış Hesap Sayfalarımı Nasıl Düzenleyeceğinizi Göstereceğiz. Hesap sayfalarımı nasıl düzenleyeceğim WooCommerce Programlandı WooCommerce’de hesap sayfalarımı düzenlemek için iki farklı teknik var:
Varsayılan Woocommerce şablon dosyasını değiştirebilirsiniz
Bazı wooCommerce kancaları kullanın
Hangi yöntem daha iyi? Bu seçeneklerin her biri farklı durumlar için daha uygundur. Genel bir kural olarak, mümkünse şablon dosyasında olmak yerine kancayı kullanmaya çalışmalısınız. Bu, sitenizi ayarlarken WordPress tarafından önerilen en iyi uygulamalardan biridir. Ancak, işlevleri veya nesneleri içeren daha karmaşık bir görev yapmak istiyorsanız, şablon dosyasını düzenlemeniz gerekebilir. Bu kılavuzda, her iki yöntemi kullanarak programlanan hesap sayfalarımı nasıl düzenleyeceğinizi öğreneceksiniz. Tahmin edebileceğiniz gibi, şablon dosyasını düzenlemek kancayı kullanmaktan daha fazla riske sahiptir, bu nedenle istediğiniz seçenekleri seçmeden önce bunu unutmayın. 1) Şablon dosyasını değiştirme hesabımın sayfasını ayarlayın Not: çünkü bu yöntem şablon dosyasını değiştirmeyi içerir, Başlamadan önce sitenizin tam yedeklemesini yapmanızı öneririz. Nasıl yapılacağını bilmiyorsanız, bu kılavuza bakın. WooCommerce şablonlarının nasıl ayarlanacağı hakkında daha fazla bilgi için bu gönderiye bakın. WooCommerce şablon dosyasını değiştirme işlemi, çocuğunuzun temasındaki diğer dosyaları değiştirmeye benzer. Bildiğiniz gibi, çocuğun teması, temayı güncellerken ayarlamaları kaybetmeden temaları düzenlemenize izin verir. Aynı şey WooCommerce eklentisi için de geçerlidir, bu nedenle çocuk temanız yoksa, bunu yapabilir veya bu eklentiden birini kullanabilirsiniz.
İlk olarak, WordPress yönetici kontrol panelinizde eklenti> düzenleyiciyi açın. Ardından, eklentiler klasörünü açın, WooOcommerce’ı açın ve şablon dosyasını bulun. Bunun için WordPress eklentisi dosyası düzenleyicisini veya Seçim Kod Düzenleyicinizi kullanabilirsiniz. WooCommerce dizini altında şablon dosyasını açın ve MyAccount klasörünü arayın. Eklentiler/WooCommerce/Templates/MyAccountBoze Klasörü/MyAccount ve Hesap Sayfam tarafından kullanılan tüm şablon dosyalarını bulacaksınız.
Bu, şu anda web sitenizde çalışan varsayılan dosyadır. Bu dosyaların üzerine yazmak için, çocuğunuzun temasında aynı adlı yeni bir dosya oluşturmanız gerekir. Ancak, boş bir dosya oluşturursanız, tüm orijinal dosya işlevlerini devre dışı bırakırsınız. Bu nedenle, sitenizde sorun çıkarmak için varsayılan dosyayı kopyalamanız ve tema klasörünüze eklemeniz gerekir.
Örneğin, Dashboard.php dosyasını WooCommerce kurulumundan kopyalamak istediğinizi varsayalım. Çocuğunuzun temasına eklemeden önce, iki alt dizin yapması ve /woocommerce ve /myAccount demeniz gerekir. Bundan sonra Dashboard.php dosyasını içine yapıştırın: child_theme/woocommerce/myaccount/dashboard.php
İf (! Tanımlı (‘abspath’)) { Git dışarı; // Doğrudan erişilirse çıkın.
} $ permited_html = dizi (
‘A’ => dizi (‘href’ => dizi (),)
);
?>
display_name). ”,
ESC_URL (wc_logout_url ())
);
?>
<? Php
/* Tercüman: 1: URL Sipariş 2: URL Adresi 3: URL hesabı. */
$ Dashboard_desc = __ ('Bu, hesabınızın ana gösterge tablosudur:', 'WooCommerce');
if (wc_shipping_enabled ()) {
/* Tercüman: 1: URL Sipariş 2: URL Adresi 3: URL hesabı. */
$ Dashboard_desc = __ ('Bu, hesabınızın ana gösterge tablosudur:', 'WooCommerce');
}
Yazdır (
wp_kses ($ dashboard_desc, $ labort_html), esc_url (wc_get_endpoint_url ('sipariş')),
ESC_URL (WC_GET_ENDPOINT_URL ('EDIT-ADRESS'),),
ESC_URL (wc_get_endpoint_url ('edit-akun'))
);
$ ul_list = __ ('
Bkz. Sen
yönetme <a href = "%2 $ shat
<a href = "%3 $ shat
');
$ div_kup = __ ('
![]()
![]()
<a href = "#Twitter profileressionUsurs'a bağlantı
![]()
‘);
$ div_footer = __ (‘
aşkla inşa edildi!
‘);?>
Profilleri ve kişisel bilgileri burada yönetin. Sizi öğrenebilmemiz için tüm sütunları doldurun. Hesabınızda oluşturulan tüm sürümler yakında web sitesinde görüntülenecektir, böylece diğer kullanıcılar sizi ve mevcut ihtiyaçlarınızı gecikmeden bulabilir
h2: nth-child (2),
.WOOCOMMERCE-MYACCOUNT-CONTENT> H3: N-CHILD (4) {
Metnin hizalanması: Merkez;
}
.ACC_CONTACT {
Dolgu Top: 20px;
Metnin hizalanması: Merkez;
}
.ACC_CONTACT> H3 {
şamandıra: sol;
}
.ACC_IMAGS {
Marj: Otomatik;
Genişlik:%50;
Ekran bloğu;
}
#Hoş geldin{
Marj: Otomatik;
}
.ACC_IMAGS IMG {
Marj-sol: 4px;
Marj-sağ: 4px;
Ekran: Hat bloklarında;
Genişlik: 55px;
}
#acc_footer {
Marj-Top: 15px;
Arka Plan rengi: #20202020;
Metnin hizalanması: orta;
Sınırlar: 15px;
}
#acc_footer> h4 {
Dolgu Top: 20px;
Renk: RGB (235, 228, 228);
Font-Heavy: Kalın;
}
#ACC_FOOTER> IMG {Margin: Otomatik;
Dolgu Alt: 20px;
} Bu kodu bir temel olarak kullanabilir, onu çocuğunuzun temasından style.css dosyasına ekleyebilir ve sitenizin görünümüne ve hissine göre ayarlayabilirsiniz.
2. Hesap sayfamı düzenleyin WooCommerce, birkaç wooCommerce kancası kullanarak programlanmış bir hesap sayfalarımı düzenlemek için ikinci yöntemle düzenleyin. Bunun için, kancaların WooCommerce üzerinde nasıl çalıştığına dair temel bir anlayışa sahip olmalısınız. Kancalara alışık değilseniz, bu kılavuzu okumanızı öneririz. A) Bu komut dosyası sekmesinin adını değiştirme, adres sekmesinin adını adresinize değiştirecektir. add_filter (‘wooocommerce_account_menu_items’, ‘quadlayers_rename_acc_adress_tab’, 9999);
Function quadLayers_rename_acc_adress_tab ($ öğeler) {
$ öğeler [‘edit-address’] = ‘adresiniz’;
$ Öğe döndür;
}
B) Herhangi bir sekmeyi tam olarak silmek için sekmeyi kaldırın, unset () işlevini şöyle kullanın: add_filter (‘woocommerce_account_menu_items’, ‘quadlayers_remove_acc_address’, 9999);
QuadLayers_remove_acc_address ($ öğeler) işlevi {
Unset ($ öğeler [‘indirmeler’]);
$ Öğe döndür;
} Yukarıdaki komut dosyasında İndirme sekmesini sildik. Ne istediğinizi seçebilmeniz için Slug sekmelerinin tam bir listesini bulabilirsiniz, böylece ne istediğinizi seçebilirsiniz. $ öğe = dizi (
‘Dashboard’ => __ (‘Gösterge Tablosu’, ‘Wooocommerce’),
‘Sipariş’ => __ (‘sipariş’, ‘wooocommerce’),
‘İndirmeler’ => __ (‘İndirmeler’, ‘WooCommerce’),
‘EDIT-ADRESS’ => _N (‘adres’, ‘adres’, (int) wc_shipping_enabled (), ‘wooocommerce’),
‘Ödeme Yöntemi’ => __ (‘Ödeme Yöntemi’, ‘WooCommerce’), ‘Düzenle-Akun’ => __ (‘Hesap Ayrıntıları’, ‘WooCommerce’),
‘Müşteri-logout’ => __ (‘oturum açma’, ‘woocommerce’),
);
C) Hesap sayfamı ayarlamak için sekmeyi ve diğer seçenek içeriğini birleştirin sekmeyi birleştirmektir.Örneğin, adres sekmesini nasıl sileceğinize ve içeriği hesap sekmesine nasıl taşıyacağınıza bakalım.// ————————-
// 1. Adres sekmesini sil
add_filter (‘wooocommerce_account_menu_items’, ‘quadlayers_remove_acc_tab’, 999);
QuadLayers_remove_acc_tab ($ öğeler) işlevi {
Unset ($ öğeler [‘Edit-Adres’]);
$ Öğe döndür;
}
// ——————
// 2. Adres sekmesinden içeriği mevcut sekmeye ekleyin (bu durumda Düzenle-Account)
Add_action (‘wooocommerce_account_dit-account_endpoint’, ‘woocommerce_account_dit_address’);
Şimdi, Hesap sekmesi şöyle görünecek:
D) Şimdi özel içeriğe sahip yeni bir sekme ekleyin, hesap sayfama nasıl içerik ekleyeceğinizi görelim. Bu örnekte, kullanıcıların destek biletlerini kolayca görebilecekleri destek adlı yeni bir sekme ekleyeceğiz. Bazı ilginç içerikler görüntülemek için üçüncü taraf bir eklenti tarafından sağlanan iki kısa kod kullanacağız, ancak yeni sekmenizde istediğiniz kısa kodu kullanabilmeniz gerekir. Bununla birlikte, bazı kısa kodların WooCommerce ile uyumlu olmadığı için çalışmayabileceğini lütfen unutmayın. Hesap sayfama özel bir içerik içeren bir destek sekmesi eklemek için WooCommerce, aşağıdaki kodu işlevlere yapıştırın. // 1. Yeni bitiş noktasını kaydedin // Not: Kalıcı Kaydet veya 404 hatası verecektir
quadLayers_add_support_endpoint () işlevi {
add_rewrite_endpoint (‘destek’, ep_root | ep_pages);
}
Add_action (‘init’, ‘quadLayers_add_support_endpoint’);
// —————–
// 2. Yeni bir kuyruk ekleyin
quadLayers_support_query_vars ($ vars) işlevi {
geri $ vars;
}
add_filter (‘query_vars’, ‘quadlayers_support_query_vars’, 0);
// —————–
// 3. Yeni bitiş noktasını girin
QuadLayers_add_support_link_my_account ($ öğeler) işlevi {
$ öğeler [‘destek’] = ‘destek’;
$ Öğe döndür;
}
add_filter (‘wooocommerce_account_menu_items’, ‘quadlayers_add_support_link_my_account’);
// —————–
// 4. İçeriği yeni bitiş noktasına ekleyin
quadLayers_support_content () işlevi {
Echo ‘
Destek
Destek alanına hoş geldiniz. Premium bir müşteri olarak, destek biletinizi buradan yönetin, web sitenizle ilgili sorunlarınız varsa bilet gönderebilirsiniz. Size hızlı ve verimli bir çözüm sunmak için en iyisini vereceğiz
‘; echo do_shortcode (‘ bilet-shortcode] ‘);
echo do_shortcode (‘[wpforms]’);
}
Add_action (‘wooocommerce_account_support_endpoint’, ‘quadLayers_support_content’);
Yeni sekmeyi tıklarken 404 -sayfa hatası bulunamıyorsanız, WordPress Dashboard> Ayarlar> Kalıcı Bağlantılar ve Alttaki Kaydet düğmesini tıklatarak geçirgen bağlantı sayfasını açın. Komut dosyasının dört bölüme ayrıldığını unutmayın. Her biri farklı bir görevi tamamladı, böylece mağazanıza eklemek istediğiniz parçayı kullanıyorsunuz. Ayrıca, komut dosyasının (4) son bölümünde, DO_SHORTCODE () işlevindeki kısa kodu değiştirebileceğinizi unutmayın. Bu, Yeni Destek sekmesi için nihai sonuç olacaktır.
Sonuç Genel olarak, hesap sayfam varsayılan olarak kullanıcı tarafından ihtiyaç duyulan temel bilgilere sahiptir, ancak oldukça temeldir. Dolayısıyla, mağazanızdaki kullanıcı deneyimini geliştirmek istiyorsanız, hesap sayfamı ayarlamanız gerekir. Bu sadece mağazanızın çok önemli kısmını artırmanıza yardımcı olmakla kalmaz, aynı zamanda satışlarınızı da artıracaktır. Hesap sayfalarımı ayarlamak için birkaç eklenti var. Ancak, eklentileri tekrar yüklemek ve kodlama becerilerine sahip olmak istemiyorsanız, programlanmış hesap sayfalarımı düzenleyebilirsiniz. Bunun için iki seçenek var:
Şablon dosyasını değiştir
Woocommerce Hooks kullanın
Her iki yöntem de çalışmayı tamamlayacak, ancak genel bir kural olarak, mümkünse kancayı kullanmanızı öneririz.Bu daha az risklidir ve WordPress tarafından önerilen en iyi uygulamalardan biridir.Bu kılavuzda, bu iki yöntemi kullanarak yapabileceğiniz bazı şeyler örnekleri gördük.Bu senaryoyu bir rehber olarak almanızı, bazı fikirleri almak için kullanmanızı ve mağazanızdaki hesap sayfalarımı en üst düzeye çıkarmak için oynamanızı öneririz.Son olarak, hesap sayfalarımı kullanma konusunda başka yönergeler için aşağıdaki kılavuza bakın: Eklentilerle ve eklentiler olmadan Hesabım WooOcommerce Nasıl Ayarlanır
Hesap sayfamı ayarlamak için en iyi eklenti woocommerce
Hesap sayfamda ne gibi değişiklikler yapıyorsunuz?Eğiticimizi takip etmede sorunlarınız var mı?Aşağıdaki yorum bölümünde bize bildirin!
