Ücretsiz başlayın

Webflow · portföyünüzden iletişim

Webflow için Cenaly.ge bileşenleri

Mevcut Webflow tasarımınıza iletişim veya randevu seçenekleri ekleyin. Yapmak istediğiniz işi seçip bileşeni Cenaly.ge üzerinden yapılandırın, ardından kodu siteye veya tek bir sayfaya ekleyin. Özel kod erişim koşulları ve onay yönetimi için ayrı yönerge aşağıdadır.

  • Custom code: etkin bir Site plan ya da Core, Growth, Agency veya Freelancer Workspace
  • Yayınlama — kodu kaydettikten sonra ayrı bir adım
  • Mobil görünümü, animasyonları ve sayfalar arası geçişleri kontrol edin

Kart gerekmez · kayıt bir dakika, etiket bir dakika daha · ayar değişiklikleri siteye 5 dakikada ulaşır

Tüm bileşenler için tek etiket13 tanesinden 9'u ücretsizShadow DOM — sayfa düzenini bozmazEtiketler sayfanın dilinde

Webflow üzerinde neler çalışır

İhtiyacınız olan bileşeni seçin ve yönetim panelinden yapılandırın. Standart bileşenler ortak bir etiket kullanır; onay yönetimi ve analitik için ayrı kurulum sırasını izlemek gerekir.

Seçtiğiniz bileşen ve platform kayıt sırasında saklanır. Ardından bileşeni yönetim panelinden yapılandırın. Webflow için bu yönergeyi açık tutun; ayarları tamamladıktan sonra aşağıdaki kurulum adımlarına dönün.

13 bileşenin tümü →

Ücretli bir Webflow planı gerekiyor mu?

Platformun ücretli planı gerekli

Etkin bir Site plan veya Workspace Core, Growth, Agency ya da Freelancer gerekir.

Webflow’un resmi yardım belgelerine göre Site manager ve Designer rollerindeki kullanıcılar, etkin bir Site plan veya listelenen Workspace planlarından biriyle özel kod ekleyebilir. Ücretli Site plan tek seçenek değildir.

webflow.io adresi tek başına kod eklemenin mümkün olup olmadığını göstermez: Workspace'i, yetkileri ve proje ayarlarını kontrol edin. Kendi alan adınızı bağlama ve CMS olanaklarının kendine ait plan koşulları vardır.

Bu sayfadaki menü öğeleri ve plan koşulları resmi yardım belgelerinden alınmıştır:

2026-09-22 tarihinde platformun yardım belgeleriyle karşılaştırıldı

Webflow üzerine kod nasıl eklenir

Standart bileşenler: sohbet, iletişim düğmesi, randevu

<script src="https://cdn.cenaly.ge/site/v1.js" data-domain="your-site.com" async></script>

Standart bileşenler için örnek etiket. Kendi kodunuzu yönetim panelinden alın; örnekteki alan adını kullanmayın. Analitik araçlarını engellemek için aşağıdaki ayrı yönergeyi izleyin. Çerez bildirimi ve analitik: ayrı kurulum sırası →

  1. 1

    Kurulum kodunu kopyalayın

    Cenaly.ge yönetim panelinde: Yönetim paneli → Pazarlama → “Sitem”. İlk alana sitenizin adresini yazın ve etiket satırını kopyalayın.

  2. 2

    Proje ayarlarını açın

    Webflow'da: ilgili projenin Site settings (Site ayarları).

  3. 3

    Custom code bölümüne gidin

    Custom code sekmesi — içinde iki alan var: Head code (head içine) ve Footer code (kapanış body etiketinden önce).

  4. 4

    Etiketi Head code alanına yapıştırın

    Satırı Head code alanına yapıştırın ve kaydedin. Bu alana html, head ve body etiketleri eklemeniz gerekmez — yalnızca betiğin kendisi.

  5. 5

    Projeyi yayınlayın

    Publish düğmesine tıklayın: Webflow yardımı, kendi kodunuzun etkisinin ancak yayınlamadan sonra canlı sitede görüldüğünü ayrıca belirtir.

  6. 6

    Kurulumu kontrol edin

    Yayınlanan siteyi açın ve «Sitem» → «Kurulumu kontrol et» bölümüne dönün.

Bileşen yalnızca tek bir sayfada gerekiyorsa — Webflow'daki sayfaların sayfa ayarlarında kendilerine ait kod alanları vardır.

Webflow resmi yardım ↗

Kurulum kontrolü

  1. 1

    Siteyi yeniden yayınlayın

    Site oluşturucularda düzenleme taslakta kalır: sayfalar yeniden yayınlanana kadar canlı sitede etiket bulunmaz.

  2. 2

    Hesabınızda “Sitem” bölümünü açın

    Yönetim paneli → Pazarlama → “Sitem”. İlk alanda sitenizin adresi, yanında “Kurulumu kontrol et” bulunur.

  3. 3

    Nelerin bulunduğuna bakın

    Kontrol, sayfanın kaynak HTML kodunu okur ve bulunan bileşenleri gösterir. Google Tag Manager üzerinden eklenen etiketi görmez — bu, kurulumun değil kontrolün bir sınırlamasıdır.

Kurulum hatalarının çözümü — yardım bölümünde Kurulum talimatları →

Webflow özellikleri

  • Önizleme ve yayımlanan site

    Webflow, özel kodu preview/comment modlarında destekler; expand canvas modunda desteklemez. Ziyaretçiler değişiklikleri yayımlandıktan sonra görür. Son kontrolü yayımlanan adres üzerinden yapın.

  • Proje kodu veya tek sayfa kodu

    Genel Head code, etiketi site düzeyinde ekler. Yalnızca tek bir URL gerekiyorsa sayfa ayarlarını kullanın ve orada zaten kurulu olan genel etiketi tekrarlamayın.

  • Formları ve görünümü koruyun

    Bileşen, Webflow formlarını Cenaly.ge ile otomatik olarak bağlamaz. Shadow DOM stilleri yalıtır, ancak animasyonları, düğmelerin tıklanabilirliğini ve üst üste binmeleri kendi sitenizde kontrol etmeniz gerekir.

  • Onay yönetimi ve GTM

    Consent'i, izleyicileri zaten başlatmış olan kapsayıcıdan sonra yerleştirmeyin. GTM üzerinden normal bir etiket için sunucu tarafı HTML kontrolü kurulumu doğrulamaz — bileşeni yayınlanan sayfada kontrol edin.

Sık sorulan sorular

Site plan satın almak zorunlu mu?

Hayır. Webflow koşullarına göre özel kod, Core, Growth, Agency veya Freelancer Workspace üzerinden de kullanılabilir. İlgili projede Site manager/Designer yetkilerini ve kod alanına erişimi kontrol edin.

Head code mu Footer code mu?

Standart etiketi Head code alanına ekleyebilirsiniz; html/head/body etiketleriyle çevrelemeyin. Onaydan önce engelleme için head bölümünde izleyicilerden önce çalışan ayrı bir ilk betik gerekir.

Bileşen neden düzenleyicide görünmedi?

Özel kod, expand canvas modunda çalışmaz. Preview/comment modları kodu destekler; yine de değişiklikleri yayımlamanız gerekir. Bileşenin etkin olduğunu ve sitenin son adresini kontrol edin.

Bileşen animasyonları etkiler mi?

Stil yalıtımı, her betikle uyumluluğu garanti etmez. Bileşeni tüm sayfalara eklemeden önce etkileşimleri, formları ve mobil görünümü kontrol edin.

CMS sayfaları ne olacak?

Sitenin genel kodu koleksiyon sayfaları için de geçerlidir. Böyle bir sayfanın yayınlanmış örneğini kontrol edin ve şablonunda etiketi tekrarlamayın.

Çerez bildirimi için normal async etiketi uygun mu?

İzleyicileri onaydan önce engellemek için head'in en başında async/defer olmadan ayrı bir consent/v1.js gerekir. Seçimden önce, reddettikten sonra ve kabul ettikten sonra yüklemeyi kontrol edin. Platformun yerleşik analitiği ayrı bir yapılandırma gerektirebilir; bildirimin görünmesi yasaya uygunluğu doğrulamaz.

Daha fazla bilgi — platformlara göre kurulum, yapılandırma ve sorun giderme — yardım bölümünde. Kurulum talimatları →

Bileşenleri Webflow sitenize yerleştirin

Özel kod erişiminizi kontrol edin, bir bileşen seçip yapılandırın. Yayımladıktan sonra standart bir sayfayı ve bir koleksiyon sayfasını test edin.

Bileşeni seçin

Kart gerekmez · kayıt bir dakika, etiket bir dakika daha · ayar değişiklikleri siteye 5 dakikada ulaşır