Sitenize üye olmak isteyen kullanıcılar için farklı alternatifler ekleyebilirsiniz.

Birden fazla üyelik seçeneğinin olması üyelik işlemini kolaylaştıracaktır.

Facebook hesabı ile üye olmak isteyen ziyaretçiler için "Facebook İle Giriş" butonunu sitenize ekleyebilirsiniz.


Facebook İle Giriş kurulumunu yapmak için aşağıdaki adımları uygulayabilirsiniz.

1. Öncelikle facebook developer girişi için https://developers.facebook.com adresine giriniz. Daha önce facebook developer hesabı oluşturmadıysanız "Log In" seçeneğine tıklayınız.

face.png (846 KB)

2. Kuruluma başlamak için facebook hesabınız ile giriş yapmalısınız. Herhangi bir facebook hesabı ile işleme devam edebilirsiniz. Siteniz adına oluşturulan bir facebook hesabı olmasını tavsiye ederiz.

face2.png (23 KB)

3. Giriş yaptığınızda developer hesabına ilk defa giriş yapıyorsanız "Get Started" butonuna tıklayarak, gelen adımları doldurunuz.

face3.png (846 KB)

3.1. Developer hesabı oluşturmak için "Continue" butonuna tıklayınız.

face4.png (50 KB)

3.2. Hesaba tanımlanacak telefon numarası ekleyiniz ve "Send Verification SMS" butonuna tıklayınız.

face5.png (57 KB)

3.3. Hesaba tanımlı mail bilgisini onaylamak için "Confirm Email" butonuna tıklayınız.

face6.png (56 KB)

3.4. Hesap türünü seçiniz. "Other" seçerek, "Complete Registration" butonuna tıklayınız.

face7.png (52 KB)

4. Daha önceden oluşturulan developer hesabınız var ise, tarayıcıda facebook hesabınıza giriş yapınız. Daha sonra https://developers.facebook.com adresine girdiğinizde direk "My Apps" seçeneğine tıklayabilirsiniz.

face21.png (846 KB)

5. Yeni developer hesabı açma işlemlerinden veya varolan hesabınıza giriş yaptıktan sonra "My Apps" seçeneğine tıkladığınızda, uygulama oluşturma sayfasına yönlendirilirsiniz. Bu sayfa üzerinde "Create App" butonuna tıklayınız.

face8.png (58 KB)

Create app sayfasında uygulamayı hangi amaç için kullanmak istediğinizin bilgisi sorulmaktadır. Verilen seçenekler arasından "Other" seçiniz ve "Next" butonuna tıklayınız.

face24.png (96 KB)

6. Uygulama tipi için "Hiçbiri" seçeneğini seçiniz ve "Next" butonuna tıklayınız.

face9.png (81 KB)

7. Uygulama detayı sayfasında yer alan bilgileri doldurunuz ve "Create App" butonuna tıklayınız.

     - Display Name : Uygulamanızın ismidir. Site adınızı yazabilirsiniz.

     - App Contact Email : Hesaba tanımlı mail adresi seçili gelecektir. 

     - Business Account : Facebook hesabına tanımlı business manager hesabınız varsa seçebilirsiniz. Zorunlu değildir.

face10.png (59 KB)

8. Oluşturulacak uygulama türleri arasından "Facebook Login" seçiniz ve "Set Up" butonuna tıklayınız.

face11.png (117 KB)

9. Facebook login uygulama türü için "Web" seçeneğine tıklayınız.

face12.png (73 KB)

10. Yönlendirildiğiniz sayfada "Tell Us About Your Website" alanına web sitenizin linkini ekleyiniz ve "Save" butonuna tıklayınız.

face13.png (83 KB)

11. Sol menüden "Settings > Basic" sayfasına tıklayınız. Gelen alanlardan aşağıda belirtilenleri doldurunuz ve "Save Changes" butonuna tıklayınız.

     - Display Name : Site adınızı yazınız.

     - App Domains : Site linkinizi ekleyiniz.

     - Privacy Policy Url : Sitenizde kullandığınız gizlilik ve güvenlik sözleşmesinin linkini, site adı ile birlikte tam url olacak şekilde ekleyiniz. Örnek: https://www.siteadi.com/gizlilik-ve-guvenlik

     - Terms of Service Url : Sitenizde kullandığınız üyelik sözleşmesinin linkini, site adı ile birlikte tam url olacak şekilde ekleyiniz. Örnek: https://www.siteadi.com/uyelik-sozlesmesi 

     - Category : Kullanım e-ticaret sitesinde olacağından uygulama kategorisini "Shopping" seçebilirsiniz.

face14.png (115 KB)

12. Sol menüden "Facebook Login > Settings" sayfasına tıklayınız. Gelen sayfada aşağıdaki işlemleri yapınız ve "Save Changes" butonuna tıklayınız.

     - Client OAuth Login : Bu seçenek varsayılan olarak "Yes" şeklinde gelmektedir. Bu seçeneği "No" yapmalısınız.

     - Valid OAuth Redirect Urls : Site linkinizin sonuna "/srv/service/social/Facebook/callback/" yazarak bu alana ekleyiniz. Eklediğiniz link seçilebilir şekilde oluşacaktır, tıklayarak seçiniz.

Örnek : https://www.siteadi.com/srv/service/social/Facebook/callback/

face15.png (146 KB)

13. Tekrar sol menüden "Settings > Basic" sayfasına tıklayınız. Facebook Login entegrasyonu için kullanılacak olan bilgiler yer almaktadır. "Show" butonuna tıklayarak uygulama parolasını görebilirsiniz.

face23.png (82 KB)

14. "Settings > Basic" sayfasından yer alan bilgileri, yönetim panelinde "Ayarlar > Genel Ayarlar > Facebook Entegrasyon" sayfasında yer alan ayarlara ekleyiniz. 

face17.png (35 KB)

15. Kodları panele ekledikten sonra facebook giriş uygulamasının siteye yansıması için uygulamayı "In Development" modundan, "Live" moduna almalısınız. "In Development" seçeğine tıklayınız ve gelen uyarıda "Switch Mode" butonuna tıklayınız. Live moduna geçildiğinde uygulama kullanıma hazır durumdadır.

face18.png (93 KB)
face22.png (16 KB)

Üye Giriş Sayfası Görünüm 

face19.png (15 KB)

İşlemleri tamamladığınızda sitede Facebook İle Giriş seçeneğini göremiyorsanız, panel önbelleiğini temizleyerek, gizli sekmeden kontrol edebilirsiniz.

Facebook ile üye olan kullanıcıların "Üyeler > Üyeler" sayfasında "Platform" sütununda facebook simgesi bulunacaktır.

face20.png (42 KB)