DAHA AZ CSS: Elma tarzı menü. Apple'ın yeni kitabı Compiling LESS to CSS'de marka tasarımının tarihi

Yablokovskiy tasarımı, müşterilerim arasında her zaman çok popüler olmuştur. Tasarım söz konusu olduğunda, bana sık sık "Açık gri arka plana sahip basit bir tasarıma ihtiyacım var" deniyor ve örnek olarak apple.com'u kullanıyorum.

Sitelerine biraz göz atarsanız, gerçekten güzel mavi düğmeler bulacaksınız. Orada formda yapılırlar, yani aynılarını sitenizde istiyorsanız Photoshop kullanmanız gerekecek.

Bu yüzden düğmeleri saf CSS'de düzenliyorum:

Elma düğmesi ( imleç : işaretçi ; dolgu : 3px 10px; metin dekorasyonu : yok ; renk : #ffff; yazı tipi boyutu: 13px; metin gölgesi: 0 -1px 1px rgba(0 , 0 , 0 , .3) ; background-image :-webkit-linear-gradient(#52A8E8 , #377AD0#377AD0, #52A8E8 ) ; background-image : -o-linear-gradient(rgb (82 , 168 , 232 ) , rgb (55 , 122 , 208 ) ) ; arka plan rengi : #52A8E8 ; -moz-sınır yarıçapı: 23px; -webkit-sınır yarıçapı: 23px; sınır yarıçapı: 23px; kenarlık: 1 piksel katı #205 59A; kutu gölgesi: 0 1px 2px rgba(0 , 0 , 0 , .5) , iç metin 0 1px 0 rgba(255 , 255 , 255 , .3) ; ) .apple-button :hover , .apple-button :focus ( background-image :-webkit-linear-gradient(#54A1D8 , Sayfa #196) ; background-image :-moz-linear-gradient(0 % 100 % 90deg, Sayfa #196, #54A1D8) ; background-image : -o-linear-gradient(rgb (84 , 161 , 216 ) , rgb (25 , 103 , 202 ) ) ; arka plan rengi : #52A8E8 ; kutu gölgesi: 0 1px 0 rgba(255 , 255 , 255 , .6) , iç metin 0 1px 0 rgba(255 , 255 , 255 , .3) ; ) .apple-button :active ( background-color : #2D7CD1 ; box-shadow : 0 1px 1px rgba(255 , 255 , 255 , .5) , inset 0 2px 5px rgba(0 , 0 , 100 , .5) ; )

Demo: canlı örnek (üzerine gelip tıklamayı deneyin)

Tarayıcılar arası uyumluluk hakkında birkaç söz. CSS özelliğini kullandığımız için gradyan, o zaman Opera tarayıcısının eski sürümlerinde görüntülerken bazı sorunlar olabilir, peki, kutu gölgesi bir CSS 3 özelliğidir.

Mişa

Son yıllarda, pratikte herhangi bir kar getirmediği için site sitesiyle ne yapacağımı uzun süre bilmiyordum, ancak son zamanlarda görevimin WordPress'in yayılmasını teşvik etmek olduğunu anladım. Ne de olsa WordPress, web siteleri geliştirmek için en iyi motordur - hem bu CMS'nin yerleşik yapısını kullanmaya hazır olanlar hem de kafasız çözümleri tercih edenler için.

Ben kendim WordPress ile ilk kez 2009'da tanıştım. Organizatör Epic Skills ve LoftSchool'da öğretmen.

Sitenizle ilgili yardıma ihtiyacınız varsa veya belki de WordPress / WooCommerce ile sıfırdan geliştirmeye ihtiyacınız varsa - . Ekibim ve ben sizin için her şeyi en iyi seviyede yapacağız.

Apple kültü kimseyi kayıtsız bırakmaz ve gerçekle yüzleşmeye değer: Apple'ın popülaritesindeki en önemli faktörlerden biri benzersiz tasarımlarıdır. "Designed by Apple in California" kitabı, tasarımcıların ürünlerini sanat olarak ele aldıklarını açıkça gösteriyor.

Cupertino, California - 16 Kasım'da Apple, California'da Apple tarafından tasarlanan yeni bir ciltli kitabın piyasaya sürüleceğini duyurdu. iMac'ten (1998) Apple Pencil'a (2015) kadar şirketin geçmiş ve şimdiki ürünlerinin 450 fotoğrafında yirmi yıllık tasarım yeniliği yakalanmıştır. Kitap 8 yıl boyunca yaratıldı ve Steve Jobs'un anısına ithaf edildi.

Jony Ive, "İnsanlık için önemli bir şey yaratma fikri en başından beri Steve'i motive etti, bu fikir bizim idealimiz ve Apple'ın geleceğe taşınmasındaki hedefimiz," diyor.

"California'da Apple tarafından tasarlandı", çok farklı alanlardan birçok tasarımcı ve uzman grubu arasındaki yakın işbirliğinin sonucudur. Hepsi, kitabın insanlara Apple ürünlerinin nasıl ve neden yaratıldığı ve var olduğu konusunda bir anlayış vereceği umudunu paylaşıyor. Tüm fotoğraflar Andrew Zuckerman tarafından "kasıtlı olarak mütevazı bir tarz" olarak tanımladığı şekilde çekilmiştir. Resimler, tasarım sürecinin ayrıntılarını ve ayrıca bitmiş ürünleri göstermektedir.

Bu tasarım hakkında bir kitap ama tasarımcıların kendileri, yaratıcı süreç veya ürün geliştirme hakkında değil. Apple tasarımının stilini, imajını ve ideolojisini nesnel olarak yansıtır. Pek çok ürün, sanki makul bir alternatifi yokmuş gibi çok net, basit ve mantıklı görünüyor. Her cihaz için, yapıldığı aletin tasarımı bile düşünülür.

“Tasarımcılar olarak gelecekte yaşıyoruz, yaptıklarımızı seviyoruz ve henüz yapmadıklarımızla ilgili takıntılıyız”

"20 yıldır birlikte çalışarak öğrendiğimiz en önemli şeylerden biri birbirimizi dinleme gereğidir, çünkü en parlak fikirler genellikle çok, çok sessizce konuşanlardır"

Apple tarafından California'da tasarlanan, iki boyutta sınırlı sayıda üretilen bir kitaptır: 199 ABD dolarına küçük (25,9 x 32,4 cm) ve 299 ABD dolarına büyük (33 x 40,6 cm). Özel olarak üretilmiş özel renkteki kağıda kenarları mat gümüş baskılıdır. Yalnızca ABD, Avustralya, Birleşik Krallık, Almanya, Hong Kong, Kore, Fransa, Japonya ve Tayvan'da ve belirli Apple Mağazalarında Apple.com'da satılır.

giriiş

Tasarım söz konusu olduğunda, gözden kaçırmanın imkansız olduğu bir şirket var. Bu Apple - sahip oldukları her ürün, bir tasarımcı ekibinin çalışmasının sonucudur. Bu firmanın sitesi de her zaman dikkat çekmiştir.

Bu eğitimde bir galeri yapacağız - "a la" Apple slayt gösterisi. Apple web sitesinde şirketin ürünlerini temsil etmek için yaklaşık olarak aynısı kullanılır. Oluşturmak için PHP'ye veya bir veritabanına ihtiyacımız yok.

ADIM 1 - XHTML

XHTML işaretlemesine daha yakından bakalım:

• 
• 
• 

Fikir çok basit - iki ana DIV kabı var - id="menu" içeren biri küçük resimleri içerir, ikinci "slaytlar" slaytların kendisini içerir.

Yeni bir slayt eklemek için her iki kapsayıcıya da yeni öğeler eklemeniz yeterlidir. Slaytlar - JPG formatında resimler, küçük resimler - şeffaf PNG. Ancak diğer biçimleri de kullanabilirsiniz.

Ayrıca herhangi bir HTML kodunu gömebilirsiniz. Örneğin, belirli bir slaytı resim biçiminde bir bağlantı haline getirebilirsiniz.

Slaytların bir yüksekliğe ve bir genişliğe sahip olması çok önemlidir - bunlar jQuery tarafından kaydırma alanını tanımlamak için kullanılır.

Ayrıca LI küçük resim öğelerine de dikkat edin. İlkine dikey bir bölme çubuğu göstermesi için fbar sınıfı verilir. Diğer öğelere menuItem - sınıfı atanır ve bunlar slayt gösterisi kontrol düğmeleri olarak kullanılır.

Bir sonraki adıma geçelim.

Adım 2 - CSS

Stil sayfamıza bir göz atalım.

Body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label( /* Sayfa sıfırlama */ margin:0px; padding:0px; ) body( /* Varsayılan metin rengi ayarlanıyor, arka plan ve yazı tipi yığını */ color:#444444; font-size:13px; background: #f2f2f2; font-family:Arial, Helvetica, sans-serif; ) /* Galeri stilleri */ #gallery( /* CSS3 Kutu Gölgesi */ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; /* CSS3 Yuvarlak Köşeler */ -moz-border- sol alt yarıçap:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-alt-sağ-yarıçap :4px; kenarlık-alt-sağ-yarıçap:4px; kenarlık:1px düz beyaz; arka plan:url(img/panel.jpg) tekrar-x alt merkez #ffffff; /* Galerinin genişliği */ genişlik:920px; overflow:hidden; ) #slides( /* Bu slayt alanıdır */ height:400px; /* jQuery daha sonra genişliği tüm slaytların genişliklerinin toplamına göre değiştirir. */ width:920px;overflow:hidden; ) .slide( kayan nokta:sol; ) #menu( /* Küçük resimler için kap */ height:45px; ) ul( margin:0px; padding:0px; ) li( /* Her küçük resim bir li öğesidir */ width:60px; display:inline -block; list-style:none; height:45px; overflow:hidden; ) li.inact:hover( /* Etkin olmayan durum, fare üzerinde vurgulanır */ background:url(img/pic_bg.png) tekrar; ) li .act,li.act:hover( /* Başparmağın aktif durumu */ background:url(img/active_bg.png) tekrarlanmaz; ) li.act a( imleç:varsayılan; ) .fbar( /* en soldaki dikey çubuk, ilk küçük resmin yanında */ width:2px; background:url(img/divider.png) tekrarsız sağ; ) li a( display:block; background:url(img/divider.png) tekrar yok sağ; height:35px; padding-top:10px; ) a img( border:none; )

Bu stil sayfasında birkaç CSS3 özelliği kullandık:

*kutu-gölge, Galeri köşelerinde küçük bir gölge vardır. Bu özelliği kullanarak - X ve Y koordinatlarını (burada 0 0), renk taklidi (bizim örneğimizde 3px) ve gölge rengi sağlamanız gerekir;
* bordür yarıçapı, galerinin alt kısmında dairesel bordürler.

Ne yazık ki, bu özellikler şu anda yalnızca Safari, Chrome ve Firefox'ta çalışmaktadır.

Şimdi sıra jQuery büyüsüne geldi.

ADIM 3 - jQuery

Aşağıdaki koda ihtiyacımız olacak:

$(belge).ready(işlev()(
/* Bu kod, DOM tamamen yüklendikten sonra yürütülür */

vartotWidth=0;
var konumlar = yeni Dizi();

$("#slides .slide").each(işlev(i)(
/* Tüm slaytlar arasında dolaşın ve toplam genişliklerini totWidth'te saklayın */
pozisyonlar[i]=totWidth;
totWidth += $(bu).width();

/* Konumlar dizisi, her slaydın kabın sol kısmından değişmeli ofsetini içerir */

if(!$(bu).genişlik())
{
alert("Lütfen tüm resimleriniz için genişlik ve yükseklik giriniz!");
yanlış dönüş;
}
});

$("#slaytlar").width(totWidth);

/* Cotnainer div'in genişliğini tüm slaytların birleştirilmiş tam genişliğine değiştirin */

$("#menu ul li a").click(function(e)(

/* Bir küçük resim üzerinde tıklayın */
$("li.menuItem").removeClass("hareket et").addClass("inact");
$(this).parent().addClass("eylem");

var pos = $(this).parent().prevAll(".menuItem").length;

$("#slides").stop().animate((marginLeft:-positions+"px"),450);
/* Kayan animasyonu başlat */

e.preventDefault();
/* Bağlantının varsayılan eylemini engelle */
});

$("#menu ul li.menuItem:first").addClass("hareket").siblings().addClass("inact");
/* Sayfa yüklenirken ilk küçük resmi etkin olarak işaretle */
});

Ana fikir, slaytların çevrilmesi sırasında, slaytların genişliklerinin toplanması ve bu genişliğin kaba atanmasıdır. Slaytlar sola hizalı olduğundan, arka arkaya dizilmeleri için yeterli alan vardır.

Bir küçük resme tıklandığında komut dosyası, hangi slaydın gösterileceğini hesaplar ve animate yöntemini kullanarak bir negatif girinti değeri atayarak slaytları kaydırır.

Sadece 40 satır kod ve slayt gösterisi galerimiz hazır!

Çözüm

Apple tarzında süper güzel bir galeri oluşturmak sadece üç adımımızı aldı. Herhangi bir siteyi dekore edebilir.

Apple tarzı web tasarımı, 1996'dan bu yana yıllar içinde gelişti. Adından da anlaşılacağı gibi, tasarım fikri Apple Corporation'a aittir: site ve ürün arayüzleri bu tarzda tasarlanmıştır. Apple tarzı site tasarımı, minimalizmi ve kullanıcının belirli bir ürüne odaklanması nedeniyle geniş bir popülerlik kazanmıştır.

Apple tarzında site tasarımının karakteristik özellikleri

1. Öğelerin bileşiminde katı hiyerarşi. Ana öncelik, ürünün görüntüsüdür. Yüksek kaliteli fotoğraf, net, büyük, sayfanın ortasına yerleştirilmiş ve beyaz boşluklarla çevrili. En iyi minimalizm geleneklerinde.
2. Renk paleti, kural olarak, üç tondan oluşur: siyah, beyaz, gri. Aynı zamanda düz stilden farklı olarak gradyanlar, gölgeler ve hacim aktarma yolları yaygın olarak kullanılmaktadır.
3. karakteristik yazı tipleri. Başlıklar Adobe Myriad tarafından, düz metin ise Lucida Grande tarafından tasarlanmıştır.
4. İçerik. Sitenin ana sayfasında - minimum bilgi. Ayrıntılı açıklamalar ayrı sayfalardadır. Aşırı doygunluk etkisi yoktur. Kullanıcı, kendisini ilgilendiren bilgileri kendisi seçer.
5. Teknik özellikler. Apple tasarımı, tasarımda modern standartların kullanımı olan HTML 5 biçimine odaklanmıştır. Resmi Apple web sitesinde, Flash temelde kullanılmaz.

Hangi siteler için uygundur?

• • Jumsoft http://www.jumsoft.com/money/
  • Versionsapp https://versionsapp.com/

Küçük ama havalı bir şirketin mutlu bir sahibisiniz. Zafere ulaşmak için daha gidilecek çok yol var ama zamanla işinizin bir gurur kaynağı ve izlenecek bir örnek olacağından hiç şüpheniz olmasın. Bu arada, bu anı beklemenize gerek yok: kendinizi şu anda birinci sınıf bir profesyonel olarak konumlandırabilir, büyük ve ciddi bir şirket gibi ikna edici hale getirebilirsiniz.

Böyle bir sitenin nasıl olması gerektiğini bilmiyor musunuz? Endişelenmeyin, şimdi her şeyi açıklayacağız ve size nasıl ilerleyeceğinizi anlatacağız. İpuçlarımızı kullanırsanız, Apple, Nike veya L'Oreal sitelerine bakarken artık üzgün bir şekilde iç çekmenize gerek kalmayacak, çünkü kendi siteniz de aynı derecede iyi olacak. Bu nedenle, sağlam ve profesyonel bir web sitesi oluşturmak için bazı yönergeleri burada bulabilirsiniz.

Web tasarımında trendleri takip edin

Büyük markalar sürekli olarak web sitelerini güncelliyor ve geliştiriyor. Deneyimli tasarımcılardan ve geliştiricilerden oluşan ekipler, insanları meraklandıran ve her şeye iyice bakmak isteyen alışılmadık ve modern bir kaynak oluşturmak için çalışıyor.

Evet çok pahalı ama Wix gibi ücretsiz seçenekler de var. Editörümüz, her tür etkinlik için güzel bir site oluşturmanız ve buna paralaks kaydırma veya arka plan olarak video gibi bazı fantezi efektler eklemeniz için özel olarak tasarlanmıştır. Gerçek bir "uzun" sayfa oluşturabilir ve onu "düz" tasarım öğeleriyle tamamlayabilirsiniz*.

Bu aşamada tasarımcıların sitelerini dolaşıp iyi ilham almanın size zarar vermeyeceğini düşünüyoruz. Önerilerimiz: dergi web ilhamı, Blog Lopart ve tasarım dergisi görev Odası; İngilizce senin için bir engel değilse oku Vandelay Tasarımı , Ezici Dergi Ve Web Tasarım Deposu .

*Bütün bu kelimelerin ne anlama geldiğini anlamıyor musunuz? Bu yüzden bizimkini okumalısın.

Markalaşma Alın

Büyük şirketler tanınabilir bir kurumsal kimliğe ve çok net bir konumlandırmaya sahiptir. Kesin olarak tanımlanmış yazı tipleri, renkler ve sloganlar kullanırlar. Kırmızı Coca-Cola logosunu web sitesinde, şişelerde veya cadde boyunca asılı reklam panolarında açıkça tanıyacaksınız.

Peki ya şirketiniz Coca-Cola kadar büyük değilse? Bu, markalama yapmanıza gerek olmadığı anlamına gelmez. Düşünceli kurumsal kimlik önemlidir. Onun sayesinde insanlar ürününüzü hızlı bir şekilde tanımlayabilecek ve satın almadan önce bir taş atımı var. Öyleyse güzel bir logo çizin, bir slogan bulun, markalı yazı tiplerini, renkleri seçin ve sosyal medya sayfalarınızı buna göre şekillendirin. Daha fazla ipucu - hakkındaki makalemizde.

Daha az daha iyi

Ürününüz ve işiniz hakkında ayrıntılı olarak konuşmak istediğinizi anlıyoruz, ancak siteyi aşırı yüklemenizi ve ziyaretçileri yormanızı önermiyoruz. Site çok kötü yüklenmiş, okunması zor ve ziyaretçileri itiyor. En iyi, iyinin düşmanıdır, bu yüzden zamanında nasıl duracağınızı öğrenmeniz gerekir.

Sitenizden nelerin kaldırılabileceğini düşünelim. Metinler teknik ve profesyonel terimlerle doluysa, onlardan kurtulun. Ziyaretçilerin tüm çalışanlarınızın ayrıntılı biyografisini gerçekten bilmesi gerektiğini düşünüyor musunuz? Olası olmayan. Elbette bir şey kısaltılamaz, örneğin, mal veya hizmetlerin ayrıntılı bir açıklaması, ancak bu normaldir, bu bilgiler yararlıdır. Hatta kesinlikle gözden kaçmayacağı bir yere taşımaya değer. Ve satın alma sürecini yavaşlatan her şey en ufak bir pişmanlık duymadan kaldırılabilir.

Şimdi tasarıma bakalım. Renk sayısını üç veya dörde düşürün, gereksiz tüm resimleri kaldırın ve tipografiye dikkat edin. "Hava" olarak da bilinen bol miktarda boş alan bırakmayı unutmayın. Sitede çok fazla "hava" olduğunda, insanlar örneğin ziyaretçileri satın almaya, abone olmaya, kaydolmaya vb. teşvik etmek için gerekli olan tüm kritik unsurları fark eder.

Ürünü ana sayfada göster

Sipariş sayısını artırmak ister misiniz? Bu nedenle, insanların ürününüzü hemen görmesini sağlayın. Ünlü markaların sitelerine bakın. Bakın ürünleri sadece alışveriş sayfasına değil ana sayfaya da koyuyorlar ki insanlar mutlaka fark etsin. Varsa ve satışları nasıl artıracağınızı düşünüyorsanız, bu tekniği kopyalamaktan çekinmeyin.

Elbette ürün fotoğrafları büyük ve çok kaliteli olmalıdır. Unutmayın ki burası hiçbir şeye dokunamayacağınız veya deneyemeyeceğiniz bir çevrimiçi mağaza, bu nedenle insanlar satın alma kararlarını resme bakarak veriyor. Profesyonel bir fotoğrafçıya ayıracak paranız yoksa hakkındaki yazımızı okuyun. Biraz pratik - ve her şey yoluna girecek! Editörümüzün yeteneklerini de unutmayın, siteye bir uygulama ekleyebilirsiniz, böylece müşteri ilgilenilen şeyin görüntüsünü büyütebilir ve ona iyice bakabilir.

İyi Gezinme Yap

Şimdiye kadar kötü tasarlanmış bir siteye geldiğinizi ve istediğiniz sayfayı bulmak için kafa karışıklığı içinde ileri geri koştuğunuzu düşünüyoruz. Kural olarak, bu tür yerlerden eli boş ve bir daha geri dönmeme arzusuyla ayrılırız. Ve tüm hata - yanlış tasarlanmış navigasyon. Bu hatayı tekrarlamayın ve ziyaretçinin ilk saniyeden itibaren her şeyi anladığından emin olun.

Sürekli aynı soru sorulursa, bir SSS sayfası oluşturun. uygulamayı kullanabilirsiniz Wix'te SSS. Artısı, insanların ihtiyaç duydukları bilgileri alması ve aynı zamanda başka şeylerden rahatsız olmamanızdır.

Şirketinizin duyarlı ve arkadaş canlısı olduğunu göstermek ister misiniz? Uygulama ekle" Canlı Sohbet soruları gerçek zamanlı olarak yanıtlamak için. Akıllı telefonunuza yükleyebilir ve bütün gün bilgisayar başında oturmayabilir, aynı zamanda işinize gidebilir ve iletişim halinde olabilirsiniz.

İnsanların sana güvendiğini göster

İletişim halinde olmaya ve soruları zamanında yanıtlamaya çalışmanız iyi, ancak bu, müşterilerle güvene dayalı bir ilişki kurmak için yeterli değil. Bunu yapmak için sitede tekrar çalışmanız gerekir. Şirketin geçmişi ile ayrı bir bölüm yapın, bize kim olduğunuzu, neye inandığınızı ve neyin önemli olduğunu düşündüğünüzü söyleyin. Çok fazla bilgi işe yaramaz: metin kısa, samimi ve anlaşılır olmalıdır. İnternette nasıl biri olduğunuzu göstermek oldukça zor ama böyle bir sayfanın işinizi mükemmel bir şekilde göreceğini düşünüyoruz.

Ayrıca ana sayfada veya ayrı bir bölümde siteye müşteri yorumları eklemenizi öneririz. Bunları okuduktan sonra, insanlar ürününüzün güvenilir olduğunu anlayacaktır. Bu arada Yandex ve Google da incelemelere dikkat ediyor, bu da etkiledikleri anlamına geliyor.

Sitenin mobil sürümünü yapın

İnternet kullanıcılarının yarısından fazlası tablet ve akıllı telefonlardan çevrimiçi oluyor. Bu, sitenin mobil sürümünün bir heves değil, bir zorunluluk olduğu anlamına gelir. Neyse ki, bunu nasıl yapacağınız konusunda endişelenmenize gerek yok. Wix Editör'de mobil versiyon otomatik olarak oluşturulur, sadece test etmeniz ve birkaç şeyi değiştirmeniz gerekir. Mobil sürümün masaüstü sürümün tam bir kopyası olmadığını unutmayın, bu nedenle tüm gereksiz öğeleri kaldırın ve düğmeleri ve kişileri görünür yapın.

Sosyal ağları unutma

Daha yaşlı ve daha deneyimli meslektaşların sayfalarını sosyal ağlarda nasıl sürdürdüklerine dikkat edin. Evet, izleyiciyi daha eksiksiz bir şekilde kapsamak için hem bir web sitesine hem de Facebook, Vkontakte, Instagram vb. Sayfalara ihtiyacınız var. Sosyal ağlar, haber göndermek, bir ürün hakkında yazmak ve soruları yanıtlamak için idealdir. Sadece iş hakkında konuşmak değil, aynı zamanda bir imaj oluşturmak ve normal, güvene dayalı ilişkiler kurmak da önemlidir. Gerçekten ne yapacağınızı bilmiyorsanız, hakkındaki makaleyi okuyun ve tüm önerilerimizi uygulayın.

Belirli bir sitede bir sayfa başlattıktan sonra sitenizin ziyaretçilerine bundan bahsedin. Üst bilgi, alt bilgi veya iletişim bölümünüze sosyal medya düğmeleri ekleyin. Ayrıca uygulamayı eklemenizi öneririz - ücretsizdir ve büyük şirketler onu kullanmaya isteklidir. Bununla, sitenizden en fazla on hesabı yönetebilirsiniz: haberler yayınlayın, yorumlara zamanında yanıt verin ve müşterileri hız, kusursuzluk ve profesyonellik ile şaşırtın.

Büyük markaların arasına katılmaya hazır mısınız? Wix'te kendiniz - kolay ve ücretsiz!