Squarespace'e özel banner nasıl eklenir

Tanıtım afişleri, yıl sonu indirimleri, yeni ürün duyuruları veya yaklaşan etkinlik reklamları gibi kampanyalar için web sitelerinde trafik artırmanın vazgeçilmez araçlarıdır. Etkili özel banner tasarımları; zengin medya içerikleri, geri sayım sayaçları ve güçlü harekete geçirici mesajlarla tıklama oranlarını ve müşteri etkileşimini artırır.

Squarespace kullanıcıları için banner eklemek harici bir çözüm gerektirebilir. Squarespace, yerleşik bir duyuru çubuğu özelliği sunar; ancak bu seçenek yalnızca temel bir bağlantı içeren tek satırlık metinle sınırlıdır ve katı görüntüleme gereksinimleri vardır. Fluid Engine düzenleyicisini kullanarak bir hero bölümünü duyuru çubuğu olarak da oluşturabilirsiniz; fakat bu yöntem, bir afişin kompakt ve dinamik özelliklerinden yoksundur.

Squarespace için gerçek bir özel banner oluşturmak istiyorsanız ve CSS kodu yazmıyorsanız iki seçeneğiniz vardır: ücretli bir üçüncü taraf eklenti veya kod parçacığı satın almak ya da ücretsiz, hafif ve sunucusuz bir widget kullanmak.

Seçenek 1: Ücretli bir Squarespace eklentisi veya özel CSS kod parçacığı yükleyin

Birçok kullanıcı, Squarespace’in sınırlamalarını aşmak için üçüncü taraf bir hizmet sağlayıcıdan veya kod geliştiriciden özel eklenti kodu satın alır. Özel kod sayesinde tasarım kısıtlamalarını atlayabilir ve varlıkları sayfanıza manuel olarak yerleştirebilirsiniz. Bunun için bir lisans bulup satın almanız, ardından kodu özel bir sayfa bloğuna veya Squarespace sitenize Kod Enjeksiyonu (Code Injection) aracılığıyla eklemeniz gerekir.

İhtiyaçlarınıza uygun bir kod bulduktan sonra, tek bir sayfaya mı yoksa sitenizdeki tüm sayfalara mı eklediğinize bağlı olarak iki farklı yöntemle sitenize ekleyebilirsiniz. Her iki yöntem için adımlar şöyledir:

Tüm site

1. Sol taraftaki gezinme menüsünde Pages sekmesine tıklayın.

2. Menünün alt kısmındaki Custom Code açılır menüsünü seçin ve Code Injection‘a tıklayın.

3. Özel kodunuzu sitenizin header (üst bilgi) veya footer (alt bilgi) bölümüne yapıştırın.

Tek sayfa

1. Sayfayı açın ve üst kısımdaki Edit düğmesine tıklayın.

2. Banner eklemek istediğiniz yerde Add Block‘a tıklayın.

3. Aşağı kaydırın ve Code seçeneğine tıklayın.

4. Yeni kod bloğunuza tıklayın, açılır menüden kod türünüzü seçin ve kodunuzu bloğa yapıştırın. İşlemi tamamlamak için Save‘e tıklayın.

Bu yöntemin sorunu, ücretli premium kodların öngörülemeyen maliyetleridir. Bazı seçenekler, basit bir banner, geri sayım sayacı veya benzer bir araç için 25 dolar ya da daha fazlasına mal olabilir.

“Freemium” seçenekler de yanıltıcı olabilir. Bu seçenekler, Squarespace temel altyapısını güncellediğinde kolayca bozulabilir veya optimize edilmemiş ya da mobil uyumlu olmayan varlıklarla sitenizi yavaşlatabilir.

Bir web sitesini daha etkili hale getirmek için ücret ödemeniz gerekmemelidir. İşte bu nedenle Jotform, Squarespace kullanıcıları için ücretsiz ve etkileşimli bir banner seçeneği sunmaktadır.

Seçenek 2: Ücretsiz, etkileşimli bir banner widget’ı ekleyin (önerilen)

Bir banner istiyorsanız ancak lisans, tekrarlayan abonelik veya özel kod için ödeme yapmak istemiyorsanız, en iyi çözüm güvenilir bir barındırmalı gömme kodudur. Jotform Banner Widget ile banner’ınızı kolayca özelleştirebilir ve doğrudan Squarespace’e yapıştırabileceğiniz benzersiz bir gömme kodu oluşturabilirsiniz.

Bu ücretli kod parçacığı alternatifini Squarespace sitenize nasıl ekleyeceğiniz aşağıda açıklanmıştır:

1. Jotform Banner Widget sayfasına gidin ve yeni widget’ınızı açmak için sağ üst köşedeki Get Started Now düğmesine tıklayın.

2. Widget Properties menüsünü kullanarak banner’ınızı özelleştirin.

3. Banner’ınız hazır olduğunda Publish‘e tıklayın, ardından gömme kodunuzu oluşturmak için Copy Code düğmesine tıklayın.

Ardından, tanıtım afişini Squarespace sitenize tüm site genelinde veya sayfa sayfa gömmek için şu adımları izleyin:

Tüm site

1. Sol taraftaki gezinme menüsünde Pages sekmesine tıklayın.

2. Menünün alt kısmındaki Custom Code açılır menüsünü seçin ve Code Injection‘a tıklayın.

3. Özel kodunuzu sitenizin header (üst bilgi) veya footer (alt bilgi) bölümüne yapıştırın.

Tek sayfa

1. Banner ekleyeceğiniz sayfayı açın ve üst kısımdaki Edit düğmesine tıklayın.

2. Banner eklemek istediğiniz yerde Add Block‘a tıklayın.

3. Aşağı kaydırın ve Code seçeneğine tıklayın.

4. Yeni kod bloğunuza tıklayın, açılır menüden kod türünüzü seçin ve kodunuzu bloğa yapıştırın. İşlemi tamamlamak için Save‘e tıklayın.

Jotform, bu ücretsiz banner widget’ını Squarespace’e eklemeyi kolaylaştırmanın yanı sıra, banner’ınızı doğrudan widget oluşturucusundaki görsel düzenleyici aracılığıyla ücretsiz olarak özelleştirmenize de olanak tanır. Banner’ınızın arka plan görsellerini kişiselleştirebilir, YouTube veya Vimeo videoları gömebilir, etkileşimli harekete geçirici düğmeler ekleyebilir, geri sayım sayaçları yerleştirebilir ve cihaza göre görünürlüğü kontrol edebilirsiniz. Üstelik Jotform sunucu dışında çalıştığı için banner’ı sitenize eklemek, Squarespace’in temel güncellemeleriyle çakışmaz veya düzeninizi bozmaz.

Akıllı, sunucusuz widget’larla Squarespace sitenizi güçlendirin

Jotform ile seçenekleriniz banner’larla sınırlı kalmaz. Jotform, dönüşümlerinizi en üst düzeye çıkarmanıza, web sitenizi hafif tutmanıza ve gereksiz premium eklenti aboneliklerinden kurtulmanıza yardımcı olacak kapsamlı bir ücretsiz web sitesi widget’ları paketi sunar.

Bu widget’lar, basit gömme kodlarıyla Squarespace sitenize güçlü özellikler kazandırır:

• FAQ Widget — sık sorulan müşteri sorularına yanıtlar için
• Google Reviews Widget — müşteri memnuniyetini sergilemek için
• Countdown Timer Widget — yaklaşan etkinlikler veya ürün lansmanları için
• Back to Top Widget — daha akıcı kullanıcı etkileşimleri için
• QR Code Widget — menülere, belgelere ve daha fazlasına kolay erişim için

Hatta Jotform-Squarespace entegrasyonunu kullanarak online formlarınız ile Squarespace siteniz arasında kesintisiz bir bağlantı oluşturmak için de Jotform’u kullanabilirsiniz.

Ana sayfanıza bir banner eklemek için premium bir web sitesi eklentisini yönetmeye zaman ve para harcamayın. Jotform’un ücretsiz, sunucusuz web sitesi widget’larını kullanarak web sitesi deneyiminizi üst seviyeye taşıyın ve önemli müşteri adaylarını yakalayın.