
Şablondan kaçınan tasarımcılar sevinir: Webflow e-ticaret dahil olmak üzere tüm site inşaat ihtiyaçlarınız için tam olarak çalışır.
Muhtemelen biliyorsun Webflow Havalı bir tasarım arayüzü, kodsuz kullanıcı dostu özelliklere, içinizdeki özelliklere uygun tüm özellikler için çeşitli entegrasyonlara ve oldukça iyi bir bloga sahip bir platform olarak.
Bilmeyebileceğiniz şey, ne kadar Webflowkullanıcı topluluğu uluslararasıdır. Bir kez Webflow Designers Global Facebook grup üyesi sayfası ve orada bulunan milliyetlerin sayını hızla kaybedeceksiniz.
Peki ne Webflow Uluslararası kullanıcılarının ihtiyaçlarını daha iyi karşılamak için yakın zamanda yapıldı?
Webflow E-ticaret , platformun son dönemdeki en önemli küresel odaklı gelişmelerinin merkezi olmuştur.
Ticaret dünyanın dört bir yanından insanları bir araya getiren itici bir güç olduğundan, bu doğal bir düzene uygun görünüyor.
Eğer çevrimiçi bir mağaza açmayı düşünüyorsanız Webflow, doğru yerdesin. Hadi dalalım.
Görsel öğrenenler için, e-ticaret mağazalarının yeni pazarlara açılmak için nelere ihtiyaç duyduğuna dair hızlı bir video:
WebflowE-ticaret yaklaşımı, Shopify, Magento, PrestaShop ve e-ticaret platformlarındaki diğer rakiplerinden farklıdır. Aynı şekilde, site tasarımına yaklaşımı WordPress, Squarespace vb. gibi programlardan farklıdır: Webflow gerçekten kod yazmaya gerek kalmadan güzel siteler inşa etmekle ilgili.
Her şey Webflow e-ticaret site oluşturma ve site yönetimi platformu, klasik bir HTML-CSS-JavaScript mimarisini yansıtacak şekilde yapılandırılmıştır. Kodsuz bir araç olmasına rağmen, oldukça özelleştirilebilir.
Sayfanıza eklediğiniz tüm öğeler bir sınıfla ilişkilendirilir. Bir tasarım aracı olarak, yalnızca içeriğin ekran boyutu veya cihaz türünden bağımsız olarak duyarlı kalmasını sağlayacak şekilde değiştirilebilir veya özelleştirilebilir.
Bu ne anlama geliyor Webflow E-ticaret mi? Birincisi, oldukça akıcı bir yapı. Siparişleri nereden alırsanız alın ve gönderin, güvenebilirsiniz Webflowişletmenize uyarlanabilir bir mağaza yapısını oluşturabilirsiniz.
Olay Webflow şablondan bağımsız mimarisi, kullanıcı deneyiminizi tasarlama ve oluşturma konusunda size tam özgürlük sunmasıdır. Bu tür boş sayfalar bazılarını heyecanlandırır, bazılarını korkutur. Kullanıcılarınız/müşterileriniz farklı kültürlerden ve yerlerden geliyorsa, e-ticaret sitenizi sıfırdan kurmakta hata yapmaya yer vardır .
Bu sürecin en azından bir kısmında size rehberlik etmek için buradayız; bu göz korkutucu olabilir ama eğlenceli ve verimli olmalı. Her şey müşteriyle başlar: Size tanıttığınız kişiWebflow Mağazayı memnun etmek için.
İki durumdan birinde olabilirsiniz:
Ne kadar süredir iş yaptığınıza bağlı olarak, müşterilerinizi avucunuzun içi gibi biliyor olabilirsiniz ya da henüz hiç tanımıyor olabilirsiniz.
Her iki durumda da sitenizin kime yönelik olduğunu bilmek, ne satıyor olursanız olun web sitenizin tasarımına yön verecektir.
Eğer ilk grubun bir üyesiyseniz, elinizde çok fazla veri olmayabilir ama sorun değil. İşinizin niteliğine bağlı olarak potansiyel müşterilerinizin niteliği hakkında epeyce bilgi edinebilirsiniz.
Ayrıca, ilk mağaza açılışınızı takip eden ilk günlerde ürünlerinizin ne kadar sattığına bağlı olarak hızlı bir şekilde öğreneceksiniz.
İngiliz burger restoranı ve catering şirketi Patty & Bun's'u neon doymuş bir örnek olarak ele alalım Webflow e-ticaret sitesi, kısaca şöyle tanımlanabilir... psikodelik.

Patty ve Bun ise bu durumdan fazlasıyla faydalanmıştır Webflowtam ekran arka plan video özelliği. Vahşi, aşırı duyusal marka videoları her yerde, ana sayfadan menü sayfasına kadar (video gradyan üst katman ayarını kullanarak renk şemalarını daha da aydınlattılar):

Bu, kullandığın mükemmel bir örneğidir Webflowçok yönlü (ve renk dostu) medya düzen mimarisi, gösterişli, akılda kalıcı bir marka kimliğini güçlendirir.
Bu tür abartılı marka pazarlamasının daha genç bir kitleye hitap etmesi kaçınılmazdır. Bu kitle, bazılarının çoktan "post-İnternet çağı"olarak adlandırdığı bu dönemde, 2015'te kitsch sayılabilecek MTV'yi anımsatan floresanlara ve animasyonlara ilgi duyuyor. Ancak nostalji geleneği, internet kullanıcılarının yeniden tıklamasını sağlıyor gibi görünüyor.
Ancak bu arka plan video makarası ve neon kaplama herkese göre olmayabilir.
Örneğin, yaşlı veya görme engelli bir müşteri, site menüsünü, etrafında olup biten tüm faaliyetlerle birlikte okumakta zorlanabilir. Siteyi keşfetmeye devam etmek ve sonunda bir hamburger (veya satışta olan bir tişört) sipariş etmek istemeyebilirler.
Patty & Bun gençlere yönelik bir dijital kimlik benimsemiş durumda ve (en azından çoğunlukla) beslemeye ve sadakatlerini sağlamaya çalıştıkları kişiler gençler olduğu sürece bu gayet normal.
Aslına bakılırsa, giderek daha homojen hale gelen internette "hayranlık uyandırmayı" seven genç yaş gruplarının ilgisini çekmeyi başarıyorlar.
Soru 1'deki ikinci kategoriye girenleriniz - deneyimli e-ticaret satış görevlileri - eski bir atasözü olan "konum, konum, konum" un emlak için olduğu kadar e-ticaret için de geçerli olduğunu deneyimlerinden zaten biliyorsunuz.
Ve hayır, bu sadece nerede bulunduğunuzla ilgili değil: müşterilerinizin nerede olduğu ve potansiyel alıcılarınızla aranızdaki mesafenin (coğrafi, aynı zamanda kültürel ve dilsel) ne kadar büyük olduğuyla ilgili.
Henüz deneyimli bir e-tacir değilseniz, ürününüzü gönderirken yalnızca müşterinin coğrafi konumunun nakliye lojistiğini etkilemediğini kısa sürede öğreneceksiniz.
Ayrıca, bu kişi sizin bölgenizden farklı bir bölgede yaşadığı için, ödeme, vergiler ve dil/iletişim açısından farklı beklentileri ve araçları olabileceği anlamına gelir.
Webflowe-ticaret işlevselliği, ilk iki sorunu baştan çıkarmayı oldukça kolaylaştırıyor.
Bir e-ticaret sitesi kurduğunuzda, editör alanınız farklı ülkelerden gelen vergi hesaplamalarını nasıl ele alacağınızı doğrudan değiştirmenize olanak tanır.
Ayrıca hangi ödeme ağ geçitlerini ve yöntemlerini kabul edeceğinizi de belirleyebilirsiniz. PayPal, Apple Pay, Google Pay, banka veya kredi kartları ya da dijital cüzdanların evrensel olmadığını unutmayın; farklı ülkelerin tercih ettiği farklı ödeme yöntemleri vardır:

Dil konusunda, Webflow yakın zamanda yerel bir çözüm başlattı. Standart site planlarının üzerine üç farklı plan var. Sonra, bölgenizde kullanmak istediğiniz dil için ekstra ödeme yapmanız gerekecek. Nasıl olduğunu gör Webflow Lokalizasyon şöyle karşılaştırılır Weglot.
Bize gelince, 2016'dan bu yana 72.000'den fazla web sitesini çevirme ve yerelleştirme işindeyiz. Yani ne olduğunu anlıyoruz Webflow Web sitesi sahipleri, ister e-ticaret şablonlarını yeni başlayanlar kullananlar olsun, ister gelişmiş işlevsellik arayan deneyimli e-ticaret satıcıları olsun, çok dilli geçerken ihtiyaç duyacaklar.
Weglot , sitenizdeki içeriği algılayarak, ardından önde gelen sağlayıcılardan makine çevirisinin ilk katmanını oluşturarak ve son olarak bunu sizin için görüntüleyerek çalışır. Bu, e-ticaret mağazanızdaki her şeyi (alışveriş sepeti, ürün listeleri, ödeme süreci ve daha fazlası) çevireceği anlamına gelir.
Bu şekilde otomatik bir çeviri iş akışı elde edersiniz ve yeni içerikleri manuel olarak çevirme konusunda endişelenmek yerine mağazanızı yönetmeye odaklanabilirsiniz.
Ayrıca, Weglot çok dilli SEO dostudur. Bir web sitesini uluslararası arama motorlarında görünür hale getirmenin hreflang etiketleri eklemek ve meta verileri çevirmek gibi bazı zor yönlerini otomatikleştirir. Böylece dünya çapındaki kitleniz sizi eskisinden daha hızlı keşfedecek.
Kurulum için ayrıntılı talimatları bulabilirsiniz Weglot herhangi bir Webflow Site buradan. Bkz.Weglot Fiyatlandırma burada.

Soru 1'deki Patty & Bun örneğine geri dönecek olursak, muhtemelen kendimizi hedeflenen müşterinin yerine koymak isteriz: muhtemelen Nike Airs veya Reeboks. Yani, hedef müşteri muhtemelen oldukça genç ve kentli - çünkü onlar da sadece kentsel alanlarda bulunuyorlar.
Bu müşteri kitlesi, tahmin ettiğimiz gibi, genellikle bir web sitesi tarafından büyülenmek ister. Şablon kültürünün ve bazılarının web tasarımını öldürmekle suçladığı kendin yap makinelerinin yaygınlaşmasının bir sonucu olarak, birbirinin tamamen aynı görünen çok sayıda site var.) İnternette büyümüş biri muhtemelen biraz bıkkındır ve monotonluktan kurtulmayı takdir etme eğilimindedir.
Hedef müşteriniz internet meraklısıysa , işleri biraz renklendirmenizde ve UX yolculuklarının beklenmedik dönemeçlerden geçmesinde bir sakınca yoktur.
Örneğin Barakunan yayınevi sitesini ele alalım. Patty & Bun gibi, bunlar Webflow-tabanlı e-satıcılar, kullanıcıların ekranlarını anında fazla görüntüyle doldurmayı tercih etti. Onların videosu bir video değil, defterli metinlerle dolu labirent gibi bir illüstrasyon.

Cesur çizimler şüphesiz kullanıcıların dikkatini çekecektir, ancak tıklanamayan metin bazılarının kafasını karıştırabilir.
Barakunan'da gezinmek biraz düşünmeyi gerektiriyor (muhtemelen bu oldukça ezoterik yayınevinin amacı da bu). Ancak bu durum Barakunan'ın hedef kitlesi olan yaratıcı sınıf, entelektüeller ya da yeraltı edebiyatı hayranları için eğlenceli olabilir.
Bu da bizi bir sonraki sorumuza getiriyor; burada bu tür müşteri yolculuğu kıvrımlarını ve dönüşlerini bir perspektife oturtacağız - çünkü bunlar herkesin tarama sürecine uyarlanamayabilir.
Barakunan sitesinin labirenti andıran deneyimi, dijital neslin bıkkın tarayıcılarını cezbedebilir. Tabii eğer İngilizce (sitenin ve metinlerle kaplı görüntülerin yazıldığı dil) biliyorlarsa.
Mesele şu: Barakunan, yayınları yalnızca İngilizce olduğu için muhtemelen İngilizce okuyanlara hitap ediyor. Bu, kendisini "Berlin ve Beyrut merkezli" bir girişim olarak tanımlamasına rağmen, her ikisi de çoğunluğu anadilde konuşan bir şehir değil.
Barakunan hedef kitlesini tanıyor ve sitelerine rastlayan bir Alman ya da Lübnanlı okuyucunun bile, İngilizce okuyamadığı sürece İngilizce basılan ürünleriyle ilgilenmeyeceğini biliyor.
Bu nedenle, sitelerinin İngilizce olması gerçek potansiyel müşteriler için bir dil engeli oluşturmaz.
Ana sayfa veya açılış sayfası tasarımınız, site ziyaretçilerinizin dönüşümünde önemli bir rol oynar. Bu, işletmeniz hakkında edindikleri ilk izlenimdir.
Google'ın kendi verileri, sitenize gelen ziyaretçilerin bu ilk izlenimisitenize girdikten sadece 50 milisaniye -0,05 saniye- sonra oluşturduğunu doğrulamaktadır.
Bu, dikkatlerini çekmek için çok fazla zaman değil.
Bu zamanı etkili bir şekilde kullanmak ve ziyaretçinizin -ve potansiyel müşterinizin- deneyiminin erişilebilirlik hataları nedeniyle engellenmemesini sağlamak istiyorsunuz.
Bu değerli 50 milisaniyeyi güzel site tasarımına bakarak geçirmelerini kesinlikle istemezsiniz... sadece sayfadaki tek bir kelimeyi bile anlayamadıklarını fark etmek için. Ve nihayetinde, sitede nasıl gezineceklerini de bulamazlar.
gibi çok dilli bir çözüm ile Weglot Sitenize entegre edildiğinde, kullanıcıları ana sayfanıza girer girmez dilsel boşluğa kaybetmekten kaçınabilirsiniz.
Sitenizi çok dilli hale getirmek Tüm ziyaretçilerinizin sizin erişiminizi kolaylaştırır Webflow Hangi dili konuşurlarsa konuşsalar bilsin, e-ticaret mağazası.
Temel Weglot entegrasyonu, sitenizin sağ alt köşesine otomatik olarak bir dil değiştirme düğmesi yerleştirir. Missouri Bilim ve Teknoloji Üniversitesi'nde web tasarımı ve ilk izlenimler üzerine yapılan bir çalışmadan alınan aşağıdaki diyagram, gözlerimizin bir sayfanın hangi bölgelerine inme eğiliminde olduğunu ortaya koymaktadır.
İlk Weglot düğmesinin tipik bir ana sayfada (başlık, kenar çubuğu menüsü ve çeşitli gövde içeriğiyle) yaklaşık 4. sırada yer alması muhtemeldir. Sonraki olası yerler başlıktaki site logosu, kenar çubuğu menüsü ve başlık menüsüdür.

Bu, dil değiştirme aracı için harika bir yerleşimdir çünkü ziyaretçilerinize sayfanın geri kalanına geçmeden önce sayfanın ana unsurlarının (diyagramdaki 1-3 İlgi Alanları (AOI)) görsel çekiciliğini işlemeleri için zaman verir.
Ve daha fazla okumak isteyen ancak sitenin orijinal dilini bilmeyen herhangi bir ziyaretçinin, kendi dillerine geçmek isteyebileceklerini anlamaları için AOI 4'e kadar zamanları var.
Müşteri tabanınızda gerçek bir dilsel heterojenlik fark etmeye başlarsanız, bu dil değiştirme sürecini daha da kolaylaştırabilir, hatta ortadan kaldırabilirsiniz.
Düğme konumunuzu değiştirebilirsiniz. Webflow Site için CSS ayarlarını özel Başlık kodunuzda değiştirebilirsiniz (bunu Proje Ayarlarınızda düzenleyebilirsiniz)....

Bu örnekte, düğmemizi sayfanın alt yerine sağ üst köşesine taşımak için özel CSS kullandık.
...veya navigasyon menülerinizden birine açılır menü olarak yerleştirip sitenizi çevirdiğiniz her dil için bir bağlantı ekleyerek. Son olarak, URL olarak Weglot ve ardından doğru iki harfli dil kodunu girin.
Sonunda bizimkine benzer bir şey ortaya çıkıyor:

Ayrıca bir Webflow Sadece sizin için hazırlanmış UI Kit ; sitenize klonlayıp ekleyebileceğiniz 14 dil değiştiricisi ile Digidop ile iş birliği içinde yapılmış klonlanabilir dil değiştiriciler içeriyor. Ayrıca, en iyi rehber video eğitimimiz var Webflow Dil değiştirici özelleştirme.
Hatta Weglot proje ayarlarınızda otomatik geçişi etkinleştirerek müşterinizi bu ekstra adımdan kurtarabilirsiniz. Bu, ziyaretçilerinizin varsayılan tarama dilini algılayacak ve sayfayı otomatik olarak o dilde (sitenizde varsa) sunacaktır.
Hedef kitleniz birkaç farklı dil konuşuyorsa veya her biri kendi diline sahip çok sayıda hedef pazarınız varsa, bu en etkili yaklaşım olabilir.
Bu, özellikle bir dil grubundan çok fazla trafik alacağınızdan oldukça eminseniz geçerlidir. Onları hemen sitenizin kendi dillerindeki versiyonuna yönlendirmek büyük olasılıkla işinize yarayacaktır.
Webflowe-ticaret platformu, tüm envanter sürecini görselleştirmenizi sağlar ve entegre eder. Bu büyük bir zaman tasarrufu sağlar çünkü her ürün sayfasını ayrı ayrı oluşturmak zorunda kalmanızı engeller.
Esasen ürün sayfalarınızın stilini ürün kategorisine göre şablonlaştırabilir, ürün verilerinizi Ürünler tablosuna girebilir ve bu verileri önceden tasarlanmış sayfalarınıza dağıtabilirsiniz.
Elbette, tüm ziyaretçilerinizin ürün sayfalarınızda tamamen aynı içeriği görmesini istiyorsanız bu dağıtım modeli harika çalışır.
Ancak uluslararası satış yapıyorsanız durum böyle olmayabilir. Örneğin, müşterinin nereden satın aldığına bağlı olarak içerikte, nakliye bilgilerinde veya genel açıklamalarda küçük farklılıklar olabilir.
Weglot burada da bir çözüm sağlayabilir. Weglot Kontrol Panelinize girerseniz, sol taraftaki URL çubuğunda bir "ürün" URL sekmesi menüsü göreceksiniz.
Ürünlerinizin her birinin açıklamalarını her dil için güncellemek için buraya tıklayın. Böylece yurt dışındaki kullanıcılarınız ne sipariş edecekleri hakkında doğru bilgiye sahip olabilirler.

Burada büyük bir gurur kaynağı konusu Weglot Gerçekten de, Weglot otomatik olarak çeviriyor Webflow Checkout Pages — genel olarak e-ticaret web sitesi çevirisi için harika bir araç haline getiriyor.
Weglot kontrol panelinde, tıpkı ürün sayfalarınızda yaptığınız gibi, "ödeme" URL sekmesine tıklayarak ödeme sayfası çevirilerinizi iki kez kontrol edebilir ve düzenleyebilirsiniz.
Bunu kısa tutacağız: 2024 yılında, e-ticaretin dünya çapındaki perakende satışların en az %20'sini oluşturmasıyla, bu soru neredeyse kendi kendini yanıtlıyor.
Ancak her zaman hatırlatmakta fayda var: e-ticaret, çoğu sektörde, sınır ötesi dostu olduğunda doğal olarak daha kârlıdır .Bunu kanıtlayacak istatistiklerimiz var.
İşte buradayız: Tüm bu işleri üstlenecekseniz—müşteri tabanınızı belirlemek, onların deneyimlerini takip etmek Webflow mağazanızı gerçek hayatta açmak ve mağazanızı açmak — tüm bu uluslararasılaşma ipuçlarını dikkate almaya değer mi?
Ve, eğer (şey, çünkü) cevap evet ise, Neden onurda yapıyorsun Webflow Özellikle?
Cevap basit: Webflow aktif bir uluslararası varlığa sahiptir ve Webflow Kullanıcılar (ve teknik ekibi) bunu dünya çapında web oluşturma standardı haline getirmeye gerçekten motive oluyor.
Sadece diller arasında sezgisel geçiş yapmanıza olanak tanıyan birkaç düzen özelliği var (LTR'den RTL dillerine geçmek bile— aşağıdaki GIF'te gösterildiği gibi), ayrıca WebflowKullanıcı topluluğu da küresel olarak dağınık ve çok aktiftir.
Bu, dünyanın dört bir yanında, tüm kültürel ve dilsel geçmişlerden kullanıcıların aynı aracı kullandığı ve birbirlerini desteklediği anlamına geliyor (sadece Webflow Forum, örneğin Webflow Designers Facebook grubu) her zaman.

Aşağıdaki araçlarla donanmıştı Weglot ve eski güzel bir kültürel empati duygusu, senin Webflow Store yurtdışında büyük ilgi gösterebilir.
Sürüklerken, bırakırken ve ürün tanımlarken, genel e-ticaret stratejinizi nasıl geliştirebileceğinizi veya ilham alabileceğinizi görmek için bir dakika durun Bunlar özellikle çok dilli Webflow Siteler.
Deneyin Weglot bugün ücretsiz olarak Webflow web sitesini çok dilli bir siteye dönüştürdü.
Weglot'un gücünü anlamanın en iyi yolu, onu bizzat görmektir. Hiçbir taahhüt olmadan ücretsiz deneyin.
Weglot'un gücünü anlamanın en iyi yolu, onu bizzat görmektir. Hiçbir taahhüt olmadan ücretsiz deneyin.
Web sitenizi henüz bağlamaya hazır değilseniz, kontrol panelinizde bir demo web sitesi mevcuttur.