[morpheus]

Bugünkü dersimiz mağazamızı nasıl facebook a entegre ederiz insanların hiç facebook sayfasından ayrılmadan mağazamızdan alışveriş yapması sağlarız onu anlatıcam.
1 ön Hazırlık
developers.facebook.com sayfasına gidip siteniz için bir app oluşturun facebook login kullananlar zaten bunu yapmıştır. Nasıl yapıldığını bilmiyorsanız birsürü döküman var oradan inceleyin.
2 facebook için özel layout oluşturma. İsteyen vidget mode layoutu da kullanabilir isteteyen sadece facebook için optimize edilmiş bir layout oluşturabilir. 
daha sonra developers.facebook.com sayfanızdan app sayfanıza girin ayarlar basic  seçin sayfanın en altında add platform göreceksiniz oraya tıklayın ve page tab seçin
page tab ekledikden sonra size ssl li olmak kuşuluyla ekleyeceğiniz sayfanın url sini soracaktır oraya facebook ta kullanmak istediğiniz layout u önizleme yapın linkini kopyalayıp oraya yapıştırın örnek 
https://www.sitenizinadi.com/?s_layout=13
gerekli yerleri doldurduktan sonra değişiklikleri kaydedin.

Şimdi sıra geldi oluşturduğunuz bu page tabı facebook taki mağaza sayfanıza entegre etmeye
 alttaki linkteki APPID ve UYGULAMA-ADRESİ  yazan yerleri appid yerine developer.facebook.com da göreceğiniz uygulamanızın id sini UYGULAMA-ADRESİ yerinede app url sine yazdığınız facebook için oluşturmuş olduğunuz layout önizleme linki ile değiştirin kopya yapıştır la browser adres barına yapıştırıp gidin
açılan sayfada uygulama seç görünecektir orada üzerine tıklayıp kendi uygulamanızı seçin kaydedin bitti
artık facebook sayfanızda tab a ne ad verdiyseniz o isimle bir link görünür oraya tıklandığında facebook sayfasından ayrılmadan mağazanız görüntülenir ve oradan alışveriş yapılabilir. Biraz aceleyle yazdım atladığım bişe varsa sorun düzenleme yaparız

facebook sayfasına eklenmiş örnek https://www.facebook.com/Fildepo-2178051...164034148/

[morpheus]

Ek bilgi: Facebook tab a eklediğiniz sayfa scrool özellikli olarak import ediliyor yani sayfanın tamamı görünmüyor halbuki facebook sayfamıza girenin mağaza sayfamızın tamamını görmesini isteriz bunu yapmak için de bir tane tpl mizi editlememiz gerekiyor. Kullandığınız temanın templates klasöründeki meta.tpl dosyasını açın ver sayfanın başına

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : 'xxxxxxxxxxxx', //facebook app id nizi buraya yazın
});
FB.Canvas.setAutoGrow();
}
</script>

kodlarını ekleyin
appId yi kendi appId nizle değiştirmeyi unutmayın. Artık sayfanız tam sayfa görünecektir örnekte aynı düzenleme yapıldı bakabilirsiniz