C cenaly.com
Ücretsiz başlayın

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

Webflow için Cenaly.com widget'ları

Mevcut Webflow tasarımınıza iletişim veya randevu ekleyin. Görevi seçin ve widget'ı Cenaly.com içinde yapılandırın, ardından kodu site veya sayfa düzeyinde ekleyin. Aşağıda custom code erişim koşulları ve consent için ayrı bir yönerge yer alı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 widget'lar için tek etiket13 tanesinden 9'u ücretsizShadow DOM — sayfa düzenini bozmazEtiketler sayfanın dilindeİki bulut: AWS ve Rusya

Webflow üzerinde neler çalışır

İhtiyacınız olan widget'ı seçin ve hesabınızda yapılandırın. Normal widget'lar ortak bir etiket kullanır; consent ve analitik için ayrı bir kurulum sırası önemlidir.

Seçilen widget ve platform kayıt sırasında korunur. Ardından widget'ı hesabınızda yapılandırın. Bu Webflow talimatını açık tutun: yapılandırmadan sonra aşağıdaki kurulum adımlarına dönün.

13 Widget'ın tümü →

Webflow ücretli planı gerekli mi

Platformun ücretli planı gerekli

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

Webflow'un resmi yardım belgeleri, etkin bir Site plan veya listelenen Workspace'lerden biriyle Site managers ve Designers için custom code'a izin verir. Ücretli Site plan tek yol 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:

Platformun yardım belgesiyle doğrulandı 2026-09-22

Webflow üzerine kod nasıl eklenir

Standart widget'lar: sohbet, iletişim düğmesi, randevu

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

Sıradan widget'lar için örnek etiket. Kendi kodunuzu hesabınızdan alın; bunu tanıtım amaçlı bir alan adıyla değiştirmeniz gerekmez. Analitiği engellemek için aşağıdaki ayrı yönergeyi kullanın. Çerez bannerı ve analitik: ayrı bir düzen →

  1. 1

    Kurulum kodunu kopyalayın

    Cenaly.com hesabında: Yönetim paneli → Pazarlama → «Sitem». İlk alana site 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.

Widget 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 widget'ları 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

  • Preview ve yayınlanan site

    Webflow, custom code'u preview/comment içinde destekler, ancak expand canvas içinde desteklemez. Ziyaretçiler değişiklikleri yayınladıktan sonra görür; nihai kontrolü yayınlanan 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

    Widget, Webflow formlarını Cenaly.com 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.

  • Consent 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 — widget'ı yayınlanan sayfada kontrol edin.

Sık sorulan sorular

Site plan satın almak zorunlu mu?

Hayır, custom code Webflow'un koşullarına göre Core, Growth, Agency veya Freelancer Workspace üzerinden de kullanılabilir. Site manager/Designer yetkilerini ve belirli bir projede alana erişimi kontrol edin.

Head code mu Footer code mu?

Normal bir etiket Head code'a eklenebilir; onu html/head/body etiketleriyle sarmayın. Onaydan önce engelleme yapan consent, head içinde izleyicilerden önce ayrı bir ilk script gerektirir.

Widget neden düzenleyicide görünmedi?

Custom code expand canvas içinde çalışmaz. Preview/comment onu destekler, ancak değişikliklerin yine de yayınlanması gerekir. Widget'ın etkin olup olmadığını ve sitenin nihai adresini kontrol edin.

Widget animasyonları etkiler mi?

Stil yalıtımı herhangi bir script ile uyumluluğu garanti etmez. Widget'ı tüm sayfalara yaymadan önce etkileşimleri, formları ve mobil ekranı 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 banner'ı 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; banner'ın 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ı →

Widget'ları Webflow sitenize yerleştirin

custom code erişimini kontrol edin, bir widget seçin ve yapılandırın. Yayınladıktan sonra normal bir sayfayı ve bir koleksiyon sayfasını test edin.

Widget'ı seçin

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