Instagram’a bağlanıyor mu?

Hayır. Fotoğrafları bölüme kendiniz yüklersiniz. Böylece Instagram API’siyle, süresi dolan anahtarlarla ve sayfayı yavaşlatan üçüncü taraf yerleştirmeleriyle uğraşmazsınız; hangi fotoğrafların görüneceğine de tamamen siz karar verirsiniz.

Müşterilerin fotoğraflarını kullanabilir miyim?

Yalnızca izin alarak. Bir fotoğrafı yayınlamadan önce sahibine sorun, adını onun kabul ettiği şekilde belirtin ve onayın kaydını saklayın. Demodaki fotoğraflar gerçek müşterilere ait değil, üretilmiş görsellerdir.

Ürün bağlantıları nasıl çalışıyor?

Fotoğrafın bloğunda bir ürün seçin: ürünün adını ve fiyatını (mağazanızdan geldiği için her zaman günceldir) gösteren bir etiket, ürün sayfasına bağlanır. Mobilde yer kazanmak için etiket yalnızca ürün adını gösterir.

Kaç fotoğraf ekleyebilirim?

En çok 24; masaüstünde 2–6, mobilde 1–3 sütun halinde, kare ya da dikey. Ekran okuyucuların fotoğrafı tarif edebilmesi için her fotoğrafın alternatif metnini görselin ayrıntılarına girin.

Müşteri fotoğraf galerisi

Yüklediğiniz müşteri fotoğraflarıyla Instagram tarzı bir ızgara; her fotoğraf, içindeki ürüne adı ve fiyatıyla bağlanır. Instagram API’si de uygulama da yok.

Kategori: Sosyal kanıt ve güven
Kullanım yeri: Ana sayfa, Ürün, Hakkımızda
Okuduğu veri: Yüklenen fotoğraflar, ürünler
Boyut: 21 KB, JavaScript yok
Lisans: MIT, müşteri işlerinde ücretsiz

Markdown olarak görüntüle ChatGPT’de aç Claude’da aç

Kısaca

Müşteri fotoğraf galerisi, müşteri fotoğraflarını Instagram tarzı bir ızgarada sergileyen ücretsiz bir Shopify bölümüdür. Müşterilerin sizinle paylaştığı fotoğrafları kendiniz yüklersiniz; her fotoğraf, adı ve fiyatı mağazanızdan gelen ürüne bağlanabilir ve isteğe bağlı olarak fotoğraf sahibini belirten bir not taşıyabilir. Instagram’dan ya da başka bir hizmetten hiçbir şey çekilmez; yenilenmesi gereken bir API anahtarı, üçüncü taraf betiği ya da izleme yoktur. Fotoğrafları, diğer tema görselleri gibi Shopify duyarlı boyutlarda sunar. Alttaki bir düğme, ziyaretçileri hashtag sayfanıza ya da bir gönderim formuna yönlendirebilir. Online Store 2.0 temaları için düz Liquid ve CSS’tir.

Örnek içerikli demo

Ne zaman kullanılır

Ana sayfada, fotoğraflardaki ürünlere bağlantı veren bir "Evlerinizden" ızgarası
Ürün sayfasında, ürünü gerçek kullanımda gösteren müşteri fotoğrafları
Müşterileri fotoğraflarını paylaşmaya davet eden, düğmeli bir topluluk sayfası

Tema düzenleyicide

Başlık (H1–H3 ya da paragraf etiketi, üç boyut), giriş metni, stil ve yeni sekme seçenekli düğme
Fotoğraf blokları (en çok 24): fotoğraf ve mobil fotoğraf, fotoğraf sahibi notu, fotoğraftaki ürün
Ürün etiketi: adın önündeki metin ve fiyat
Masaüstünde (2–6) ve mobilde (1–3) sütun, kare ya da dikey fotoğraf, boşluk, köşe yuvarlaklığı
Sayfa ya da tam genişlik, cihaza göre başlık hizalaması
Arka plan rengi ya da gradyanı, metin, vurgu, vurgu üzerindeki metin ve ürün etiketi renkleri
Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), üzerine gelince fotoğraf yakınlaşması

Dosyalar

sections/lib-ugc-gallery.liquid

İndir

Kodu görün

lib-ugc-gallery.liquid dosyasını açın

snippets/lib-image.liquid

İndir

Kodu görün

lib-image.liquid dosyasını açın

snippets/lib-button.liquid

İndir

Kodu görün

lib-button.liquid dosyasını açın

Sade Liquid ve CSS ile, JavaScript olmadan yazıldı. Uygulama da bağımlılık da yok.

Temanıza nasıl eklenir

Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.

Sık sorulan sorular

Instagram’a bağlanıyor mu?: Hayır. Fotoğrafları bölüme kendiniz yüklersiniz. Böylece Instagram API’siyle, süresi dolan anahtarlarla ve sayfayı yavaşlatan üçüncü taraf yerleştirmeleriyle uğraşmazsınız; hangi fotoğrafların görüneceğine de tamamen siz karar verirsiniz.
Müşterilerin fotoğraflarını kullanabilir miyim?: Yalnızca izin alarak. Bir fotoğrafı yayınlamadan önce sahibine sorun, adını onun kabul ettiği şekilde belirtin ve onayın kaydını saklayın. Demodaki fotoğraflar gerçek müşterilere ait değil, üretilmiş görsellerdir.
Ürün bağlantıları nasıl çalışıyor?: Fotoğrafın bloğunda bir ürün seçin: ürünün adını ve fiyatını (mağazanızdan geldiği için her zaman günceldir) gösteren bir etiket, ürün sayfasına bağlanır. Mobilde yer kazanmak için etiket yalnızca ürün adını gösterir.
Kaç fotoğraf ekleyebilirim?: En çok 24; masaüstünde 2–6, mobilde 1–3 sütun halinde, kare ya da dikey. Ekran okuyucuların fotoğrafı tarif edebilmesi için her fotoğrafın alternatif metnini görselin ayrıntılarına girin.

Yayınlamadan önce

Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.

Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.

Sosyal kanıt ve güven
Logo bulutu
Basın, iş ortağı ya da satış noktası logolarından sabit ızgara veya satır; üzerine gelince griden renge, ayırıcı çizgi ya da kart, cihaza göre logo boyu.
Sosyal kanıt ve güven
Basın alıntıları
Yayın logolarıyla "Basında biz" alıntıları: alıntı kartları ya da logo sekmeleriyle değişen bir alıntı döngüsü. Duraklatma düğmesi var, sahte logo yok.
Sosyal kanıt ve güven
Değerlendirme özeti
Yorum uygulamanızın doldurduğu reviews.rating metafieldlarından yıldız puanı ve yorum sayısı, yorumlara bağlantıyla. Puanı olmayan üründe görünmez.