Web Sitenize Takvim Nasıl Gömülür?

Web sitene dakikalar içinde bir takvim eklemeyi öğrenin. Kısa rehberimizi okuyun ve kod gerektirmeyen bir widget’in hızlı ve zahmetsizce bir etkinlik takvimi eklemenize nasıl yardımcı olacağını öğrenin.
ChatGPT’in ne düşündüğünü gör Canlı Widget Düzenleyicisini Aç
Tarafından
How to Embed Calendar on Website

Web Sitenize Takvim Nasıl Gömülür?

Etkinlikler düzenleyen, randevulara bağlı olan veya önemli tarihler içeren herhangi bir işletme için etkileşimli bir takvim olmazsa olmaz bir araçtır. Ziyaretçilerinizin takviminizi kolayca görüntülemesini ve güncel kalmasını sağlar; bu, etkinlik, rezervasyon veya planlama odaklı her web sitesinin hayati bir parçası yapar. Piyasada pek çok seçenek varken, hem verimli hem de kolay yönetilebilir bir çözüm seçmek çok önemlidir.

Yani, muhtemelen hedefiniz web siteniz için etkileşimli bir takvim elde etmek; böylece etkinlikleri oluşturabilir, yönetebilir ve senkronize edebilirsiniz. Kodlamaya veya özel bloklardan oluşturmaya sürekli manuel güncellemeler gerektiren çok zaman ve çaba harcamak istemiyorsunuz, değil mi?

Harika, o zaman Elfsight’in kod gerektirmeyen Etkinlik Takvimi widget’ını önermek isteriz. Bu gömülü takvim herhangi bir web sitesinde çalışır ve size pek çok özelleştirme seçeneği sunar – sayfalarınızda sorunsuz bir şekilde çalışır ve doğal bir görünüm sağlar.

İşte nasıl elde edersiniz:

  1. Aşağıdaki talimatın altındaki düzenleyiciyle çalışmaya başlayın. Her şeyi denemeden önce kaydolmanıza gerek yok!
  2. Etkinliklerinizi manuel olarak ekin veya Google Takviminizi bağlayın.
  3. Widget’ın görünümünü zevkinize göre özelleştirin.
  4. Widget’in HTML kodunu alın ve bu kodu CMS’inize yapıştırarak takvimi web sitenize gömün.

Sadece düzenleyiciyi inceleyin ve işlevselliğini kendiniz test edin! ⇓

Detaylı Kılavuz: Takvim Gömmesini Oluşturun ve Özelleştirin

Şimdi ücretsiz gömülebilir takvimimizi baştan oluşturalım. Sadece birkaç dakikanızı alacak ve kodlama ile uğraşmanıza gerek kalmayacak. Adımları sizin için daha da kolaylaştırmak adına her adım için görseller ekleyeceğiz.

Takvim Widget’ını Web Sitesi Oluşturucunuza veya CMS’inize Entegre Edin

Söz verdiğimiz gibi, bir widget’ı herhangi bir siteye eklemek çok basittir. En popüler CMS platformları için bu süreci kapsayan bazı kılavuzlara göz atacağız.

 HTML Sitenizde Takvimi Nasıl Gömersiniz?

Bu videoyu izleyerek herhangi bir HTML tabanlı web sitesine Takvim widget’ını hızlıca nasıl gömeceğinizi öğrenin. Başlarken süreci uygulamalı görmek faydalı olur. İstersen aşağıda yer alan basit yazılı adımları da takip edebilirsiniz.

  1. Web sitenizin arka ucuna gidin. Widgetin sorunsuz entegre edilebilmesi için yönetim panelinizden HTML kodunu düzenleyebildiğinizden emin olun.
  2. Elfsight kodunu web sitenizin HTML’ine yapıştırın. Takviminizin görüneceği konumu seçin; bu, işletme hedeflerinize ulaşmanıza yardımcı olur.
  3. Web sitenizdeki değişiklikleri kaydedin. Her şeyin planladığınız gibi çalıştığını ve sayfada tutarlı göründüğünü kontrol edin.

HTML’de Takvim Oluştur→

Takvimi WordPress Web Sitesine Ekle

Sağlanan kodu bir bloğa yapıştırarak kod gerektirmeyen widget’inizi hızlıca sitenize gömün. Böylece Takviminiz ihtiyacınız olan konumda tam olarak görünecektir.

  1. WordPress hesabınıza giriş yapın. HTML kodunda değişiklik yapmak için yönetici panelinde çalışmanız gerekecek.
  2. Go to ‘Pages’ and choose the page you want. İş hedeflerinizi ve eklentiyi belirli bir alana eklemenin nedenlerini aklınızda bulundurun.
  3. Özel bir HTML bloğu ekleyin. Takvimi eklediğiniz web sitesinin gerekli bölümünde görünmesi gerekir.
  4. Bu bloğa üretilen kodu ekleyin. Sayfayı güncelleyin ve widget’in çalıştığını kontrol edin.

WordPress’te Takvim Oluştur→

Wix Sitesine Takvim Ekle

Wix sitesine Takvim widget’ını eklemek basittir. Elfsight’ten aldığınız özel kod, sayfaların istediğiniz alanıyla sorunsuz entegrasyon sağlar.

  1. Wix web sitesi düzenleyicinize erişin. Wix hesabınıza giriş yapın ve düzenlemek istediğiniz siteyi seçin. Sitenizin kontrol paneline gidin ve web sitesi düzenleyiciyi açmak için ‘Siteyi Düzenle’ üzerine tıklayın.
  2. Takvim widget’i için bir HTML bloğu ekleyin. Sol menüdeki Artı simgesine tıklayın ve Gömme bölümüne gidin. ‘Özel Gömme’ sekmesi altında, sayfanıza yeni bir HTML bloğu eklemek için ‘Bir Widget Yerleştir’ öğesini listeden seçin.
  3. Takvim widget kurulum kodunu ekleyin. ‘Kod Girin’ tuşuna tıklayın ve Takvim widget düzenleyicinizin sağladığı kurulum kodunu yapıştırın. Kodu girdikten sonra sayfaya gömmek için ‘Güncelle’ye tıklayın.
  4. Widget’in boyutlarını ve konumunu ayarlayın. Sayfadaki yerleşimini ve boyutlarını doğru şekilde ayarlayın; uyumlu ve görsel olarak çekici görünmesi için yeniden boyutlandırıp konumlandırın.
  5. Mobil cihazlar için optimize edin. Mobil düzenleyiciye geçin ve gerekirse widget’ı ayarlayın. Widget’in mobilde harika göründüğünden emin olun ve düzenlemeden memnun kaldığınızda değişiklikleri yayınlayın.

Wix’te Takvim Oluştur →

Shopify Sitenize Takvim Ekle

Shopify sitenizin herhangi bir sayfasına Takvim Bileşenini hızlıca ekleyebilirsiniz. Tek yapmanız gereken, Elfsight’ten hazır kodu sitenizin gerekli alanına yapıştırmaktır.

  1. Shopify yönetim paneline gidin. Web sitenizin ‘Çevrimiçi Mağaza’ alanını bulun.
  2. Açılır menüden ‘Özelleştir’ seçin. Sol taraftaki menüden ‘Bölüm Ekle’ yi seçin.
  3. Özel İçerik bölümünde, ‘Ekle’ye tıklayın. Önceden kurulmuş Shopify parçalarını kaldırmanız gerekecek.
  4. ’Özel HTML’ı Seçin. İçerik Ekle menüsünde bulacağınız seçenektir.
  5. HTML bölümünü bulun. Takvim kurulum kodunu buraya gömebilir ve tüm değişiklikleri kaydedebilirsiniz.

Shopify’da Takvim Oluştur→

Squarespace Web Sitenize Takvim Ekle

Herkes, Squarespace sitesinin istediğiniz sayfasına etkinlikler takvimini hızlıca gömebilir. Tek yapmanız gereken, Elfsight’ten üretilen kodu sayfadaki belirli bir bloğa yapıştırmaktır.

  1. Squarespace hesabınıza giriş yapın. Squarespace hesabınıza giriş yapın ve widget için sitenizi seçin. Sitenizin kontrol paneline gidin ve düzenlemek istediğiniz siteyi seçin.
  2. Web Sitesi bölümüne gidin. Takvim widget’ini eklemek istediğiniz sayfayı seçin. Ana menüden ‘Web Sitesi bölümüne gidin ve istenen sayfayı seçin.
  3. ‘Düzenle’ ve ardından ‘Bölüm Ekle’ye basın. Seçili sayfada ‘Düzenle’ye tıklayın ve widget için istediğiniz yerde ‘Bölüm Ekle’yi seçin. Bu, widget için sayfanızda yeni bir bölüm oluşturmanıza olanak tanır.
  4. Bir kod bloğu ekleyin. Sol menüdeki Artı simgesine tıklayın ve Gömme bölümüne gidin. ‘Özel Gömme’ sekmesi altında, sayfanıza yeni bir HTML bloğu eklemek için ‘Bir Widget Yerleştir’ öğesini listeden seçin. Bu, Takvim widget kodunuzu yapıştıracağınız yerdir.
  5. Takvim widget’ı kurulum kodunu ekleyin. Düzenle simgesine tıklayın, Takvim widget kurulum kodunu yapıştırın ve bloğun genişliğini ayarlayın. Sayfanızda widget’in düzgün konumlandığından ve görsel olarak çekici göründüğünden emin olun.

Squarespace’de Takvim Oluştur→

Webflow Sitesine Takvim Ekle

Webflow sayfalarına widget’ı eklemek kolaydır; yalnızca Takviminizin oluşturulan kodunu içeren bir Gömme öğesi eklemeniz yeterlidir.

  1. Webflow’da Başlayın. Webflow hesabınıza giriş yapın ve widget’ı gömmeyi planladığınız siteyi seçin.
  2. Widget’ı Yerleştirme. Webflow düzenleyicisinde, Artı simgesine tıklayın. Sonra sol menüden Gömme öğesini, etkinliklerin görüntüleneceği konuma sürükleyip bırakın.
  3. Kodun eklenmesi. Görünür HTML Gömme Kod Editörü’ne Takvim kurulum kodunu yapıştırın. Ardından Kaydet ve Kapat. düğmesine basın.
  4. Özelleştirme ve Yayınlama. Takvimin ayarlarını yapın, ardından Yayınla düğmesini basın ve etkinleştirmek için alan adlarını seçin.

Webflow’da Takvim Oluştur→

Takvimi Elementor Web Sitesine Ekleyin

Takvim widget’ını Elementor’a eklemek kolay ve kullanışlıdır. Widget kodunu yapıştıracağınız sayfada boş bir blok olması yeterlidir.

  1. WordPress arka uçundan başlayın. WordPress sitenizin arka ucuna giriş yapın, ‘Sayfalar’a gidin ve Takvim widget’ını eklemek için sayfayı seçin.
  2. Elementor düzenlemeye başlayın. Seçili sayfayı özelleştirmeye başlamak için ‘Elementor ile Düzenle’yi seçin.
  3. HTML öğesini ekleyin. Sayfanıza HTML öğesini konumlandırmak için sürükle-bırak özelliğini kullanın.
  4. Widget’in kodunu web sitesine ekleyin. Takvim kurulum kodunu Elfsight’in HTML Kod Kutusu’na yapıştırın.
  5. Güncelle ve keyfini çıkar. Değişikliklerinizi uygulamak için Güncelle’ye tıklayın ve gömülü Takvim ile sayfanızın nasıl değiştiğini görün.

Elementor’da Takvim Oluştur→

Gömülebilir Etkinlik Takvimi İşinize Neden Değer Katıyor?

Bu nedenle widget’ı web sitenize eklemek sorun olmayacak. Şimdi sayfalarınıza Elfsight Etkinlik Takvimi’ni gömülü olarak eklediğinizde ne elde edeceğinizi görelim. İşletmenizin gelişimi açısından widget’in ana faydaları şu şekildedir.

Değer 1: Ziyaretçileriniz en önemli etkinlikleri asla kaçırmaz.

Takvimimiz size etkinlikleri kategorilere ayırmanıza ve ziyaretçilere filtreleme yapma imkanı sunar; böylece kendileri için en alakalı olanları kolayca keşfederler. Programı net görürlerse konferansınızı veya yuvarlak masa toplantınızı kaçırmazlar.

Değer 2: Mevcut Etkinliklerinizi Tek Tıkla Eşitleyin

Şirketinizin Google hesabında her şey zaten planlandığı için neden yeni bir takvim oluşturasınız? Tek tıklamalı bir Google Takvim entegrasyonu ile planlanan etkinlikleri hemen web sitesinde görüntüleyebilirsiniz.

Değer 3: Etkinlikleri net gösterin ve etkileşimi artırın

Ziyaretçiler, daha çok ayrıntıyı ortaya çıkaran ve etkinliği ayrıntılı biçimde öne çıkaran bir açılır pencere modunda etkinliği görüntüleyebilirler. Ayrıca her etkinlik kartını, katılımı artıracak ve dönüşümlerinizi güçlendirecek CTA öğeleri (örneğin butonlar ve bağlantılar) ile donatabilirsiniz.

4. Özellik: Bu, sizin bireysel ve tamamen özelleştirilebilir takviminiz olacak

Google Takvimi’ni bağlasanız da ya da baştan bir plan oluştursanız da, öğelerin düzenlerini, yazı tiplerini, renklerini ve stilini ayarlamak için pek çok seçenek var. Özelleştirme yolculuğunuzu daha da kolay ve eksiksiz kılmak için popüler kullanım durumları için önceden tasarlanmış şablonlar sunuyoruz.

Web Siteleri İçin Takvim Örnekleri

Web sitenize bir takvim eklemenin en etkileyici ve verimli yolu nedir diye düşünebilirsiniz. Başlangıçta size yol göstermek için, ihtiyaçlarınıza özel önceden tasarlanmış düzenlerle popüler kullanım senaryolarını sergileyen çeşitli şablonlar hazırladık.

#1 Konferans Ajanda Takvimi

#2 Izgara Takvim

İzgara Takvim şablonu, ayın tamamını klasik ve yapılandırılmış bir görünümle sunar; mevcut tüm etkinlikleri düzenli bir ızgara halinde gösterir. Bu düzen, tek bakışta genel bir özet isteyen ziyaretçiler için idealdir; bilginin yoğun olduğu takvimler için özellikle faydalıdır.

#3 Spor Planlayıcı Takvimi

Spor hayranları hiçbir maçı kaçırmak istemez ve canlı Spor Zamanlayıcı şablonu bunun için tasarlandı. Yaklaşan maçları sergilemek için mükemmel; ayrıca konser planlayıcıları veya herhangi bir etkinlik odaklı web sitesi için dikkat çekici, göz alıcı bir tasarım sunar.

#4 Kaydırıcı Takvim

#5 Etkinlik Listesi Takvimi

Etkinlik Listesi şablonu ziyaretçilerin etkinlikleri temiz, satır satır bir formatta kaydırmasını sağlar. Hem alan tasarruflu hem de bilgilendirici olan bu şablon, sayfayı boğmadan etkinliklerinizi net ve öz bir şekilde sunmanıza olanak tanır.

Web siteniz için kusursuz bir takvim gömme kurulumunu oluşturmak adına şablon kataloğumuzu keşfetmeye çekinmeyin:

Şablon Kataloğu

30’dan Fazla Etkinlik Takvimi Şablonu Keşfedin

Her kullanım için daha fazla hazır şablon görün veya kendi tasarımınızı oluşturun!
HTML Interactive Calendar template
Web sitenize, kullanıcıların geri gelmesini arzulayacakları etkileyici bir takvim yerleştirin.
Web siteniz için kullanışlı bir takvim oluşturarak planlama sürecini optimize edin.
HTML Conference Agenda template
Web sitenize bir ajanda ekleyin; konferans konuşmacılarının programlarını ve oturum saatlerini sergileyin.
Web sitenize kilisenizin programını ekleyin; yaklaşan etkinlikler ve ibadetler hakkında bilgi yaymak için.
Kullanıcıların işletmenizin tüm yinelenen etkinliklerinden haberdar olmasını sağlamak için web sitenize bir takvim gömün.
HTML Grid Calendar template
Web sitenize ızgara biçimlendirilmiş bir takvimle profesyonel bir görünüm ve yapı kazandırın.
Etkinlik programını tek bir yerde yönetmek için web sitenize bir gündem gömün; böylece etkinlik çizelgelerini, konuşmacıları ve sponsorları tek yerde yönetin.
Web siteniz için bir Etkinlik Takvimi oluşturun ve restoranınızı gidilecek bir destinasyon haline getirin.
Uygun Şablon Bulunamadı?
Kullanımı kolay yapılandırıcımızla ihtiyacınız olan widget’ı kolayca derleyebilirsiniz.

Gömülebilir Takvimlerden Hangi İşletmeler Faydalanır?

Etkinlik Takvimimiz, herhangi bir web sitesine, amaç için veya ihtiyaca kolayca uyarlanabilir ve işinizi tanıtmak için değerli bir araçtır. Bu widget’ten yararlanabilecek bazı kullanım örnekleri şöyle:

🧑‍💻Etkinlik Profesyonelleri

Her türlü etkinliğin yönetimini kolaylaştırır. Etkinliği tanıtmanıza yardımcı olur ve geniş bir katılımcı kitlesine, bir web sitesi veya bağlantı üzerinden yapılandırılmış biçimde ayrıntılı bilgi iletmenizi sağlar. Takvim, etkinliğe özel bir web sitesi ya da açılış sayfasına eklenebilir veya bir bağlantı üzerinden paylaşılıp tüm katılımcılara gönderilebilir.

🌟Kişisel Markalar

Böyle bir uygulamayı sitenize eklemek, öğretim yapan veya halka konuşma yapan her profesyonel için önemlidir. Birçok farklı etkinliğe katılırken ve kendi etkinliklerinizi düzenlerken, en iyi görünürlük ve katılım için bunları tanıtmak gerekir. Gelecek etkinlikleriniz için takvimi sayfanıza eklemenin en iyi yolu, kişisel bir web sitesi veya sosyal medya hesabıdır.

🛍️Küçük İşletmeler

İş farkındalığını artıracak etkinlikler düzenlerken aracımızı entegre etmek, şirket etkinliklerinizden en iyi şekilde faydalanmanızı sağlar. İyi planlanmış ve iyi tanıtılan bir etkinlik, web sitelerine daha fazla çevrimiçi trafik çekmeye, potansiyel müşterilerle bağlantı kurmaya ve daha geniş bir kitleye ulaşmaya katkıda bulunur.

🌍Civic & community organizations

Etkinlik Takvimi aracımız, kar amacı gütmeyen veya kamusal kurumlar için en uygun çözümdür; talep üzerine ürünlerimizin ücretsiz sürümünü onlara sunuyoruz. Bunlar arasında okul, kolej ve üniversite web siteleri ile çeşitli topluluk grupları ve toplumsal anlam taşıyan faaliyetler yürüten sivil dernekler yer alır.

SSS

Can I embed an Event Calendar on my website for free?

Elbette. Takvimi ücretsiz olarak oluşturabilir, özelleştirebilir ve web sitenize ekleyebilirsiniz. Özelliklerin tamamı, widget’i kullanmayı planladığınız sürece erişilebilir olacaktır. Ancak bu veya diğer widget’lar için daha fazla olanak isterseniz Fiyatlandırma bölümümüzü inceleyip yükseltmeyi düşünebilirsiniz.

Etkinlik Takvimi widget’ı mobil uyumlu mu?

Evet! Takviminin farklı cihazlarda nasıl göründüğünü Ekran Görünümü modunda düzenleyicide kontrol edebilirsiniz.

Takvim widget’ınız zaman dilimlerini destekliyor mu?

Evet, etkinlikleriniz için zaman dilimini ayarlayabilir ve sitenizi ziyaret edenler tarayıcılarının zaman dilimine göre bu ayarları görecekler.

Web Sitenizi Büyütmek İçin Daha Fazla Fikir

  • Medyada aktif misiniz? Web sitenizde sosyal medya aktivitelerinizi sergilemenize yardımcı olacak bir çözümümüz var. Elfsight’in Sosyal Medya Akışı widget’ını inceleyin ve müşterileri etkileşime geçirip etkinlikleriniz için daha çok ziyaretçi kazanın.
  • Geri bildirim almak ister misiniz? Müşterilerinizle iletişiminizi güçlendirecek bir yol var. Detaylı doğrudan geri bildirim isteyebilir veya Elfsight’in Form Oluşturucu ile yeni geliştirme fikirleri ya da etkinlik planlaması iyileştirmeleri için anketler yapabilirsiniz. Kullanıcı dostu formlar oluşturarak daha çok yanıt alın ve potansiyel müşteri sayısını artırın.
  • Müşteri bağlılığı kazanmak ister misiniz? Amazon, Facebook, Yelp ve 30’dan fazla diğer şirketin incelemelerini Tüm Yorumlar widget’ımızla gömleyin. Böylece, etkinliklerinizin hedef kitlesine en ilgili platformun incelemelerini gösterebilirsiniz. Daha çok güven kazanırsınız ve yaklaşan etkinlikler için daha çok kişi çekersiniz.

Ya da Elfsight’in e-ticaret, sosyal varlık ve web sitesi yönetimini kolaylaştırmak için geliştirdiği tüm widget’ların listesini inceleyebilirsiniz. tüm widget’ların listesi

Bir Sorunuz Var mı?

Umarız bu rehber faydalı olmuştur. Etkinlik Takvimi widget’ını nasıl yerleştireceğiniz konusunda daha fazla bilgi edinmek veya herhangi bir yardıma ihtiyaç duyarsanız bize ulaşın. Deneyiminizin sorunsuz ve başarılı olması için buradayız.

Elfsight, web siteniz için eksiksiz, kod gerektirmeyen bir çözüm sunmaya kendini adadı. Ayrıca fikirlerin ve uzmanlığın buluştuğu dinamik bir Topluluk olduğumuz için, yaratıcı önerilerinizi Topluluk ve İstek Listemize paylaşmaktan çekinmeyin!

Makale tarafından
Teknik İçerik Uzmanı
Ivan, Elfsight’te teknik içerik uzmanıdır. Farklı platformlar için entegrasyonlar ve manuel iş yükünü azaltan otomasyon iş akışlarını kapsayan pratik API rehberleri ve geliştirici belgeleri yazar.