WordPress’e Sosyal Giriş Nasıl Eklenir (Kolay Yol)

WordPress web sitenize sosyal girişler eklemek mi istiyorsunuz?

Sosyal girişler, ziyaretçilerin mevcut sosyal medya hesaplarını kullanarak WordPress web sitenizde bir hesap oluşturmalarına olanak tanır. Kullanıcılar yeni bir kullanıcı adı veya şifre oluşturmak yerine Facebook, Google veya başka bir platformla giriş yapabilirler. Bu, onlara zaman kazandırır, sürtüşmeyi azaltır ve gelecekteki pazarlama amaçları için adlarına / e-posta adreslerine erişmenizi sağlar.

Bu makalede, WordPress’e nasıl sosyal giriş ekleyebileceğinizi göstereceğiz.

WordPress’e Neden Sosyal Giriş Ekleyelim?

WordPress web sitenizde kullanıcı kaydına izin vermek istemenizin birçok nedeni vardır. Çevrimiçi bir mağaza işletiyorsanız kullanıcı kaydı, müşterilerin ödeme ve teslimat bilgilerini kaydetmelerine olanak tanır. Bu, gelecekte tekrar satın almalarını kolaylaştırır.

Kullanıcı kaydı da bir WordPress üyelik sitesi oluşturmanın önemli bir parçasıdır.

Ancak, çoğu insan uzun kullanıcı kayıt formlarını doldurmaktan ve başka bir kullanıcı adı / şifre hatırlamaktan hoşlanmaz.

Sosyal girişler, ziyaretçilerin yalnızca bir düğmeye tıklayarak web sitenizde bir hesap oluşturmasına olanak tanır. Facebook giriş bilgileri gibi mevcut sosyal medya hesaplarındaki kullanıcı adı ve şifreyi kullanabilirler.

Çok kullanışlı olduğu için, sosyal giriş daha fazla insanı web sitenize kaydolmaya teşvik edebilir. Bununla birlikte, WordPress’e nasıl sosyal giriş ekleyebileceğinizi görelim.

Video Eğitimi

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

WordPress’e Sosyal Giriş Nasıl Eklenir

WordPress web sitenize bir ön uç girişi eklemenin en kolay yolu Nextend Social Login and Register eklentisini kullanmaktır.

Bu ücretsiz eklenti, ziyaretçilerin Facebook, Twitter veya Google kullanarak giriş yapmasını sağlar.

Not: Facebook, Twitter veya Google dışında bir site için sosyal giriş eklemek mi istiyorsunuz? PayPal, Slack ve TikTok dahil olmak üzere birçok farklı site için sosyal oturum açma özelliği ekleyen Nextend Social Login pro sürümü de bulunmaktadır.

Öncelikle Nextend eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress yönetici alanında Ayarlar ” Nextend Sosyal Giriş bölümüne gidin. Bu ekranda, WordPress sitenize ekleyebileceğiniz tüm farklı sosyal giriş seçeneklerini görürsünüz.

Sitenize bir sosyal giriş ekleme süreci Facebook, Twitter veya Google girişi eklemenize bağlı olarak değişecektir.

Örnek olarak Facebook ‘a bakalım.

WordPress web sitenize Facebook girişi eklemek için Facebook logosunun altındaki ‘Başlarken’ düğmesine tıklayın.

Bu noktada, Facebook’un yalnızca HTTPS OAuth Yönlendirmelerine izin verdiğine dair bir uyarı alabilirsiniz. Bu, WordPress’e Facebook girişi ekleyebilmeniz için sitenizin HTTPS kullanması gerektiği anlamına gelir. Bunu ayarlamak için WordPress’te HTTP’den HTTPS’ye nasıl geçileceğine ilişkin kılavuzumuza bakın.

HTTP’leri kullandıktan sonra, bir sonraki göreviniz bir Facebook uygulaması oluşturmaktır. Bu, Nextend eklentisine ekleyeceğiniz bir Uygulama Anahtarı ve Uygulama Sırrı oluşturmanıza olanak tanır.

Bir Facebook uygulaması oluşturmak kulağa teknik geliyor ama endişelenmeyin. Herhangi bir kod bilmenize gerek yok ve size tüm adımlarda yol göstereceğiz.

Bu uygulamayı oluşturmak için WordPress kontrol paneliniz ile Facebook Developers web sitesi arasında geçiş yapmanız gerekecektir. Bunu göz önünde bulundurarak, WordPress kontrol panelinizi mevcut sekmede açık bırakmak ve Facebook Geliştiricileri’ni yeni bir sekmede ziyaret etmek iyi bir fikirdir.

Facebook Geliştiriciler sekmenizde, ‘Uygulama Oluştur’ düğmesine tıklamanız yeterlidir.

Şimdi bir uygulama türü seçebilirsiniz. WordPress’e sosyal giriş eklemek istediğimizden, devam edin ve ‘Tüketici’ye tıklayın.

Bundan sonra, ekranın en altına gidin ve ‘İleri’ düğmesine tıklayın.

‘Görünen ad’ alanına Facebook uygulaması için kullanmak istediğiniz adı yazın. Bu ad ziyaretçilere gösterilecektir, bu nedenle WordPress web sitenizin adı gibi tanıyacakları bir şey kullanmak isteyeceksiniz.

Ardından, e-posta adresinizi ‘Uygulama iletişim e-postası’ alanına yazın.

Bu, Facebook’un sizi olası politika ihlalleri ve uygulama kısıtlamaları hakkında uyarmak veya silinen bir hesabı nasıl kurtarabileceğiniz hakkında bilgi paylaşmak için kullanacağı adrestir. Bunu göz önünde bulundurarak, düzenli olarak kontrol ettiğiniz bir e-posta adresi yazmak isteyeceksiniz.

Birden fazla Facebook sayfanız varsa, bir Facebook İşletme Yöneticisi hesabı oluşturmuş olabilirsiniz. Bu, ekip üyelerine giriş bilgilerinizi paylaşmadan Facebook sayfalarınıza tam veya kısmi erişim vermenizi sağlar.

Bir Facebook İşletme Yöneticisi hesabı oluşturduysanız, ‘İşletme Hesabı’ açılır menüsünü açarak yeni uygulamanızı yönetici hesabınıza bağlayabilirsiniz. Ardından, açılır menüden bir hesap yöneticisi seçmeniz yeterlidir.

Bir Facebook İşletme Yöneticiniz yoksa, bu açılır menüyü varsayılan ayar olan ‘İşletme Yöneticisi hesabı seçili değil’ olarak bırakabilirsiniz.

Bundan sonra, ‘Uygulama oluştur’ düğmesine tıklamaya hazırsınız.

Açılan pencerede Facebook hesabınızın şifresini girin ve ardından ‘Gönder’ düğmesine tıklayın.

Artık Facebook uygulamasına ürün eklemeye hazırsınız. Devam edin ve Facebook Girişi bölümünü bulun ve ardından ‘Kur’ düğmesine tıklayın.

Ardından, ‘Web’e tıklamanız yeterlidir.

Site URL’si alanına web sitenizin URL’sini yazın.

Doğru URL’yi almak için WordPress kontrol panelinizi gösteren sekmeye geri dönmeniz yeterlidir.

Bu ekranda Nextend’in Facebook’a nasıl bağlanacağına dair ayrıntılı talimatlar bulunmaktadır. Bu, kullanmanız gereken tam URL’yi göstermeyi de içerir.

Sitenizin URL’sini ‘Site URL’si’ alanına yazdıktan sonra, değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıkladığınızdan emin olun.

Sol taraftaki menüde ‘Facebook Girişi’ bölümünü bulun ve ‘Ayarlar’a tıklayın.

Bu ekranda, geçerli bir oAuth yönlendirmesi yapıştırmanız gerekir. Bu değeri almak için WordPress sekmenize geri dönmeniz yeterlidir.

Bu talimatlar, ‘Geçerli OAuth yönlendirme URI’leri’ olarak etiketlenmiş bir URL içerir. Devam edebilir ve bu URL’yi kopyalayabilirsiniz.

Ardından, Facebook Developer web sitesine geri dönün ve URL’yi ‘Valid OAuth Redirect URIs’ alanına yapıştırın.

Bundan sonra, en alttaki ‘Değişiklikleri kaydet’ düğmesine tıklamaya hazırsınız.

Sol taraftaki menüde Ayarlar ” Temel öğesine tıklayın.

‘Uygulama alanı’ alanına sitenizin alan adını yazın.

Gizlilik Politikası URL alanına, web sitenizin gizlilik politikasının adresini yazmanız gerekir. Bu gizlilik politikası, ziyaretçilerden topladığınız bilgileri ve sosyal girişlerden elde ettiğiniz bilgiler de dahil olmak üzere bu verileri nasıl kullanmayı planladığınızı açıklamalıdır.

Bu önemli sayfayı oluşturmak için yardıma ihtiyacınız varsa, lütfen WordPress’te gizlilik politikasının nasıl ekleneceğine ilişkin kılavuzumuza bakın.

GDPR ile uyumlu olmak için, kullanıcılara web sitenizdeki hesaplarını silmeleri için bir yol sunmalısınız.

Kullanıcıların WordPress hesaplarını silmelerine izin vermenin birçok yolu vardır, ancak bu talimatları her zaman ziyaretçilerinizle paylaşmalısınız.

Kullanıcıların bu bilgileri bulmasına yardımcı olmak için, ‘Kullanıcı Veri Silme’ bölümüne tıklayın ve ardından açılır menüden ‘Veri Silme Talimatları URL’sini seçin.

Daha sonra ziyaretçilerin hesaplarını nasıl sileceklerine ilişkin bilgileri bulabilecekleri URL’yi yazabilir veya kopyalayıp yapıştırabilirsiniz. Örneğin, talimatları gizlilik politikanıza veya SSS sayfanıza ekleyebilirsiniz.

Bunu yaptıktan sonra, ‘Kategori’ açılır menüsünü açın ve WordPress web sitenizde sosyal girişi nasıl kullanmayı planladığınızı en iyi temsil eden kategoriyi seçin.

Örneğin, WooCommerce mağazanıza Facebook girişi ekliyorsanız, genellikle ‘Alışveriş’ kategorisine tıklamak isteyeceksiniz.

Bunu yaptıktan sonra, bir sonraki adım bir Uygulama Simgesi seçmektir. Bu simge, Facebook’ta kullanıcıların yeni uygulamaları bulabileceği bir alan olan Uygulama Merkezi’nde uygulamanızı temsil edecektir.

Bu, uygulamamız için özellikle önemli değildir, ancak bir gerekliliktir, bu nedenle yine de bir uygulama simgesi oluşturmanız gerekecektir.

Uygulama simgeniz 512 x 512 ile 1024 x 1024 piksel arasında olmalı ve şeffaf bir arka plana sahip olmalıdır. Bu simgeyi oluştururken WhatsApp, Oculus ve Instagram markaları da dahil olmak üzere Facebook’un logolarının, ticari markalarının veya simgelerinin herhangi bir varyasyonunu kullanamazsınız.

Ayrıca herhangi bir ‘Facebook’ veya ‘FB’ metni de ekleyemezsiniz.

Henüz bir simgeniz yoksa, logo oluşturucu kullanarak kolayca profesyonel görünümlü bir Facebook uygulama simgesi oluşturabilirsiniz.

Bir uygulama simgesi oluşturduktan sonra, ‘Uygulama Simgesi’ bölümüne tıklayın ve ardından kullanmak istediğiniz görüntü dosyasını seçin.

Tüm bunlardan sonra, Değişiklikleri Kaydet düğmesine tıklayın.

Facebook uygulamanız varsayılan olarak özel olarak ayarlanmıştır. Bu, Facebook’u kullanarak giriş yapabilecek tek kişinin siz olduğunuz anlamına gelir.

Ziyaretçileriniz Facebook’u kullanarak bir hesap oluşturmadan önce, uygulamanızı canlı hale getirmeniz gerekir. Bunu yapmak için, ‘Uygulama Modu: Geliştirme’ kaydırıcısını bulun ve kaydırıcıyı beyazdan maviye çevirmek için üzerine tıklayın.

Facebook uygulamaları, kullanıcı bilgilerine ‘Standart erişim’ veya ‘Gelişmiş erişim’ sağlayabilir. Uygulamanız standart erişime sahipse, ziyaretçiler Facebook’un sosyal oturum açma özelliğini kullanarak giriş yapamazlar.

Geçmişte Facebook varsayılan izin ayarlarını değiştirdi, bu nedenle uygulamanızın sosyal girişi desteklemek için doğru izinlere sahip olup olmadığını her zaman kontrol etmeye değer.

Sol taraftaki menüde Uygulama İnceleme ” İzinler ve Özellikler‘e tıklayın.

Şimdi, ’email’ ve ‘public_profile’ izinlerini bulun.

Sosyal oturum açmayı desteklemek için, aşağıdaki resimde görebileceğiniz gibi bu izinlerin her ikisi de ‘Gelişmiş Erişim’ ve ‘Kullanıma Hazır’ olarak işaretlenmelidir.

Bunun yerine ‘Gelişmiş Erişim Alın’ düğmelerini mi görüyorsunuz? Bu, uygulamanızın şu anda sosyal oturum açma için doğru izinlere sahip olmadığı anlamına gelir.

Bu durumda, devam etmeniz ve ‘Gelişmiş Erişim Al’ düğmesine tıklamanız ve ardından ekrandaki talimatları izlemeniz gerekir.

Gelişmiş Erişim izinlerine sahip olduğunuzda, devam edin ve sol taraftaki menüden Ayarlar ” Temel seçeneğine tıklayın.

Sayfanın üst kısmında bir ‘Uygulama Kimliği’ ve ‘Uygulama Sırrı’ göreceksiniz.

Uygulama sırrını açığa çıkarmak için ‘Göster’ düğmesine tıklamanız ve ardından Facebook hesabınızın şifresini girmeniz yeterlidir.

Facebook Geliştiriciler web sitesi artık Uygulama sırrınızı gösterecek şekilde güncellenecektir.

Bir sonraki adım, Uygulama sırrını ve Uygulama Kimliğini Nextend eklentinize eklemektir. Bunu yapmak için WordPress kontrol paneline geri dönün.

Burada, ‘Ayarlar’ sekmesine tıklayın. Artık kimliği ve sırrı WordPress kontrol panelinizdeki ‘Uygulama Kimliği’ ve ‘Uygulama sırrı’ alanlarına yapıştırabilirsiniz.

Bunu yaptıktan sonra Değişiklikleri Kaydet düğmesine tıklayın.

Daha ileri gitmeden önce, sosyal oturum açma bilgilerinizin doğru kurulup kurulmadığını test etmek iyi bir fikirdir. Bunu yapmak için Ayarları Doğrula düğmesine tıklamanız yeterlidir.

Bu, Facebook kullanıcı adınızı ve şifrenizi yazabileceğiniz bir açılır pencere açacaktır. Sosyal girişi doğru şekilde ayarladıysanız, artık WordPress blogunuzda oturum açmış olmanız gerekir.

Sosyal girişiniz çalışıyor olsa bile, Nextend sizi sağlayıcının şu anda devre dışı olduğu konusunda uyarabilir. Bu uyarıyı görürseniz, Etkinleştir düğmesine tıklamanız yeterlidir.

Artık WordPress web sitenize sosyal oturum açma özelliğini başarıyla eklediniz. Bir sonraki adım, giriş düğmesinin sitenizde nasıl görüneceğini ve nasıl davranacağını değiştirmektir.

Sosyal giriş düğmesini şekillendirmek için ‘Düğmeler’ sekmesine tıklamanız yeterlidir. Şimdi sosyal giriş düğmesi için kullanabileceğiniz tüm farklı stilleri göreceksiniz.

Farklı bir stil kullanmak için, radyo düğmesini seçmek üzere tıklamanız yeterlidir.

Bunu yaptıktan sonra, ‘Oturum açma etiketi’ metnini düzenleyerek Nextend’in bu düğmede gösterdiği metni değiştirebilirsiniz.

Giriş etiketine bazı temel biçimlendirmeler de uygulayabilirsiniz. Örneğin, aşağıdaki görüntüde <b> ve </b> HTML etiketlerini kullanarak kalın bir efekt uyguluyoruz.

Bunun yanı sıra, bu düğmenin ‘Bağlantı etiketi’ için kullandığı metni değiştirme seçeneğiniz de vardır. Bu, ziyaretçi web sitenizde bir hesap oluşturduğunda ancak bu hesabı Facebook’a bağlamadığında Nextend’in gösterdiği metindir.

Bağlantı etiketini, oturum açan kullanıcıları hesaplarını çeşitli sosyal medya profillerine bağlamaya teşvik etmek için kullanabilirsiniz.

Bu metni değiştirmek için ‘Bağlantı etiketi’ alanına yazmanız yeterlidir. Bir kez daha, etiket metnine bazı temel biçimlendirmeler uygulamak için HTML kullanabilirsiniz.

Ayrıca ziyaretçilerin sosyal medya profillerinin WordPress web sitenizle bağlantısını kesmelerini de kolaylaştırmalısınız.

‘Etiketin bağlantısını kaldır’ alanı burada devreye girer.

Bu alana, sitenizin sosyal hesaplarını web sitenize zaten bağlamış olan oturum açmış kullanıcılara göstereceği metni yazabilirsiniz.

Kullanıcılar bu bağlantıya tıklayarak WordPress web siteniz ile sosyal medya hesapları arasındaki bağlantıyı kesebilecekler.

Bu ayarlar çoğu web sitesi için yeterli olacaktır. Ancak, tamamen özel bir düğme oluşturmayı tercih ediyorsanız, ‘Özel düğme kullan’ kutusunu her zaman işaretleyebilirsiniz.

Bu, kod kullanarak kendi sosyal giriş düğmenizi oluşturabileceğiniz yeni bir bölüm ekler.

Düğmenizi nasıl şekillendirdiğinizden memnun olduğunuzda Değişiklikleri Kaydet düğmesine tıklayın.

Ardından, ‘Kullanım’ sekmesine tıklayın. Nextend şimdi WordPress web sitenize sosyal giriş düğmesi eklemek için kullanabileceğiniz tüm kısa kodları gösterecektir.

Bu kısa kodlar çeşitli giriş düğmeleri oluşturabilir. Facebook için temel bir giriş düğmesi oluşturmak için aşağıdaki kısa kodu kullanırsınız:

[nextend_social_login provider=”facebook”]

Aşağıdaki resimde, bu sosyal giriş düğmesinin sitenizde nasıl görüneceğine dair bir örnek gösterilmektedir.

‘Kullanım’ sekmesinde görebileceğiniz gibi, kısa kodunuza ekleyebileceğiniz birkaç ekstra parametre vardır. Bu, düğmenin nasıl görüneceğini veya davranacağını değiştirecektir.

Metin etiketi olmayan bir sosyal giriş düğmesi oluşturmak istiyorsanız, ‘icon’ parametresini ekleyebilirsiniz, örneğin [nextend_social_login provider=”facebook” style=”icon”]

İşte bu düğmenin WordPress web sitenizde nasıl görüneceğine dair bir örnek.

Bir ziyaretçi sitenize bir sosyal hesap kullanarak giriş yaptığında, onları otomatik olarak bir sayfaya yönlendirebilirsiniz. Bu ekranda, kullanıcıları Nextend sitesine yönlendirecek örnek bir kısa kod bulunmaktadır.

Bu kısa kodu, ziyaretçiyi kendi WordPress web sitenizdeki bir sayfaya yönlendirecek şekilde kolayca özelleştirebilirsiniz.

Kısa kodunuza ekleyebileceğiniz birkaç parametre daha vardır, parametrelerin tam listesini görmek için eklenti belgelerindeki bağlantıya tıklayın.

Hangi kısa kodu kullanmak istediğinize karar verdikten sonra, kodu herhangi bir sayfaya, yazıya veya widget hazır alanına ekleyebilirsiniz. Adım adım talimatlar için WordPress’te nasıl kısa kod ekleneceğine ilişkin başlangıç kılavuzumuza bakın.

Umarız bu makale WordPress web sitenize nasıl sosyal giriş ekleyeceğinizi öğrenmenize yardımcı olmuştur. WordPress için en iyi sosyal medya eklentileri ve WordPress web sitenizin ziyaretçilerini nasıl takip edeceğiniz hakkındaki rehberimizi de inceleyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.