Narrative

Narrative, görsel öykü anlatımı için tasarlanmış butik bir temadır. Narrative'i eşsiz kılan faktör bir öyküyü anlatmak için görsellere odaklanıyor olmasıdır. Varsayılan olarak, ana sayfada tam genişlikli bir slayt gösterisi, metinli bir görsel ve bir video bulunur. Bu düzen, güçlü bir görsel etkiye sahiptir ve markanızın öyküsünü çok fazla metin kullanmadan anlatmanızı sağlar.

Narrative kullanan örnek online mağaza

Aşağıdaki olanaklara sahip olmak istiyorsanız ideal seçenek Narrative'tir:

  • Markanızla ilgili bir öykü anlatmak için görselleri ve videoları kullanma
  • Mağazanızın vizyonu, misyonu veya değerleri hakkında güçlü bir mesaj verme
  • Tek bir ürünün veya küçük bir envanterin benzersiz tasarımını vurgulama

Tema düzenleyicisi

Temanızı özelleştirmek için tema düzenleyicisini kullanın. Tema düzenleyicisi araç çubuğu Bölümler'e ve Tema ayarları'na ayrılmıştır.

Bölümler'i ve Tema ayarları'nı gösteren tema düzenleyicisi araç çubuğu

Mağazanızdaki farklı sayfaların içeriğini ve düzenini değiştirmek için bölümleri kullanabilirsiniz. Mağazanızın yazı tiplerini ve renklerini özelleştirmek için tema ayarlarını kullanabilir, sosyal medya bağlantılarınızda ve ödeme ayarlarınızda değişiklik yapabilirsiniz.

Bölümler, online mağazanızdaki farklı sayfaların düzenini belirleyen, özelleştirilebilir içerik bloklarıdır.

  • Ana sayfa bölümleri, ekleyebileceğiniz, yeniden düzenleyebileceğiniz veya kaldırabileceğiniz slayt gösterisi veya bülten kaydı gibi özellikleri içerir. Ana sayfanızda en fazla 25 bölümünüz olabilir.

  • Her sayfa türünün kendi bölümleri vardır. Örneğin, ürün sayfası bölümü online mağazanızdaki her ürün sayfasının düzenini belirler.

  • Sayfa bölümleri her zaman online mağazanızdaki belirli yerlerde bulunur. Bunları özelleştirebilirsiniz ancak yeniden düzenleyemez veya kaldıramazsınız.

  • Her bir tema, online mağazanızın her sayfasında gösterilen üstbilgi ve altbilgi gibi sabit bölümler içerir.

temasının benzersiz bölümler dizisi ve bunların işletmenize uyacak şekilde nasıl özelleştirileceği hakkında bilgi edinebilirsiniz.

Narrative aşağıdaki statik bölümleri içerir:

  • Üstbilgi

  • Slayt gösterisi
  • Altbilgi
  • Ürün sayfaları
  • Koleksiyon sayfaları
  • Koleksiyonlar listesi sayfası
  • Blog
  • Gönderiler
  • Sepet sayfası

Dinamik bölümler

Ana sayfanızın düzenini özelleştirmek için dinamik bölümler ekleyebilir, bunları yeniden düzenleyebilir ve kaldırabilirsiniz. Her temanın, arasından seçim yapabileceğiniz benzersiz bir dinamik bölümler grubu vardır.

Narrative aşağıdaki dinamik bölümleri içerir:

  • Blog gönderileri

  • Koleksiyon listesi
  • Öne çıkan koleksiyon
  • Galeri
  • Highlight (Vurgula)
  • Image with text (Metinli görsel)
  • Image with text overlay (Metin katmanı içeren görsel)
  • Öne çıkan ürün
  • Bülten
  • Harita
  • Zengin metin
  • Kullanıcı Görüşleri
  • Video
  • Özel içerik
  • Featured slider (Öne çıkan kaydırıcısı)

Üstbilgi

Üstbilgi bölümünde, mağazanızın her sayfasının üst tarafında görünen içerik bulunur. Narrative, müşterilerin bir gezinme simgesine tıklayarak erişebileceği iki gezinme menüsü seçmenizi sağlar:

Mağazanızın üstbilgisini şeffaf yaparak da üstbilginin görünümünü değiştirebilirsiniz. Bu durumda üstbilgi, altındaki bölümle aynı arka planı kullanır:

Üstbilgi bölümünü özelleştirmek için:

  1. Bölümler sekmesine tıklayın.

  2. Üstbilgi bölümüne tıklayın.

  3. Logo image (Logo görseli) alanında Görsel seç'e tıklayın ve aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Custom logo height (in pixels) (Özel logo genişliği (piksel)) alanına, logonuzun piksel yüksekliğini girin.

  2. Shopping cart icon (Alışveriş sepeti simgesi) listesinden, üstbilginizde çanta mı yoksa sepet logosu mu gösterileceğini seçin.

  3. Mağazanızın üstbilgisini şeffaf yapmak istiyorsanız aşağıdaki işlemleri gerçekleştirin:

    1. Enable transparent header on the home page (Ana sayfada şeffaf üstbilgiyi etkinleştir) seçeneğine tıklayın.
    2. Şeffaf arka plan üzerinde gösterilecek bir görsel seçin. Üstbilgi sayfanızda göstermek için seçtiğiniz logodan farklı bir logo seçmeniz gerekebilir. Örneğin, koyu bir arka planda gösterilecek beyaz bir logoya ihtiyacınız olabilir.
    3. Logo görseli ile gezinme ve sepet simgeleri için renk seçmek üzere Transparent header icons color (Şeffaf üstbilgi simgeleri rengi) paletine tıklayın.
  4. Primary navigation (Birincil gezinme) listesinden, bir müşteri gezinme simgesine tıkladığında gösterilecek ana menüyü seçin:

  5. Secondary navigation (İkincil gezinme) listesinden ikincil menüyü seçin:

  6. Kaydet'e tıklayın.

Slayt gösterisi

Beş adede kadar görsel veya video slaytı döndüren bir ana sayfa slayt gösterisi oluşturabilirsiniz.

Slaytlarınız için yüksek çözünürlüklü görseller kullanmanız önerilir. 4000 x 2200 piksel veya daha büyük görseller kullanın ancak Shopify'ın yükleme sınırlarını aşmayın.

Slayt gösterisinin boyutu ve şekli, müşterinin cihazının boyutuna ve şekline bağlı olduğundan slayt gösterinizin görselleri bazı ekranlarda kırpılır. Her bir görselin önemli parçasının her zaman görünür olması için odak noktası ortada olan görseller kullanmayı deneyin.

Slayt gösterisi görsellerine yönelik en iyi uygulamalar hakkında daha fazla bilgi edinmek için Görsel yükleme bölümüne bakın.

Slayt gösterisi bölümü aşağıdaki ayarları içerir:

  • Slide height (Slayt yüksekliği) - Slayt gösterisinin yüksekliğini ayarlayın. Slayt gösterinizin yüksekliğini, ilk görselinizin yüksekliğine dayandırmak için Adapt to first image slide height (İlk görsel slaytının yüksekliğine uyarla) seçeneğini belirleyin.
  • Center buttons (Düğmeleri ortala) - Slaytlarınızda düğmelerin konumunu ayarlayın.
  • Show overlay (Katman göster) - Slaytlarınızın üzerine renk katmanı ekleyin. Katman, slayt gösterisinin okunmasını kolaylaştırabilir.
  • Overlay color (Katman rengi) - Katmanınızın rengini ayarlayın.
  • Opacity (Opaklık) - Katmanınızın opaklığını ayarlayın.
  • Görsel - Slayt gösterinize görsel slaytı ekleyin.
  • Image alignment (Görsel hizalaması) - Slayt gösterisinde odaklanılacak en önemli görsel alanını seçin.
  • Video link (Video bağlantısı) - Videonuzun YouTube bağlantısını ekleyin.
  • Kapak görseli - Video slaytınıza kapak görseli ekleyin. Kapak görseli, video oynatılmadığında gösterilir.
  • Başlık - Slaytınıza bir başlık ekleyin.
  • Slide title (Slayt başlığı) - Slaytınız için başlık ekleyin. Birden fazla slaytınız olduğunda slayt gösterisinin alt tarafında bu başlık gösterilir.
  • Button label (Düğme etiketi) - Slaytınıza metin etiketi içeren bir düğme ekleyin.
  • Button link (Düğme bağlantısı) - Düğmeyi online mağazanızın başka bir bölümüne bağlayan bir bağlantı oluşturun.

Ana sayfanıza slayt gösterisi ekleme

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Slideshow (Slayt gösterisi) seçeneğine tıklayın.

  3. Slayt gösterinizi özelleştirmek için ayarları kullanın.

  4. Kaydet'e tıklayın.

Altbilgi

Altbilgi bölümünde, mağazanızdaki her sayfanın alt tarafında görünen içeriği düzenleyebilirsiniz. Altbilginize aşağıdaki özellikleri ekleyebilirsiniz:

  • sosyal medya simgeleri
  • ödeme simgeleri
  • bir bülten kaydı
  • paralaks kaydırma efekti
  • iki adede kadar menü

Bir web sitesinde menünün, bülten kaydı bölümünün, telif hakkı metninin ve ödeme simgelerinin gösterildiği altbilgi bölümü.

Altbilgi bölümünü özelleştirmek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Bölümler'e tıklayın.

  3. Altbilgi'ye tıklayın.

  4. Show social icons (Sosyal medya simgeleri göster) seçeneğini işaretleyerek altbilginize sosyal medya simgeleri ekleyin. Sosyal medya ayarlarından simgeleri sosyal medya hesaplarınıza bağlayabilirsiniz.

  5. Show payment icons (Ödeme simgeleri göster) seçeneğini işaretleyerek altbilginize Mastercard veya PayPal gibi ödeme simgeleri ekleyin.

  6. Altbilginize bülten kaydı eklemek için aşağıdaki adımları izleyin:

    1. Show newsletter signup (Bülten kaydını göster) seçeneğini işaretleyin.
    2. Başlık alanına bülten kaydı bölümünüz için bir başlık girin. Varsayılan başlık "Sign up for updates" (Güncellemelere kaydolun) şeklindedir.
    3. Subheading (Alt başlık) alanına bülten kaydı bölümünüz için bir alt başlık girin. Varsayılan alt başlık "Promotions, new products and sales. Directly to your inbox" (Promosyonlar, yeni ürünler ve satışlar. Hepsi gelen kutunuzda" şeklindedir.
  7. Altbilginize menü eklemek için aşağıdaki adımları izleyin:

    1. Menü ekle'ye tıklayın.
    2. Varsayılan menüyü düzenlemek için Menüyü düzenle'ye tıklayın. Varsayılan menüyü farklı bir menüyle değiştirmek için Değiştir'e tıklayıp mevcut bir menüyü seçin. Yeni menü oluşturmak için Menü oluştur'a tıklayın.
  8. Kaydet'e tıklayın.

Ürün sayfaları

Ürün sayfaları bölümünde, aşağıdaki öğeleri ekleyebilir veya kaldırabilirsiniz:

  • Adet seçici
  • Varyasyon etiketleri
  • Ürünün markası veya satıcısı
  • Varyasyon görselleri
  • Dinamik ödeme düğmesi
  • Sosyal medya paylaşım düğmeleri
  • Ürün önerileri

Ürün sayfalarının ayarlarını düzenlemek için:

  1. Üst çubuktaki açılır menüden Ürün sayfaları'nı seçin.

  2. Bölümler'e tıklayın.

  3. Ürün sayfaları'na tıklayın.

  4. Adet seçici göstermek için Show quantity selector (Adet seçici göster) seçeneğini işaretleyin.

  5. "Beden" ve "Renk" gibi varyasyon etiketlerini göstermek için Show variant labels (Varyasyon etiketlerini göster) seçeneğini işaretleyin. Gösterilen varyasyon etiketleri, ürüne yönelik varyasyon seçeneği adlarına bağlıdır.

  6. Ürünün markasını veya satıcısını göstermek için Show product vendor (Ürün satıcısını göster) seçeneğini işaretleyin. Bir markanın veya satıcının gösterilmesi için ürüne satıcı eklemeniz gerekir.

  7. Varyasyon görsellerinin sayfanın alt tarafındaki galeride gösterilmesini engellemek için Hide variant images in gallery (Varyasyon görsellerini galeride gizle) seçeneğini işaretleyin. Bunu yaptığınızda, yalnızca bir varyasyona eklenmiş olmayan görseller gösterilir.

  8. Dinamik ödeme düğmesi göstermek için Show dynamic checkout button (Dinamik ödeme düğmesini göster) seçeneğini işaretleyin.

  9. Sosyal medya paylaşım düğmeleri göstermek için Show social sharing buttons (Sosyal medya paylaşım düğmeleri göster) seçeneğini işaretleyin.

  10. Kaydet'e tıklayın.

Ürün önerileri ekleme veya kaldırma

Müşterilerin ilgilerini çekebilecek diğer ürünleri keşfetmelerini kolaylaştırmak için ürün sayfalarında önerilen ürünleri görüntüleyebilirsiniz.

  1. Üst çubuktaki açılır menüden Ürün sayfaları'nı seçin.

  2. Ürün önerileri'ne tıklayın.

  3. Ürün sayfalarınızda ürün önerilerini göstermek veya gizlemek için Show dynamic recommendations (Dinamik önerileri göster) onay kutusunu kullanın.

  4. İsteğe bağlı: Önerilen ürünlerin üst kısmında görünen başlığı değiştirmek için Başlık alanına yeni bir başlık girin.

  5. İsteğe bağlı: Onay kutularını kullanarak ürün önerilerinin nasıl görüneceğini seçin:

- Görüntü aralığını etkinleştir - (Show product vendor) Ürün satıcısını göster

  1. Kaydet'e tıklayın.

Koleksiyon sayfaları

Müşterilerinizin koleksiyondaki ürünleri filtrelemesini ve sıralamasını sağlamak için koleksiyon sayfalarınızı ayarlayabilirsiniz. Kaç ürünün gösterileceğini de seçebilirsiniz.

Koleksiyon sayfalarınızın düzenini ayarlamak için:

  1. Tema düzenleyicisinde bir koleksiyon sayfasına gidin.

  2. Bölümler sekmesine tıklayın.

  3. Koleksiyon sayfaları'na tıklayın.

  4. Listelerden satır başına ürün sayısını ve sayfa başına satır sayısını seçin.

  5. Farklı markalara veya satıcılara ait ürünler satıyorsanız satıcı adını ürün görselinin altında göstermek için Show product vendor (Ürün satıcısını göster) seçeneğini işaretleyin.

  6. Sayfanın üst tarafında bir koleksiyon görseli göstermek istiyorsanız Show collection image (Koleksiyon görseli göster) seçeneğini işaretleyin.

  7. Müşterilerinizin koleksiyonu ürün etiketine göre filtrelemesini sağlamak için Enable tag filtering (Etiket filtrelemesini etkinleştir) seçeneğini işaretleyin.

  8. Bir sıralama menüsü göstermek için Enable collection sorting (Koleksiyon sıralamasını etkinleştir) seçeneğini işaretleyin.

  9. Kaydet'e tıklayın.

Sepet sayfası

Müşterilerin, siparişlerine not ekleyebilmesini sağlayabilirsiniz. Müşteriler bir siparişin nasıl hazırlanacağına veya teslim edileceğine ilişkin özel talimatlar sağlamak için sepet notlarını kullanabilir:

Sepet sayfasında gösterilen

Bir müşteri not yazdığında bu not, Shopify yöneticinizde müşterinin siparişinin Notlar alanında görünür.

Sepet sayfasına bir notlar alanı eklemek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Üst çubuktaki açılır menüden Sepet'i seçin.

  3. Bölümler'e tıklayın.

  4. Sepet sayfası'na tıklayın.

  5. Enable cart notes (Sepet notlarını etkinleştir) seçeneğini işaretleyin.

  6. Kaydet'e tıklayın.

İpucu: Sepet çekmecesi tema ayarlarından sepetinizi çekmece stiline ayarlayabilirsiniz. Sayfanın sağ tarafından içe doğru açılan bir sepet çekmecesi görünür. Böylece, müşteriler ürün sayfasından çıkmak zorunda kalmadan sepete ürün ekleyebilir.

Öne çıkan koleksiyon

Bir koleksiyonu ana sayfanızda öne çıkarabilirsiniz. Koleksiyonların öne çıkarılması, indirimleri ve yeni koleksiyonları tanıtmanıza yardımcı olabilir.

Öne çıkan koleksiyon eklemek için:

  1. Bölümler sekmesine tıklayın.

  2. Öne çıkan koleksiyon'a tıklayın.

  3. Koleksiyon listesinden, göstermek istediğiniz koleksiyonu seçin.

  4. Görseller arasındaki boşluğu artırmak için Görüntü aralığını etkinleştir seçeneğini işaretleyin.

  5. Başlık alanına, bu bölümün üst tarafında görünmesini istediğiniz metni girin. Varsayılan olarak bu metin "Öne çıkan koleksiyon" şeklinde görünür.

  6. Her bir ürün resminin altında satıcı veya marka adını göstermek istiyorsanız Show product vendors (Ürün satıcılarını göster) seçeneğini işaretleyin.

  7. Müşterilerin, koleksiyondaki tüm ürünleri görmesini sağlamak istiyorsanız Show 'View all' button ("Tümünü görüntüle" düğmesini göster) seçeneğini işaretleyin. Bir müşteri bu düğmeye tıkladığında tüm ürünlerin gösterildiği koleksiyon sayfası açılır.

  8. Tümünü göster düğmesinin, düz bir dış çizgiye sahip şeffaf bir düğme olmasını istiyorsanız Use secondary button style (İkincil düğme stilini kullan) seçeneğini işaretleyin.

  9. Products per row (Satır başına ürün sayısı) listesinden, her bir satırda gösterilecek ürünlerin sayısını seçin.

  10. Rows (Satır sayısı) listesinden, gösterilecek ürün satırlarının sayısını seçin.

  11. Kaydet'e tıklayın.

Galeri

Galeri bölümü, 3 görselden oluşan bir dizidir. 13 özel simge içeren listeden seçtiğiniz simgenin her bir görselin üzerinde gösterilmesini sağlayabilirsiniz. İsteğe bağlı olarak, her bir görseli mağazanızdaki bir URL'ye veya sayfaya bağlayabilirsiniz:

Kedilerin yan yana resimlerini içeren galeri bölümü.

  1. Bölümler sekmesine tıklayın.

  2. Galeri seçeneğine tıklayın.

  3. İçerik alanında Görsel'e tıklayın.

  4. Görseli eklemek için Görsel alanında Görsel seç'e tıklayıp aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Image alignment (Görsel hizalaması) listesinden, görselin nasıl hizalanacağını seçin. Örneğin, "Üst sol" seçeneğini belirlediğinizde görsel, bölüm alanının sol üst kısmına yerleştirilir.

  2. Simge listesinden görselin üzerinde gösterilecek bir simge seçin. Simge görüntülemek istemiyorsanız Simge listesinden "Hiçbiri" seçeneğini belirleyin.

  3. Metin alanına, Başlık alanındaki her bir simgede görünmesini istediğiniz metni girin.

  4. Başlık metninin bir sayfaya bağlanmasını istiyorsanız aşağıdaki işlemlerden birini gerçekleştirin:

    1. Metni mağazanızdaki bir sayfaya bağlamak için Bağlantı alanına tıklayın ve mağazanızdaki bir sayfayı seçin.
    2. Metni bir web sitesine bağlamak için sitenin URL'sini Bağlantı alanına girin.
  5. Kaydet'e tıklayın.

Image with text (Metinli görsel)

Narrative, müşterilerinize özel mesaj içeren bir görsel göstermenizi sağlayan bir Image with text (Metinli görsel) bölümü içerir.

Görselinizi daire şeklinde kırpabilirsiniz:

Kare şeklinde de kırpabilirsiniz:

Görseli kırpmamayı da tercih edebilirsiniz. Bunun yerine, mobil cihazlardan görüntülendiğinde görselin önemli parçalarının kırpılmamasını sağlamak için bir görsel hizalaması seçebilirsiniz. Örneğin, görselinizin alt kısmında, sattığınız ürün gösterildiğinden bu kısmın hiçbir zaman kırpılmasını istemiyorsanız bu görsel kısmının kırpılmamasını sağlamak için bir Bottom center hizalaması seçebilirsiniz.

  1. Bölümler sekmesine tıklayın.

  2. Image with text (Metinli görsel) seçeneğine tıklayın.

  3. Section spacing (Bölüm aralığı) listesinden, bu bölümün ne kadar büyük olacağını seçin: Küçük, Orta, Büyük veya Extra large (Ekstra büyük).

  4. Arka plan rengi eklemek istiyorsanız Arka plan rengi numune parçasına tıklayıp paletten bir renk seçin.

  5. Görseli eklemek için Görsel alanında Görsel seç'e tıklayıp aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Görselleri kırparak şekil haline getirmek istiyorsanız Image crop (Görsel kırpma) listesinden Circle (Daire) veya Kare seçeneğini belirleyin.

  2. Görselleri kırparak şekil haline getirmek istemiyorsanız aşağıdaki işlemleri gerçekleştirin:

    1. Image crop (Görsel kırpma) listesinden Hiçbiri seçeneğini belirleyin.
    2. Image alignment (Görsel hizalaması) listesinden, görselin nasıl hizalanacağını seçin. Örneğin, "Üst sol" seçeneğini belirlediğinizde görsel, bölüm alanının sol üst kısmına yerleştirilir.
  3. Metni eklemek için aşağıdaki işlemleri gerçekleştirin:

    1. Başlık alanına, göstermek istediğiniz başlık metnini yazın.
    2. Metin alanına, başlığın altında görünmesini istediğiniz metni yazın.
    3. Düğmeyi düz bir dış çizgiye sahip şeffaf bir düğme olarak göstermek istiyorsanız Use secondary button style (İkincil düğme stilini kullan) seçeneğini işaretleyin.
    4. Button label (Düğme etiketi) alanına, düğmede görünmesini istediğiniz metni girin.
    5. Button link (Düğme bağlantısı) alanına, bir URL'nin bağlantısını yapıştırın veya mağazanızdan sayfa seçmek için alana tıklayın.

Düzeni özelleştirmek için:

  1. Düzen alanındaki Desktop layout list (Masaüstü düzen listesi) bölümünden görselin, masaüstü bilgisayardan görüntülendiğinde metnin solunda mı yoksa sağında mı gösterileceğini seçin.

  2. Mobile layout (Mobil düzen) listesinden, görselin mobil cihazdan görüntülendiğinde metnin üstünde mi yoksa altında mı gösterileceğini seçin.

Image with text overlay (Metin katmanı içeren görsel)

Ana sayfanızda müşterilerinize özel bir mesaj gösterebilirsiniz. Mesajınızla bir ürünü tanıtabilir, bir duyuru paylaşabilir veya mağazanıza gelen müşterileri karşılayabilirsiniz.

Image with text overlay (Metin katmanı içeren görsel) bölümünü özelleştirmek için:

  1. Bölümler sekmesine tıklayın.

  2. Image with text overlay (Metin katmanı içeren görsel) seçeneğine tıklayın.

  3. Section spacing (Bölüm aralığı) listesinden, bu bölümün ne kadar büyük olacağını seçin: Küçük, Orta, Büyük veya Extra large (Ekstra büyük).

Arka plan resmi eklemek için:

  1. Görsel alanında Görsel seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Image alignment (Görsel hizalaması) listesinden, görselin nasıl hizalanacağını seçin. Örneğin, "Üst sol" seçeneğini belirlediğinizde görsel, bölüm alanının sol üst kısmına yerleştirilir.

Metni eklemek için:

  1. Metin alanındaki Başlık alanına bu bölüm için bir başlık girin.

  2. Metin alanına, bu bölümde görünmesini istediğiniz metni girin.

  3. Metin boyutu listesinden metin için bir boyut seçin: Orta veya Büyük.

Düğme eklemek için:

  1. Düğmeyi düz bir dış çizgiye sahip şeffaf bir düğme olarak göstermek istiyorsanız Use secondary button style (İkincil düğme stilini kullan) seçeneğini işaretleyin.

  2. Button label (Düğme etiketi) alanına, düğmede görünmesini istediğiniz metni girin.

  3. Button link (Düğme bağlantısı) alanına, bir URL'nin bağlantısını yapıştırın veya mağazanızdan sayfa seçmek için alana tıklayın.

Katman uygulamak için:

  1. Overlay (Katman) alanında Show overlay (Katman göster) seçeneğini işaretleyin.

  2. Görsel katmanının rengini seçmek için Overlay color (Katman rengi) numune parçasına tıklayın.

  3. Metnin rengini seçmek için Metin rengi numune parçasına tıklayın.

İpucu: Arka plan resmi koyuysa açık bir metin rengi seçmeniz, metnin okunmasını kolaylaştırır.

  1. Opacity (Opaklık) listesinden görsel katmanı için bir şeffaflık düzeyi seçin.

Bülten

Ana sayfanıza bir bülten kaydı bölümü ekleyebilirsiniz. Bu, e-posta ile pazarlama kampanyaları için müşteri e-posta adreslerini toplamanızı sağlar. Shopify blogunda e-posta ile pazarlama hakkında daha fazla bilgi edinebilirsiniz.

Bir web sitesindeki bülten bölümü. Müşterilerin e-posta adresi girebileceği bir alan ve

Ana sayfanıza bülten kaydı bölümü eklemek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Bölümler'e tıklayın.

  3. Bölüm ekle > Bülten'e tıklayın.

  4. Başlık alanına bülten kaydı bölümünüz için bir başlık girin. Varsayılan başlık "Subscribe to our newsletter" (Bültenimize abone olun) şeklindedir.

  5. Subheading (Alt başlık) alanına bülten kaydı bölümünüz için bir alt başlık girin. Varsayılan metin "Promotions, new products and sales. Directly to your inbox" (Promosyonlar, yeni ürünler ve satışlar. Hepsi gelen kutunuzda" şeklindedir.

  6. Success message (Başarı mesajı) alanına bir başarı mesajı girin. Müşteriler e-posta adreslerini gönderdikten sonra başarı mesajını görür. Varsayılan başarı mesajı "Abone olduğunuz için teşekkür ederiz" şeklindedir.

  7. Metin rengi numune parçasına tıklayıp renk seçerek bülten kaydı alanı için metin rengini ayarlayın.

  8. Background color (Arka plan rengi) numune parçasına tıklayıp bir renk seçerek bülten kaydı bölümü için arka plan rengini ayarlayın.

  9. Kaydet'e tıklayın.

Harita

Ana sayfanıza harita ekleyebilirsiniz. Harita, mağazanızın konumunu ve çalışma saatlerini göstermenize yardımcı olabilir.

Harita eklemek için:

  1. Bölümler sekmesine tıklayın ve Bölüm ekle'yi seçin.

  2. Harita'ya tıklayın.

  3. Overlay Heading (Katman Başlığı) alanına, bu bölümün üst tarafında görünmesini istediğiniz metni girin.

  4. Text address and hours (Metin adresi ve saatleri) alanına şirketinizin işletme bilgilerini girin.

  5. Map address (Harita adresi) alanına işletmenizin adresini girin.

  6. Google Maps API Key (Google Haritalar API'si Anahtarı) alanına geçerli bir API anahtarı girin.

  7. Görsel alanına, harita bölümünün yüklenmesiyle ilgili bir sorun oluşması durumunda gösterilecek bir görsel yükleyin veya seçin.

Video

Ana sayfanıza YouTube veya Vimeo'da barındırılan bir videoyu ekleyebilirsiniz. Videolar müşterilerinizin katılımını artırabilir ve dikkatlerini işletmenize çeker.

Ana sayfanıza video eklemek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Bölümler'e tıklayın.

  3. Bölüm ekle > Video'ya tıklayın.

  4. Başlık alanına videonuz için bir başlık girin. Başlık metni, oynat düğmesine tıklanana kadar videonuzda gösterilir.

  5. Video link (Video bağlantısı) alanına videonuzun paylaşım bağlantısını girin.

    YouTube paylaşım bağlantısı şu şekilde görünür: https://youtu.be/OTJXAUZY9t0. Bu YouTube Yardım makalesinde bir YouTube videosunun paylaşım bağlantısını nasıl kopyalayacağınızı öğrenebilirsiniz.

    Vimeo paylaşım bağlantısı şu şekilde görünür: https://vimeo.com/281332510. Bu Vimeo Help Center makalesinde bir Vimeo videosunun paylaşım bağlantısını nasıl kopyalayacağınızı öğrenebilirsiniz.

  6. İsteğe bağlı: Videonuza kapak görseli ekleyin:

    1. Görsel seçin'e tıklayın. Bilgisayarınızdan görsel yüklemek için Yükle'ye tıklayın. Burst'ten ücretsiz bir stok görsel kullanmak için Ücretsiz görseller'e tıklayın.
    2. Image position (Görsel konumu) açılır menüsünden bir konum seçerek kapak görselinin nasıl hizalanacağını seçin. Kırpma işlemi gerçekleştiğinde, görünür halde kalmasını istediğiniz görsel kısmını seçmek için görsel konumunu kullanabilirsiniz.
  7. İsteğe bağlı: Videonuza, video ile başlık metni arasında bir renk katmanı oluşturacak bir katman ekleyin:

    1. Show overlay (Katman göster) seçeneğini işaretleyin.
    2. Overlay (Katman) numune parçasına tıklayıp bir renk seçerek katman rengini ayarlayın.
    3. Metin numune parçasına tıklayıp renk seçerek metin rengini ayarlayın.
    4. Opacity (Opaklık) kaydırıcısından bir yüzde seçerek katmanın opaklığını ayarlayın.
  8. Kaydet'e tıklayın.

Öne çıkan kaydırıcı, müşteriyi ana sayfadan ayrılmak zorunda bırakmadan daha fazla ürün bilgisi sergilemenizi sağlar.

Ürün özelliklerini, yeni bir koleksiyonu veya bir ürünün varyasyonlarını gösterebilirsiniz. Slayt dizisine masaüstünde göz atılırken sayfa kaydırma özelliği kilitlendiğinden slayt gösterisinin ideal çalışma koşulu az sayıda slayt kullanılmasıdır.

Mobil cihazlardan görüntülendiğinde, öne çıkan kaydırıcısının açılıp görüntülenmesi için bir dokunma veya sıkıştırma hareketi gerekir. Mobil müşterilerinizi öne çıkan ürün kaydırıcısını açmaya teşvik etmek için ilgi çekici bir kapak görseli ve "harekete geçirici mesaj" içeren bir metin kullanın.

Öne çıkan kaydırıcısına 5 adede kadar slayt ekleyebilirsiniz.

Öne çıkan kaydırıcısını özelleştirmek için:

  1. Bölümler sekmesine tıklayın.

  2. Featured slider (Öne çıkan kaydırıcısı) seçeneğine tıklayın.

Görsel slaytı eklemek için:

  1. İçerik alanında Slayt'a tıklayın.

  2. Paletten arka plan rengi seçmek için Arka plan rengi numune parçasına tıklayın.

  3. Görsel alanında Görsel seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Başlık alanına, slaytın üzerinde göstermek istediğiniz metni yazın.

  2. Button label (Düğme etiketi) alanına, düğmede görünmesini istediğiniz metni yazın.

  3. Button link (Düğme bağlantısı) alanına, bir URL'nin bağlantısını yapıştırın veya mağazanızdan sayfa seçmek için alana tıklayın.

Öne çıkan kaydırıcısının ayarlarını özelleştirmek için:

  1. Slayt düğmelerini düz bir dış çizgiye sahip şeffaf bir düğme olarak göstermek istiyorsanız Use secondary button style (İkincil düğme stilini kullan) seçeneğini işaretleyin.

  2. Metin rengini değiştirmek istiyorsanız paletten renk seçmek için Slide heading color (Slayt başlığı rengi) numune parçasına tıklayın.

  3. Cover settings (Kapak ayarları) alanında Görsel seç'e tıklayarak öne çıkan kaydırıcısı bölümü için bir kapak görseli seçin ve ardından aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Üstbilgi listesinden, kapak görselinde görünmesini istediğiniz metni girin.

  2. Heading position (Başlık konumu) listesinden başlık metninin, kapak görselinin solunda mı yoksa ortasında mı gösterileceğini seçin. Bu ayar yalnızca masaüstünde yapılan görüntülemelerde geçerlidir.

  3. Overlay (Katman) alanında Show overlay (Katman göster) seçeneğini işaretleyin.

  4. Görsel katmanının rengini seçmek için Overlay color (Katman rengi) numune parçasına tıklayın.

  5. Metnin rengini seçmek için Metin rengi numune parçasına tıklayın.

  6. Opacity (Opaklık) listesinden görsel katmanı için bir şeffaflık düzeyi seçin.

  7. Kaydet'e tıklayın.

Tema ayarları Online mağazanızdaki renkleri ve tipografiyi özelleştirmek için tema ayarlarını kullanabilirsiniz. Ayrıca sosyal medya hesaplarınızın bağlantılarını ayarlayabilir, sepet ayarlarınızı düzenleyebilir ve favicon ekleyebilirsiniz.

Narrative aşağıdaki tema ayarlarını içerir:



  • Renkler
  • Baskı
  • Cart drawer (Sepet çekmecesi)
  • Sosyal
  • Favicon
  • Ödeme

Renkler

Online mağazanızın farklı kısımları için renk seçebilirsiniz.

Renk ayarlarınızı özelleştirme

  1. Narrative temasının yanındaki Özelleştir seçeneğine tıklayın.

  2. Tema ayarları'na tıklayın.

  3. Renkler'e tıklayın.

  4. Her içerik türünde renk seçiciyi kullanmak için renk numune parçasına tıklayın:

    Tema düzenleyicisindeki renk seçici

- Son seçilen alanı, temanız için en son seçtiğiniz renkleri gösterir. - Şu anda kullanılan alanı, temanızın diğer kısımlarında şu anda kullandığınız renkleri gösterir.

Rengi şeffaf olarak ayarlamak için Hiçbiri seçeneğine tıklayın.

  1. Kaydet'e tıklayın.

Baskı

Online mağazanızdaki metinlerin yazı tipi stilini ve boyutunu ayarlayabilirsiniz.

Tipografi ayarlarınızı özelleştirme

  1. Narrative temasının yanındaki Özelleştir seçeneğine tıklayın.

  2. Tema ayarları'na tıklayın.

  3. Typography (Tipografi) seçeneğine tıklayın.

  4. Her metin türünde, yazı tipi seçiciyi kullanmak için Değiştir'e tıklayın:

    Yazı tipi seçicideki

  5. Arama alanını kullanarak veya Daha fazla yükle seçeneğine dokunarak yazı tiplerini keşfedin.

    Kullanılabilen tüm yazı tiplerini görmek için Shopify'ın yazı tipi kitaplığına bakın.

  6. Kullanmak istediğiniz yazı tipinin adına tıklayın.

  7. Yazı tipini kalın veya italik gibi farklı bir stile dönüştürmek için Regular (Normal) seçeneğine tıklayın. Daha sonra, kullanmak istediğiniz stile ve ardından Seç'e tıklayın:

    Yazı tipi seçicide kullanılabilen yazı tipi genişlikleri dizisi

  8. Kaydet'e tıklayın.

Cart drawer (Sepet çekmecesi)

Online mağazanız için sepet çekmecesi ayarlarını özelleştirebilirsiniz:

  • Sepetinizi çekmece stiline ayarlayın. Sayfanın sağ tarafından içe doğru açılan bir sepet çekmecesi görünür. Böylece, müşteriler ürün sayfasından çıkmak zorunda kalmadan sepete ürün ekleyebilir.
  • Müşterilerin, siparişlerine not ekleyebilmesini sağlayın. Müşteriler bir siparişin nasıl hazırlanacağına veya teslim edileceğine ilişkin özel talimatlar sağlamak için sepet notlarını kullanabilir:

Sepet çekmecesinde gösterilen

Sepet çekmecesi ayarlarını özelleştirmek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Tema ayarları'na tıklayın.

  3. Cart drawer (Sepet çekmecesi) seçeneğine tıklayın.

  4. Show cart drawer (Sepet çekmecesini göster) seçeneğini işaretleyerek sepetinizi çekmece stiline ayarlayın. Bu kutuyu işaretlemezseniz tam sayfa sepet kullanırsınız.

  5. Show cart note (Sepet notu göster) seçeneğini işaretleyerek sepet çekmecenize bir notlar alanı ekleyin.

  6. Kaydet'e tıklayın.

Sosyal

Ürünleriniz ve blog gönderileriniz için sosyal medya paylaşım düğmelerinin yanı sıra sosyal medya hesaplarınızın bağlantılarını ekleyebilirsiniz.

Sosyal medya ayarlarını özelleştirmek için:

  1. Narrative sayfasını bulun ve Özelleştir'e tıklayın.

  2. Tema ayarları'na tıklayın.

  3. Sosyal medya'ya tıklayın.

  4. Sosyal medya paylaşım görseli yüklemek için Social sharing image (Sosyal medya paylaşım görseli) alanında Görsel seçin'e veya Ücretsiz görselleri keşfedin'e tıklayın.

  5. Ürünlerinize ve blog gönderilerinize sosyal medya paylaşım düğmeleri eklemek için Social sharing (Sosyal medya paylaşımı) alanında onay kutularının herhangi birini veya tümünü işaretleyin.

    Aşağıdaki paylaşım düğmelerini ekleyebilirsiniz:

- Facebook'ta paylaş - Twitter'da tweet'le - Pinterest'te pin ekle (blog gönderisi paylaşımı için kullanılamaz)

  1. Sosyal medya hesaplarınızın bağlantılarını eklemek için Hesaplar alanında verilen alanlara hesaplarınızın bağlantılarını girin. https://instagram.com/shopify veya https://twitter.com/shopify şeklinde, bağlantıların tamamını girin.

    Sosyal medya hesaplarınızın bağlantıları, online mağazanızın altbilgisinde gösterilir.

  2. Kaydet'e tıklayın.

Not: Ürün sayfalarında ve blog gönderilerinde sosyal medya paylaşım düğmeleri göstermek için düğmeleri bu sayfalara ilişkin bölümlerde de etkinleştirmeniz gerekir.

Favicon

Logonuzu aşağıdaki konumlarda göstererek online mağazanızın marka haline gelmesine yardımcı olabilecek bir favoriler simgesi veya "favicon" yükleyebilirsiniz:

  • web tarayıcısı sekmeniz
  • web tarayıcısı geçmişiniz
  • masaüstünüzdeki simgeler
  • online mağazanız yer işaretlerine eklendiğinde online mağazanızın adının yanı.

Narrative için en iyi favicon görsel boyutu 32 x 32 pikseldir.

Favicon yüklemek için:

  1. Özelleştir'e tıklayın.

  2. Tema ayarları sekmesine tıklayın.

  3. Favicon'a tıklayın.

  4. Favicon image (Favicon görseli) alanında Görsel seç'e tıklayın ve aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Kaydet'e tıklayın.

Ödeme

Ödeme sayfanızı aşağıdakileri içerecek şekilde özelleştirebilirsiniz:

  • Sayfanın üst tarafında özel bir görsel banner'ı
  • Mağazanızın logosu
  • Ana içerik alanında bir arka plan resmi veya rengi
  • Özel metin yazı tipleri ve renkleri.

Değişikliklerinizi uyguladığınız sırada görmek için tema düzenleyicisinde ödeme sayfanıza gidin.

Ödeme sayfası ayarlarına erişmek için:

  1. Özelleştir'e tıklayın.

  2. Tema ayarları sekmesine tıklayın.

  3. Ödeme'ye tıklayın.

  • Banner alanında Görsel seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin: - Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın.
    • Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz.
    • Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

Logo eklemek için:

  1. Logo alanında Görsel seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.

  1. Konum listesinden, görselin sağda mı, solda mı yoksa ortada mı gösterileceğini seçin.

  2. Logo size (Logo boyutu) listesinden bir logo boyutu seçin.

Ödeme sayfasının arka planını değiştirmek için:

Ödeme sayfanızda arka plan resmi gösterebilir veya bir arka plan rengi seçebilirsiniz. Arka plan resimlerinde görsel, tablo modelinde gösterilir.

  1. Main content area (Ana içerik alanı) alanında Görsel seç'e tıklayıp aşağıdaki işlemlerden birini gerçekleştirin:

- Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın. - Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz. - Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın. - Paletten yeni bir renk seçmek için Arka plan rengi numune parçasına tıklayın.

  1. Form fields (Form alanları) listesinden, alanların beyaz mı yoksa saydam mı olacağını seçin.

Sipariş Özeti sayfasının arka planını değiştirmek için:

  1. Sipariş özeti alanında Görsel seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin: - Shopify yöneticinize zaten yüklediğiniz bir görseli seçmek için Kitaplık sekmesine tıklayın.
    • Shopify'ın Burst stok görsel koleksiyonundan bir stok görsel seçmek için Ücretsiz görseller sekmesine tıklayın. Buradan bir arama terimi girebilir veya görsel kategorilerine göz atabilirsiniz.
    • Yerel bilgisayarınızdan görsel seçmek için Kitaplık sekmesine tıklayın ve ardından artı düğmesine tıklayın.
    • Paletten yeni bir renk seçmek için Arka plan rengi numune parçasına tıklayın.

Yazı tipi seçeneklerini ayarlamak için:

  • Tipografi alanındaki listelerden başlık ve gövde metni için kullanılacak yazı tipini seçin.

Renk seçeneklerini ayarlamak için:

  • Renkler alanında, paletten yeni bir renk seçmek için Accents (Vurgular), Buttons (Düğmeler) veya Errors (Hatalar) renk numune parçasına tıklayın.

Tema stilini değiştir

Temanızın genel ayarlarını varsayılan değerlerine sıfırlayabilirsiniz. Temanızın stilini sıfırladığınızda Genel ayarlar sekmesinde yaptığınız tüm değişiklikler kaybolur ancak metinler ve görseller gibi içerikleri kaybetmezsiniz.

  1. Genel ayarlar sekmesine tıklayın.

  2. Tema stilini değiştir'e tıklayın.

  3. Tema stilini değiştir seçeneğinin altındaki düğmeye tıklayın. Bu düğmenin adı genellikle tema adıdır.

  4. Stili değiştir'e tıklayın.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene