CodeCillop > WordPress Plugin > InstaShop WP Widget
codecillop-instashop-wpplugin

InstaShop WP Widget

CodeCillop InstaShop : Instagram fotoğraflarınızı hesabınızdan otomatik çekin ve WordPress sitenizdeki ürünlere / kategorilere / sayfalara bağlayın.

InstaShop ile ilgili detaylara ve bağlantıları atama ile ilgili bilgilere bu bağlantıdan ulaşabilirsiniz.

Instagram Hesabımızdan Örnek

Instagram Hesabınızı Kullanıma Açma (API)

Instagram API oluşturmayı bilmiyorsanız size yardımcı olalım. Rehber bilgiler için tıklayın… Göster

Widget Kullanımı:

Plugin zip dosyasını ister panelden kurun isterseniz FTP ile ilgili klasör içine atıp etkinleştirin ( WP-CONTENT > PLUGINS )

Sürükle Bırak ile kullanım:

  • Panelden Bileşenler alanını açın (Widgets)
  • InstaShop eklentisini widgetlar içinde bulup sürükle bırakla istediğiniz alana bırakın.
  • Gerekli ayarları girin.
  • Kaydedin ve görüntüleyin.

instashop-wordpress-widget

PHP dosyası içinde kullanım.

Temanızda herhangi bir php dosyası içerisine de yazabilirsiniz. Aşağıdaki örnek kodu kullanabilirsiniz.

<?php /*
// InstaShop Widget'ı PHP dosyasından çağıralım
$instausername = 'INSTAGRAM_USER_NAME';
$instaid = 'INSTAGRAM_USERID';
$token = 'ACCESS_TOKEN';
$displaylimit = 12; // Azami 20
$buttontext ='MORE';
$popup ='Popup'; // ya da 'Absolute Box'
$columns = 6; // En büyük ekran için en fazla 10
$instalinks = //Instagram ile senkronize linkler. En yeniler en başta
'<a href="/linkiiiiii/">SHOP NOW</a>
<a href="/linkiiiiii/">DETAILS</a>
<a href="/linkiiiiii/">CLICK HERE</a>
<a href="/linkiiiiii/">WHAT YOU WANT</a>
<a href="/linkiiiiii/">ZOOM IT</a>
<a href="/linkiiiiii/">WILL LOVE</a>
<a href="/linkiiiiii/">GO TO</a>
<a href="/linkiiiiii/">SIGN IN</a>
<a href="/linkiiiiii/">REGISTER</a>
<a href="/linkiiiiii/">RESERVE</a>
<a href="/linkiiiiii/">SAVE NATURE</a>
<a href="/linkiiiiii/">EVET</a>';

the_widget('wp_cc_instashop', 'title="GEL BAKİM"&text='.$instausername.'&instaid='.$instaid.'&instatoken='.$token.'&displaylimit='.$displaylimit.'&buttontext='.$buttontext.'&poapmi='.$popup.'&kolonsayi='.$columns.'&textarea='.$instalinks.''); */?>

Editör İçinde Kullanım

Bir sayfada metnin herhangi bir yerinde göstermek isterseniz bu kodları editöre yapıştırın. (HTML görünümü açarak yapmanızı öneririz)

[widget widget_name="wp_cc_instashop" instausername="INSTAGRAM_USERNAME" instaid="INSTAGRAM_USERID" token="ACCESS_TOKEN" displaylimit="12" columns="6" buttontext="LOOK" popup="Popup"]

Senkronize bağlantıları ayarlama (isterseniz)

Hesabınızdaki fotoğraflara web sitenizden bağlantı atayabilirsiniz. Üstelik birden fazla. Aşağıdaki örnek kodu editör içinde herhangi bir alana yapıştırıp düzenleyebilirsiniz. Her yeni fotoğraf yüklemenizde burayı düzenlemeniz gerekmekte ve en yeni fotoğraf için en üst satıra yeni bir <a> etiketi yerleştirmeli ve bağlantısını atamalısınız.

<div class="CC-InstaLinks">
<a href="DÜĞME_ANA_BAĞLANTI" data-titles="BAŞLIK_1|BAŞLIK_2|BAŞLIK_N_TANE" data-images="IMG_SRC_1|IMG_SRC_2|IMG_SRC_N_TANE" data-links="LINK_1|LINK_2|LINK_N_TANE">DÜĞME LİNK METNİ</a>
<a href="DÜĞME_ANA_BAĞLANTI" data-titles="BAŞLIK_1|BAŞLIK_2|BAŞLIK_3|BAŞLIK_N_TANE" data-images="IMG_SRC_1|IMG_SRC_2|IMG_SRC_3|IMG_SRC_N_TANE" data-links="LINK_1|LINK_2|LINK_3|LINK_N_TANE">DÜĞME LİNK METNİ</a>
<a href="DÜĞME_ANA_BAĞLANTI_2">BENİ TIKLA</a>
<a href="DÜĞME_ANA_BAĞLANTI_3">BENİ İNCELE</a>
<a href="DÜĞME_ANA_BAĞLANTI_4">DAHA FAZLA</a>
....
....
</div>

Önemli: Bu bağlantı örneğini “sürükle bırakta” da aynı şekilde kullanmanız gerekiyor. (InstaLinks alanı)

instashop-wordpress-widget-ineditor

İNDİR...

İNDİR...

Kişisel kullanımlar için ücretsizdir.
Ticari kullanımlar için lisans almanız gerekmektedir.
Lisans ücrete tabi olabilir.

InstaShop WP Widget : İndir

Dosyanız iniyor... Bağış yapmak ister misiniz?

Bağış yaparak yeni ve daha güzel kodlar geliştirmemize yardımcı olabilirsiniz.
PayPal üzerinden güvenli ödeme ile bağış yapabilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir