360 turlar, özellikle emlak ilanları, seyahat blogları veya fotoğrafçı veya 3D görselleştirme ajansı hizmetleri söz konusu olduğunda web sitenizdeki etkileşimi artırmanın harika bir yoludur.
Webflow dünyayı kasıp kavururken, birçok işletme markalarını ve çevrimiçi deneyimlerini yenilemek için yeni sitelere yatırım yapıyor.
Webflow'u seviyoruz (bunu bir Webflow sitesinde okuyorsunuz) ve 5 dakikadan kısa sürede nasıl tur oluşturulacağını, gömüleceğini ve stilize edileceğini paylaşmak istiyoruz - tek varsayım, görüntülerin zaten elinizde olmasıdır!
Bu yazı adımları yazılı olarak anlatmaktadır, ancak videoyu izlemeyi tercih ederseniz sizin için o da mevcut!
İşte adımların hızlı bir özeti:
Pekala, başlayalım.
İlk adım 360 görüntülerinizi hazırlamaktır - bunlar 360 kameralardan veya dronlardan çekilmiş fotoğraflar ya da Blender, Unity veya diğer popüler 3D yazılımlardan 3D renderlar olabilir.
Görüntünün 360 olup olmadığını şöyle göründüğünde anlayabilirsiniz👇
Görüntülerin 2:1 oranında ve her birinin en fazla 25MB olduğundan emin olun. Dosya boyutu ne kadar küçükse turunuz o kadar hızlı yüklenir.
360 görüntüler dünyasına tamamen yeniyseniz, farklı kurulumların kapsamlı bir genel görünümü için bu rehbere göz atabilirsiniz. Bir Android telefonunuz varsa kameradaki fotoküre modunu kullanabilirsiniz.
Şimdi 360° görüntülerinizi yükleyecek ve bir tur oluşturacak bir yere ihtiyacınız var. Koala360 kullanacağız. Zaten bir hesabınız varsa panele geçebilirsiniz, yoksa ücretsiz bir hesap oluşturabilirsiniz. Panelde "TUR OLUŞTUR" formunu doldurarak turu oluşturabilirsiniz.
Tur oluşturulup görüntüler hazırlandıktan sonra, tüm görüntülerinizi tur oluşturucuya sürükleyip bırakın. Görüntüler yüklenecek ve oluşturucu içinde her görüntünün adını düzenleyebilirsiniz.
Her görüntüyü birbirine bağlayarak tur yürüyüşünüzü oluşturun. Bağlamak istediğiniz görüntünün küçük resmini mevcut 360 görüntüye sürüklemeniz yeterlidir. İşte, bir sıcak nokta oluşturuldu! Artık sıcak noktalara tıklayarak görüntüler arasında gezinebilirsiniz. İhtiyacınız kadar sıcak nokta ekleyin.
⚙️ düğmesine tıklayarak turunuza biraz kişilik katın ve istediğiniz özellikleri etkinleştirin. Otomatik döndürme, tam ekran modu, küçük resimleri gizleme veya her hafta daha fazlası eklenen birçok PRO özellik kullanabilirsiniz. Beğeninize göre ayarlayın ve ardından yayınlamaya hazır olun!
Turunuzu oluşturduktan sonra yayınlama zamanı geldi. Düzenleme modundayken sağ üstteki "YAYINLA" düğmesine basmanız yeterlidir; turunuz canlıdır ve doğrudan bağlantı veya gömme kodu aracılığıyla erişilebilir.
Bir iframe içeren gömme kodunu getirmek için 🚀 düğmesine tıklayın. Kopyalamak için üzerine tıklayın ve kodu doğrudan Webflow web sitenizdeki bir gömme öğesine yapıştırın.
Varsayılan olarak genişlik ve yükseklik piksel olarak ayarlanmıştır, ancak tur iframe'ini width=100% ve height=100% olarak ayarlamanızı ve turun boyutunu kontrol etmek için gömme öğesini stilize etmenizi öneririz.
Bu adımları izleyerek 360 turunuzu Webflow web sitenize başarıyla oluşturup gömmüş olacaksınız. Kullanıcılarınız artık tüm cihazlarında 360 deneyiminizi keşfedebilir.
Bazı genel ipuçları:
Gördüğünüz gibi, Webflow web sitenize 360 tur gömmek hiç bu kadar kolay olmamıştı. Koala360, web sitenizi zenginleştirmenize ve izleyicilerinize unutulmaz ve sürükleyici bir deneyim sunmanıza yardımcı olabilecek güçlü bir araçtır.
İşte Koala360 tur gömme koduyla birlikte bir Webflow gömme öğesi.
360° görüntülerinizi yükleyin, hotspot ekleyin ve paylaşın.Koala'yı kullanan binlerce emlakçı, mimar, fotoğrafçı ve stüdyoya katılın.