Mutlu Eklentiler Kullanarak Sosyal İçeriklerinizi Çekici Bir Şekilde Görüntüleyin Sosyal Medya Akışları (Facebook, Twitter, Instagram)

Yayınlanan: 2020-08-26

Son yıllarda, çevrimiçi pazarlamacılar, dijital pazarlamanın hızlı gelişimine ayak uydurmak için stratejilerini sürekli olarak yeniden şekillendiriyorlar. Sosyal medya pazarlaması, işinizi küresel olarak en kısa sürede genişletmek için etkili kanatlarından biridir.

Sosyal medya pazarlamacılarının %52'den fazlası, sosyal medyanın şirketlerinin gelirlerini ve satışlarını artırmaya yardımcı olduğunu ifade etti.

Debriyaj

Web sitenizin ziyaretçilerini artırmak için sosyal platformları kullanma şekliniz gibi, web siteniz de sosyal platformlarınızı tanıtmanın harika bir yolu olabilir. Sosyal medya ve siteniz arasında sorunsuz bir bağlantıya sahip olarak, çevrimiçi ağlarınızı genişletebilir ve dönüşüm oranlarını da artırabilirsiniz.

Bugünün blogunda, bir Elementor web sitesine sosyal medya akışını entegre etmenin basit bir yolunda size yol göstereceğiz.

Hadi başlayalım-

Neden Sosyal Medya Akışlarını Web Sitenize Gömmelisiniz?

WordPress social feed

Basit bir ifadeyle, ' Sosyal medya beslemesi ', ziyaretçilerin sosyal gönderiler, yorumlar, Facebook, Twitter, Instagram vb.'den gelen yanıtlarla etkileşime girdiği bir platform (bir web sitesinin sayfasında) anlamına gelir.

'Feed', yeni içerik mevcut olduğunda güncellemeler sağlayan etkili bir ortamdır.

Pekala, kısaca bir web sitesindeki sosyal beslemelerin aşağıdaki şekillerde iş başarısına anında nasıl katkıda bulunabileceğini öğrenelim:-

  • Kullanıcılara alakalı web içeriği sağlayın
  • Ortak çalışma araçlarını paylaşır
  • Kişi ve konum bilgilerini göster
  • Sosyal etkileşimi ve abone sayılarını artırın
  • Ve dahası

Bununla birlikte, sosyal beslemeler bir organizasyonun iletişim hedeflerini etkili bir şekilde hedefleyebilir; ayrıca kullanıcılara kişiselleştirilmiş hizmet vermek. Bu nedenle, tüm pazarlama çabalarını tek bir ardışık plana uygun hale getirerek ve geliştirerek iş büyümesini artırabilir.

Mutlu Eklentilerle Tanışın Sosyal Medya Akışı: Sosyal İçeriklerinizi Görüntülemenin Kolay Bir Yolu

Social Media Feed
WordPress Sosyal besleme

Hem web siteleri hem de sosyal kanallar, olası satışlar ve dönüşümler oluşturma yeteneğine sahiptir. Peki ya bu iki platformu tek bir platformda birleştirebilseydiniz. Tabii ki, bazı dikkate değer sonuçlar üretecektir.

Ve bu, web sitesindeki sosyal beslemenin hile yaptığı yerdir. Kullanıcılar aynı anda web sitesinde gezinirken sosyal aktivitelerinizi ( son gönderiler, yorumlar, incelemeler ve daha fazlası ) görebilecekler.

Sosyal içeriğinizi Elementor sitenize göstermek istediğinizi varsayalım. Mutlu Eklentileriniz varsa, sosyal gönderi gömmek için başka araca ihtiyacınız yoktur. Happy Addon'un sosyal medya beslemesi bu görevi hiç olmadığı kadar kolaylaştırıyor.

Ancak, Happy Addons, sosyal besleme özelliklerinde dört widget içerir. Bu nedenle, bugünün eğitiminde, size bu sosyal besleme widget'larının işlevlerini tek tek göstereceğiz:-

  • Facebook Feed (Pro):- Facebook sayfanızın beslemesini web sitesinde farklı ve yaratıcı bir şekilde görüntülemenize yardımcı olacaktır.
  • Twitter Akışı (Ücretsiz): - Twitter gönderilerinizi, retweetlerinizi, beğenilerinizi, yanıtlarınızı ve daha fazlasını sergilemek için mükemmel bir widget.
  • Twitter Feed Carousel (Pro):- Çeşitli stiller, metinler, resimler ve sosyal bağlantılar uygulayarak sosyal güncellemelerinizi Twitter Feed Carousel aracılığıyla sergileyin.
  • Instagram Akışı (Pro):- Mutlu Instagram widget'ını kullanarak tonlarca stille Instagram hesaplarınızdan güzel fotoğraflarınızı görüntüleyin.

Aşağıda, Happy Addons kullanarak bu sosyal platformları WordPress sitenize ekleme adımlarını göstereceğiz.

Sosyal Medya Akışınızı Elementor Web Sitenize Nasıl Bağlarsınız?

Social media feed

Sürece başlamak için aşağıdakilere sahip olmanız gerekir:

  • Bir WordPress Sitesi
  • Elementor (Ücretsiz)
  • Mutlu Eklentiler (Ücretsiz ve Profesyonel)

WordPress siteniz için bir alan adınız ve satın alınmış bir barındırma planınız olduğundan emin olun.

Şimdi Elementor & Happy Addons'u yükleyerek WordPress sitenizi yapılandırın. Ardından, aşağıdaki talimatları adım adım izleyin.

Ancak Elementor'da yeniyseniz, birkaç adımda bir açılış sayfasının nasıl oluşturulacağına ilişkin bu makaleye göz atın.

Facebook Feed Widget'ı Nasıl Kullanılır

Her şeyden önce, Facebook Feed widget'ını eklemek istediğiniz sayfaya gidin. İşte ilk yüzeyinizin nasıl göründüğü.

Facebook Feed

Ardından, ekranın sol üst köşesinde ' Facebook Feed'i arayın. Ardından widget'ı seçin; işaretli alana sürükleyin.

Elementor widget

Şimdi, tercih ettiğiniz Facebook sayfası kimliğini ve erişim jetonunu eklemeniz gerekiyor.

Facebook feed

Sayfa Kimliği ve Erişim Simgesi Oluşturun

Sayfa Kimliği ve erişim belirteci oluşturmak için Facebook Geliştiricileri Hesabı'na gidin. Burada önce oturum açmanız gerekiyor. Ardından bir uygulama oluşturun ve Uygulamam düğmesine tıklayın .

Facebook Developer

Ardından, kutuyu doldurun ve ' Uygulama Kimliği Oluştur'u tıklayın

Create App ID

' Araçlar ' üzerine tıklayın ve ' Grafik API Gezgini 'ni seçin

Social Media Feed

Ardından ' Erişim Simgesini Al ' düğmesine tıklayın. Bir sayfa için erişim belirtecini seçin. Ve aşağıdaki pencereyi alacaksınız. Kimliğinizle devam edin.

Get Access Token

Şimdi web sitesinde görüntülemek istediğiniz tercih ettiğiniz sayfayı seçin.

Social Media Feed

'Bitti' düğmesine tıklayın.

Social Media Feed

Gönder düğmesine basın. Ancak bunu yapmadan önce sayfanızı seçmeniz gerekir. Yaşasın! Sayfa kimliğiniz ve erişim jetonunuz uygulanmaya hazır. Bu yüzden onları kopyalayın.

Facebook Feed

Şimdi sayfa kimliğini ve erişim belirteci numarasını buraya yapıştırın. Böylece Sayfa Kimliği ve belirteç numarasını ekledikten sonra sayfanızın gönderileri gösterilecektir.

İşte nasıl görüneceği: -

Facebook Feed

Facebook Akışı Tasarımınızı Özelleştirin

Şimdi özelleştirme ve ona bir tasarım verme zamanı. Bunu yapmak için ' Facebook Sayfa Ayarları'na tıklayın. Burada birkaç şeyi özelleştirebilirsiniz.

Örneğin şunları gösterebilirsiniz: -

  • yakın zamanda Gönderilenler
  • Eski Yazılar
  • Seviyor
  • Yorumlar

Ayrıca Sütun Gösterimi, Özellik Resmi Gösterimi, Facebook Logo Gösterimi, Profil Resmi Gösterimi, İsim Gösterimi Tarih Gösterimi, Beğeni Sayımı, Yorumları Göster vb.

Social Media Feed

Hizalama, alt bilgi, üst bilgi ve özellik resmi konumu gibi ayarlarını güncellemek için ' Genel Ayarlar ' üzerine dokunun.

Social Media Feed

Facebook sosyal besleme widget'ına stilist ve kazançlı bir görünüm kazandırmak için elinizde daha fazla seçeneğiniz var. Sadece ' Stil ' düğmesine tıklayın.

Burada stilize edebilirsiniz: -

  • Yaygın : Boyut, dolgu, kenar boşluğu, gölge, kutu gölgesi, boşluk vb.
  • Özellik Resmi : Resim boyutu, kenar boşluğu, dolgu, gölge, kutu gölgesi, kenarlık vb.
  • Kullanıcı bilgisi : Sayfa logosu, boyut, boşluk, yükseklik
  • İçerik ve Alt Bilgi : Aynı şekilde, içerik ve alt bilgi dolgusunu, kenar boşluğunu, boşluğu, rengi ve daha fazlasını da özelleştirebilirsiniz.
Social Media Feed

Widget'ı tasarladıktan sonra, web sitesindeki son görünüm şöyle olacaktır:-

Social Media Feed

Her neyse, gelişmiş bir kılavuz için resmi ' Facebook Feed ' belgelerimize de göz atabilirsiniz.

Twitter Akışı Widget'ı Nasıl Kullanılır

Web sitesine Twitter Akışı eklemek için 'Widget'ı seçin ve işaretli alanınıza yapıştırın.

Social Media Feed

Widget'ı ekledikten sonra, işleme başlamak için bir Kullanıcı Kimliği ve Erişim belirteci koymanız gerekir.

Social Media Feed

Şimdi Erişim Simgesi ve Kullanıcı Kimliği almak için talimatları dikkatlice uygulamanız gerekecek.

  • Bir twitter geliştirici hesabı oluşturun
  • Erişim Simgesi ve Kullanıcı Kimliği Oluştur
  • Web Sitesinde Uygulayın

Twitter Geliştirici Hesabı Oluşturun

Bir geliştirici hesabı oluşturmak için twitter geliştirici işe alım sayfasına gidin. Ve ardından ' Bir uygulama oluştur'a tıklayın.

Social Media Feed

Ardından, bazı formaliteleri doldurmanızı istediğiniz bir pencereniz olacak. Bir API anahtarına ne amaçla ihtiyacınız olduğunu söylüyor. Twitter beslemesini kullanacağımız için, ' API'yi Keşfetmek ' üzerine tıklayın.

Social Media Feed

Bundan sonra doldurmanız gereken bir form alacaksınız. Geliştirici olarak, vb. Twitter verilerini nasıl kullanacağınızı size bu şekilde soracaklar.

Bu nedenle, bazı soruları yanıtlayarak burada yasal bilgiler sağlayın.

Social Media Feed

İşiniz bittiğinde, seçeneği işaretleyin ve ardından ' Başvuruyu Gönder ' düğmesine basın.

Social Media Feed

Yaşasın! Sen yaptın. Şimdi e-postanızı kontrol edin ve onaylamak için tıklayın.

Social Media Feed

Başvuruyu gönderdikten sonra, geliştirici olarak uygun olup olmadığınızı kontrol etmek için twitter yetkilisi tarafından incelemeye alınacaktır.

Sonraki adımlar için hazır mısınız?

Social Media Feed

Önemli not : Bu inceleme süreci iki veya daha fazla gün sürebilir, bu nedenle her zaman e-postanıza göz kulak olmalısınız.

Erişim Simgesini ve Kullanıcı Kimliğini Alın

Bu yüzden Twitter yetkilisi tarafından onaylandıktan sonra twitter geliştirici hesabınıza tekrar giriş yapın.

Developer account

Bu bağlantı sizi twitter geliştirici panosuna yönlendirecektir. Erişim jetonunuzu ve gizli anahtarınızı almak için sadece birkaç adım uzaktasınız.

Social Media Feed

Ardından, Ürünler ve Uygulamalar -> Genel Bakış -> Uygulama Oluştur'a gidin

Social Media Feed

Uygulamanızın adını verin veya uygulamanızın amacını buraya yazabilirsiniz. [ Not: Benzersiz tutun ]

Social Media Feed
Uygulamaların Adını Verme

Benzersiz bir ad sağladıktan sonra, istediğiniz Twitter API anahtarını ve Erişim belirteci numarasını alacaksınız. Bu yüzden kopyalayın ve bir sonraki adıma geçin.

Social Media Feed
API ve Gizli Anahtar Numaralarını Kopyalama

Şimdi Elementor web sitenize ' Tüketici anahtarı ' ve ' Tüketici gizli anahtarı'nı tercih ettiğiniz twitter kullanıcı adıyla yapıştırın.

Applying API & User Secret Keys
API ve Kullanıcı Gizli Anahtarlarını Uygulama

Twitter Akışı Widget'ını Özelleştirin

Otomatik olarak, tüm tweet'leriniz sağ tarafta görünecektir. Artık web sitenizi daha profesyonel ve sıra dışı hale getirmek için özelleştirebilir, tasarlayabilir ve zarif bir görünüm verebilirsiniz.

Burada twitter ayarları, genel ayarlar ve sarmalayıcı bağlantısını alacaksınız.

Twitter feed

Burada kaç gönderiyi göstermek istediğinizi seçebilir, onları kategorilere ayırabilir ve daha pek çok şey yapabilirsiniz.

Social Media feed

Genel ayarlar sekmesinde gönderilerinizi, içeriklerinizi ve düğme bağlantılarınızı hizalayabilirsiniz.

Social Media feed

Bu tasarımı stilize etmek için ' Stil ' düğmesine dokunun. Burada her bir parçayı özelleştirebilir ve daha güzel hale getirmek için bireysel tasarım ayarlayabilirsiniz.

Social Media feed
  • Ortak : - Bu seçenek her blok içindir. Örneğin, dolguyu, kenar boşluğunu, kenarlığı, kenarlık türünü ayarlayabilir ve ayrıca bir arka plan ayarlayabilirsiniz.
Social Media feed
  • Kullanıcı Bilgileri : Kullanıcı bilgilerinde kullanıcı simgesini, boyutunu, aralığını, profil fotoğrafını ve daha fazlasını özelleştirebilirsiniz.
Twitter feed
  • İçerik : İçeriği düzenlemek ve rengini değiştirmek için içeriğe dokunun. Ve burada tüm özelleştirme seçeneklerini alacaksınız. Örneğin, içerik aralığı, alt boşluk, renkler, düğme renkleri, tarih renkleri vb.
Social Media Feed
  • Altbilgi ve Retweet : Benzer şekilde, altbilgi ve retweet bölümünü de özelleştirebilirsiniz. Düğmeye dokunun ve istediğiniz miktarı değiştirin. Bu kadar!
Social Media Feed

Böylece tasarımı bitirdikten sonra son görünümünüz: -

Social Media feed

Ancak hızlı bir yol tarifi almak için aşağıdaki ' Twitter beslemesi ' ile ilgili eğitim videosunu izleyebilirsiniz. Burada, twitter beslemesinin nasıl iyi kullanılacağına veya özelleştirileceğine dair eksiksiz bir kılavuz bulacaksınız. Veya gelişmiş bir kılavuz için resmi belgelerimize göz atabilirsiniz.

Twitter Feed Carousel Widget'ı Nasıl Kullanılır

Eh, ' Twitter Feed ' ve ' Twitter Feed Carousel ' neredeyse aynı. Ancak Twitter Feed Carousel , bazı ekstra işlevler sunar. Şimdi size Elementor sitenizde Twitter Feed Carousel'i nasıl kullanabileceğinizi ve buna göre tasarlayabileceğinizi göstereceğiz.

Ancak, işleme başlamak için bir erişim jetonuna ve Kullanıcı Kimliğine de ihtiyacınız olacak. Ancak ilginç olan kısım, daha önce Twitter Akışı için kullandığınız erişim belirtecini ve Kullanıcı Kimliğini kullanabilmenizdir.

Şimdi aşağıdaki talimatları dikkatlice izleyin: -

  • Twitter Geliştirici Hesabı Oluşturun
  • Erişim Simgesini ve Kullanıcı Kimliğini Alın
  • Twitter Feed Carousel'i Tasarlamaya Başlayın

Twitter Feed Carousel'inizi Özelleştirin

Kullanıcı adı, Erişim belirteci ve Kullanıcı Kimliği'ni ekledikten sonra, ekranınızın sağ tarafında tweet'lerinizin yansımasını göreceksiniz.

Social Media Feed

Ardından, ' Twitter Ayarları 'na dokunun. Burada seçenekleri aşağıdaki kategoriye göre sıralayabilirsiniz: -

  • Yakın zamanda Gönderilenler
  • Eski gönderiler
  • Favori gönderiler
  • Gönderi sayısı
  • Ve retweetler vb.

Ek olarak, twitter logonuzu, profil resminizi, adınızı, kullanıcı adınızı, tarihinizi, tepki sayınızı, retweet sayınızı ve daha fazlasını oku butonunu vb. özelleştirebilirsiniz.

Social Media Feed

Ayarlar bölümünde, tasarımınızı özelleştirmek için daha fazla seçeneğe sahip olacaksınız. Örneğin, hizalama, altbilgi hizalama, kullanıcı bilgisi konumu, animasyon hızı, göstermek istediğiniz slayt sayısı, gezinme sonrası ve daha fazlası.

Twitter Carousel

Şimdi bölümü stilize etme zamanı. Bunu yapmak için ' Stil ' seçeneğine dokunun.

Twitter Feed Carousel

Widget'ın tasarımını değiştirmek için, Ortak bölümünde aralığını, dolgusunu, kenarlık türünü, kutu gölgesini ve arka plan türünü vb. değiştirebilirsiniz.

Social Media Feed

Ardından, Kullanıcı Bilgilerini de özelleştirebilirsiniz. Örneğin, Kullanıcı Aralığı, simge, profil resmi, boşluk, kenarlık türü, renkler ve tipografi (ad ve Kullanıcı Adı), vb.

Social Media Feed

Ardından, İçerik ve Altbilgi bölümünü düzenleyebilirsiniz. Benzer şekilde, dolguyu, aralığı, renkleri, tipografiyi, simge renklerini vb. stilize edebilirsiniz.

Social Media Feed

Aynı işlemi uygulayarak Gezinme oku & Noktalar için de işlemi yapabilirsiniz.

Social Media Feed

Ardından ' Gezinme Oku ' bölümüne tıklayın. Yani burada ok konumunu, arka planı, yazı tipi boyutunu, kenarlık türünü, kenarlık yarıçapını, rengi, arka plan rengini vb. özelleştirebilirsiniz.

Social Media Feed

Eh, stil bölümünün son bölümünde, burada ' Gezinme Noktaları ' olacak. Dikey konum, boşluk, hizalama ve renk gibi stillerini kolayca değiştirebilirsiniz.

Social Media Feed

Elementor sitenizde Twitter besleme karuselini bu şekilde kullanabilirsiniz. Bununla birlikte, ayrıntılı bir fikir edinmek için Twitter besleme karuselindeki resmi belgelerimize göz atabilirsiniz.

Instagram Feed Widget'ı Nasıl Kullanılır

Instagram Akışı widget'ı, Instagram hesabınızdan gönderileri alır ve bunları web sitenizde bir ızgara görünümünde gösterir. Instagram erişim belirtecini almak için bazı kolay adımlardan geçmeniz gerekiyor.

Resmi belgelerimizi kontrol edin ve Instagram Akışı Widget'ınızı istediğiniz gibi özelleştirin.

Tüm Mutlu Widget'lara Bakmama İzin Verin!

Bitiş Notları

Sonunda yazımız sona erdi. Burada, sosyal medya akışının kullanımlarını kolayca kavramanın en kolay yolunu ve onu doğrudan Elementor web sitenize nasıl uygulayacağınızı açıkladık.

Bu nedenle, yalnızca sosyal kanalınızdaki web trafiğini ve takipçilerini artırmayı düşünüyorsanız, Happy Addons sosyal besleme özelliklerini kullanmanız için tam zamanı.

Ancak, bu sosyal medya akışıyla ilgili başka sorularınız varsa, lütfen istediğiniz zaman bize ulaşmaktan çekinmeyin. Tüm sorularınızı yanıtlamaktan memnuniyet duyarız.

happyaddons