Online müzayedenizi kendi web sitenizde nasıl gösterirsiniz

İyi bir gömülü müzayede bloğu ne gösterir

Dört şey, başka hiçbir şey:

• Şu anda canlı olan lotlar; fotoğraf, başlık, güncel fiyat ve teklif sayısıyla ve her kapanışa gerçekten sayan bir geri sayımla. Henüz açılmamış bir lot ise bunun yerine başlangıç fiyatını ve açılışına geri sayımı gösterir.
• Lotu açan bir tıklama; müzayede sitesinde, yeni sekmede, böylece ziyaretçi sayfanızı kaybetmeden teklif verebilir.
• Hiçbir şey yokken hiçbir şey. Açık ya da yaklaşan lot olmadığında blok kendiliğinden kaybolmalı. Geçen ayın satışını ya da "şu anda müzayede yok" yazısını gösteren bir blok, her ziyaretçiye meşgul olmadığınızı söyler.
• Sizin görünümünüz. Vurgu renginiz ve köşe stiliniz; böylece bir reklam gibi değil, sitenizin parçası gibi okunur.

Kaçınılacaklar: müzayede sitesinin tamamını gösteren bir iframe (iki kaydırma çubuğu, iki üst bilgi, bozuk bir telefon düzeni), çekildiği gün bayatlayan bir ekran görüntüsü ve ziyaretçilerden fiyatları görmek için sitenizde oturum açmalarını isteyen her şey.

Bunu yapmanın iki yolu

Bir betik. Bloğu çizen ve güncel tutan tek bir <script> satırı. Olağan yol budur ve site oluşturucunuzun "özel kod", "HTML göm" ya da "kod bloğu" eklemenize izin verdiği her yerde çalışır. Ziyaretçileriniz adına çerez bırakmamalı, yazı tipi ya da izleyici yüklememeli; düşündüğünüz her widget'tan bunu isteyin, çünkü onu kapsaması gereken gizlilik bildirimi sizinkidir.

Bağlantılı canlı bir görsel. Bazı yerler betikleri reddeder: e-posta imzaları, bülten araçları, birkaç site oluşturucunun ücretsiz planı, intranetler. Orada, sunucuda birkaç dakikada bir yeniden çizilen ve satışa giden bir bağlantıyla sarılmış bir görsel işin çoğunu görür: kaç lotun canlı olduğunu ve tekliflerin ne zaman kapandığını gösterir ve haftalar önce gönderilmiş bir sayfada ya da e-postada bile güncel kalır.

Kod satırı

Auctify üzerinde kurulmuş bir müzayede sitesi için ücretsiz AuctionAmigo widget'ı tek satırdır:

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

your-sale.myauctify.com yerine müzayede sitenizin adresini yazın, https:// ile ya da onsuz; kendi alan adınız da aynı şekilde çalışır. Bu sitenin ana sayfasındaki tasarımcı, satırı renginiz ve biçiminiz doldurulmuş olarak sizin için yazar ve kopyalamadan önce sonucu gösterir. Öznitelikler:

İki dakikada bir yenilenir, çerez bırakmaz ve hiçbir şey saklamaz, yazı tipi ya da izleyici yüklemez, kendi shadow root'u içinde çizilir (böylece sizin stilleriniz ile onunkiler birbirine karışmaz) ve sitede açık ya da yaklaşan hiçbir şey yokken hiçbir şey göstermez. Teklif müzayede sitesinde verilir, asla widget'ın içinde değil.

Hangi biçim ve sayfanın neresinde

Üç yerleşimle değil, bir tanesiyle başlayın. Ana sayfanın ilk ekranın altındaki kısmı, ziyaretçilerin çoğunun gördüğü yerdir; her sayfada yüzen bir widget ikincisidir. Lot sayısını alanın aldığı kadar ayarlayın: dar bir kenar çubuğunda üç lot, on ikiden daha iyi görünür.

Nereye yapıştırılır, oluşturucu oluşturucu

Her oluşturucuda başkalarının kodu için bir kutu vardır; adları değişir. Aşağıdaki menü adları, bu yazının yazıldığı sırada oluşturucuların kullandığı etiketlerdir ve yeniden tasarımlarla yer değiştirir; biri taşındıysa oluşturucunun yardım sayfalarında "embed code" ya da "custom code" aratın. Bir özellik plana bağlıysa bu belirtilmiştir; varsaymadan önce kendi planınızı kontrol edin.

1. WordPress

   Blok düzenleyicide, istediğiniz sayfada, satırın yapıştırıldığı bir Özel HTML bloğu; ya da kenar çubuğu için bir bileşen alanı. Bunu ve eklenti sorusunu ele alan bir WordPress sitesiyle müzayede yürütmeye dair ayrı bir rehber var.

2. Wix

   Düzenleyicide: Add Elements → Embed Code → Embed HTML; satırı öğeye yapıştırın ve boyutlandırın. Wix gömülü kodu kendi çerçevesi içinde çalıştırır; bu yüzden satır içi bir biçim (yatay, dikey ya da kule) seçin ve öğeyi biçimin gerektirdiği kadar büyütün; yüzen bir widget o çerçeveden çıkamaz. Site genelindeki kod, Wix'in bağlı alan adlı ücretli planlarında sunduğu Settings → Custom Code bölümüne gider.

3. Squarespace

   Lotları istediğiniz yere bir Code bloğu ekleyin ve satırı yapıştırın. Squarespace kod bloklarındaki betikleri Business planı ve üzerinde çalıştırır; Personal planda kod bloğu yalnızca HTML gösterir ve betik hiçbir şey yapmaz. Tüm sayfalar için bir kerede: Settings → Advanced → Code Injection → Footer; aynı plan şartı geçerlidir.

4. Jimdo

   Jimdo Creator: Widget / HTML öğesi, satırı yapıştırın. Jimdo'nun yeni düzenleyicisinde HTML öğesi ücretli planlarda bulunur. Satır içi bir biçim seçin ve öğeye yer verin.

5. Webflow

   Sayfaya bir Embed öğesi sürükleyin ve satırı içine yapıştırın. Site genelindeki kod Site settings → Custom code → Footer code bölümüne gider; yayımlamak için ücretli bir site planı gerekir.

6. Shopify

   Online Store → Themes → Customize; lotların görüneceği bölüme bir Custom Liquid bloğu (ya da temaya göre Custom HTML) ekleyin ve satırı yapıştırın. Widget müzayede sitesine bağlantı verir; mağazanın sepetine hiçbir şey eklemez.

7. Weebly ve Google Sites

   Weebly: Embed Code öğesi. Google Sites: Insert → Embed → Embed code. İkisi de kodu kendi çerçevelerinde çalıştırır; bu yüzden satır içi bir biçim kullanın ve öğeyi ona göre boyutlandırın.

8. Düz HTML ya da bir geliştirici

   Satırı bloğun görünmesi gereken yere, ya da yüzen biçimle </body> etiketinden hemen önce yapıştırın. data-target ile etiketi tek bir yerde tutup widget'ın seçicisiyle belirttiğiniz herhangi bir öğenin içine çizilmesini sağlayabilirsiniz.

Betiklere izin verilmeyen yerler

E-posta imzaları, bülten araçları, bazı oluşturucuların ücretsiz planları ve intranetlerin çoğu betikleri ayıklar. Orada canlı görseli kullanın: sunucuda birkaç dakikada bir çizilen, kaç lotun canlı olduğunu ve tekliflerin ne zaman kapandığını gösteren, satışa giden bir bağlantıyla sarılmış bir banner. HTML'de bu, bir <img> etrafındaki bir <a> etiketidir; bir bülten aracında ise "görsel ekle, bağlantı ver". Görsel yeniden çizildiği için iki hafta önce gönderilmiş bir e-posta hâlâ güncel sayıyı gösterir ve satış bittiğinde bayat bir iddia yerine müzayede sitesini ziyarete sade bir davete dönüşür.

Canlı bir görselin yapamadığı: lotları tek tek fiyatlarıyla göstermek ya da geri saymak. İlk tercih değil, yedek çözümdür ve betiği çalıştırabilecek bir web sayfasından çok bir e-postaya aittir.

Çalıştığını kontrol etmek

Sayfayı gizli bir tarayıcı penceresinde, bir telefonda ve bir bilgisayarda açın. Lotları bir iki saniye içinde görmelisiniz. Hiçbir şey görmüyorsanız üç nedenden biridir ve widget üçü hakkında da bilerek sessiz kalır; böylece bir ziyaretçi asla hata görmez:

• Müzayede sitesinde açık ya da yaklaşan hiçbir şey yok. Bir lot listeleyin ya da tekliflerin gerçekten açık olduğunu kontrol edin.
• Müzayede sitesi özel modda; dolayısıyla hakkında hiçbir şey herkese açık değil. Özel bir site hiçbir yerde gösterilemez.
• Adres yanlış ya da oluşturucunun koda verdiği öğe içine çizilemeyecek kadar küçük. data-site yazımını kontrol edin, sonra öğeyi büyütün.

Sonra müzayede sitesindeki bir tekliften iki dakika sonra sayfanızdaki fiyatın değiştiğini doğrulayın. Bundan sonra bakım gerektiren hiçbir şey yoktur: satış bittiğinde blok kendini kaldırır ve bir sonraki satış, lotları listelendiğinde görünür.

Sorular