C cenaly.com
Pulsuz başlayın

Webflow · portfolionuzdan əlaqə

Webflow üçün Cenaly.com vidjetləri

Mövcud Webflow dizaynına əlaqə və ya görüş əlavə edin. Tapşırığı seçin və vidjeti Cenaly.com daxilində konfiqurasiya edin, sonra kodu sayt və ya səhifə səviyyəsində əlavə edin. Aşağıda custom code-a giriş şərtləri və consent üçün ayrı təlimat var.

  • Custom code: aktiv Site plan və ya Core, Growth, Agency və ya Freelancer Workspace
  • Dərc — kodun saxlanmasından sonra ayrı addım
  • Mobil görünüşü, animasiyaları və səhifələr arası keçidləri yoxlayın

Kart tələb olunmur · qeydiyyat bir dəqiqə, teq isə daha bir dəqiqə · parametr dəyişiklikləri 5 dəqiqə ərzində sayta çatır

Bütün vidcetlər üçün bir teq13-dən 9-u pulsuzdurShadow DOM — düzülüşü pozmurYazılar səhifənin dilindədirİki bulud: AWS və Rusiya

Webflow üzərində nə işləyir

Lazımi vidjeti seçin və onu hesabınızda qurlaşdırın. Adi vidjetlər ümumi teqdən istifadə edir; consent və analitika üçün ayrı quraşdırma qaydası vacibdir.

Seçilmiş vidjet və platforma qeydiyyat zamanı yadda saxlanılacaq. Sonra vidjeti hesabda konfiqurasiya edin. Bu təlimatı Webflow üçün açıq saxlayın: konfiqurasiyadan sonra aşağıdakı quraşdırma addımlarına qayıdın.

Bütün 13 Vidcet →

Webflow üçün ödənişli Plan lazımdırmı

Platformanın ödənişli Planı tələb olunur

Aktiv Site plan və ya Workspace Core, Growth, Agency və ya Freelancer tələb olunur.

Webflow-un rəsmi arayışı Site managers və Designers üçün custom code-a aktiv Site plan və ya sadalanan Workspace-lərdən biri olduqda icazə verir. Ödənişli Site plan yeganə yol deyil.

webflow.io ünvanı özlüyündə kod yerləşdirmənin mümkün olub-olmadığını göstərmir: Workspace-i, hüquqları və layihə parametrlərini yoxlayın. Öz domeninizin qoşulması və CMS imkanlarının Plan üçün öz şərtləri var.

Bu səhifədəki menyu bölmələri və tarif şərtləri rəsmi yardım sənədindən götürülüb:

Platformanın arayışı ilə yoxlanılıb 2026-09-22

Webflow üzərinə kodu necə yerləşdirmək olar

Adi vidjetlər: çat, əlaqə düyməsi, görüş

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

Adi vidjetlər üçün nümunə teq. Kodunuzu hesabdan götürün; onu demo domenlə əvəz etmək lazım deyil. Analitikanı bloklamaq üçün aşağıdakı ayrı təlimata baxın. Cookie banneri və analitika: ayrı qayda →

  1. 1

    Quraşdırma kodunu kopyalayın

    Cenaly.com hesabında: Admin panel → Marketinq → «Mənim saytım». Birinci sahəyə saytın ünvanını yazın və teq sətrini kopyalayın.

  2. 2

    Layihənin parametrlərini açın

    Webflow-da: tələb olunan layihənin Site settings (Sayt parametrləri).

  3. 3

    Custom code bölməsinə keçin

    Custom code nişanı — orada iki sahə var: Head code (head daxilinə) və Footer code (bağlanan body-dən əvvəl).

  4. 4

    Teqi Head code sahəsinə yerləşdirin

    Sətri Head code sahəsinə yerləşdirin və yadda saxlayın. Bu sahəyə html, head və body teqləri əlavə etmək lazım deyil — yalnız skriptin özü.

  5. 5

    Layihəni dərc edin

    Publish düyməsini basın: Webflow arayışı ayrıca qeyd edir ki, öz kodunuzun effekti dərc edildikdən sonra canlı saytda görünür.

  6. 6

    Quraşdırmanı yoxlayın

    Dərc edilmiş saytı açın və «Mənim saytım» → «Quraşdırmanı yoxla» bölməsinə qayıdın.

Vidjet yalnız bir səhifədə lazımdırsa — Webflow-da səhifələrin səhifə parametrlərində kod üçün öz sahələri var.

Webflow üzrə rəsmi məlumat ↗

Quraşdırmanın yoxlanılması

  1. 1

    Saytı yenidən dərc edin

    Konstruktorlarda düzəliş qaralamada qalır: səhifələr yenidən dərc olunmayana qədər canlı saytda teq olmur.

  2. 2

    Hesabda «Mənim saytım» bölməsini açın

    İdarəetmə paneli → Marketinq → «Mənim saytım». Birinci sahədə saytınızın ünvanı, yanında isə «Quraşdırmanı yoxla» düyməsi var.

  3. 3

    Nə tapıldığına baxın

    Yoxlama səhifənin ilkin HTML kodunu oxuyur və tapılan vidjetləri göstərir. Google Tag Manager vasitəsilə yerləşdirilmiş teqi o görməyəcək — bu, quraşdırmanın deyil, yoxlamanın məhdudiyyətidir.

Quraşdırma xətalarının təhlili — yardım bölməsində Quraşdırma təlimatı →

Webflow xüsusiyyətləri

  • Preview və dərc edilmiş sayt

    Webflow preview/comment-də custom code-u dəstəkləyir, lakin expand canvas-da yox. Ziyarətçilər dəyişiklikləri dərc etdikdən sonra görəcək; yekun yoxlamanı dərc edilmiş ünvan üzrə aparın.

  • Layihənin yoxsa bir səhifənin kodu

    Ümumi Head code sayt səviyyəsində teq əlavə edir. Yalnız bir URL lazımdırsa, səhifə parametrlərindən istifadə edin və artıq quraşdırılmış ümumi teqi orada təkrarlamayın.

  • Formaları və dizaynı qoruyun

    Vidjet Webflow formalarını avtomatik olaraq Cenaly.com-a qoşmur. Shadow DOM stilləri təcrid edir, lakin animasiyaları, düymələrin kliklənə bilməsini və üst-üstə düşmələri saytınızda yoxlamaq lazımdır.

  • Consent və GTM

    Consent-i artıq trekerləri işə salmış konteynerdən sonra yerləşdirməyin. GTM vasitəsilə adi teq üçün server tərəfli HTML yoxlaması quraşdırmanı təsdiq etmir — vidjeti dərc edilmiş səhifədə yoxlayın.

Suallar və cavablar

Site plan almaq mütləqdir?

Xeyr, custom code Webflow-un şərtlərinə əsasən Core, Growth, Agency və ya Freelancer Workspace vasitəsilə də mövcuddur. Site manager/Designer hüquqlarını və konkret layihədə sahəyə çıxışı yoxlayın.

Head code yoxsa Footer code?

Adi teqi Head code-a əlavə etmək olar; onu html/head/body teqləri ilə əhatə etməyin. Razılığa qədər bloklama tələb edən Consent trekerlərdən əvvəl head-də ayrıca ilk skript tələb edir.

Niyə vidjet redaktorda görünmədi?

Custom code expand canvas-da işləmir. Preview/comment onu dəstəkləyir, lakin dəyişiklikləri hələ də dərc etmək lazımdır. Vidjetin aktiv olmasını və saytın yekun ünvanını yoxlayın.

Vidjet animasiyalara təsir edəcəkmi?

Stillərin təcrid edilməsi hər hansı skriptlə uyğunluğa zəmanət vermir. Vidjeti bütün səhifələrə yaymazdan əvvəl qarşılıqlı təsirləri, formaları və mobil ekranı yoxlayın.

CMS səhifələri ilə necə davranmalı?

Saytın ümumi kodu kolleksiya səhifələrinə də uyğundur. Belə səhifənin dərc edilmiş nümunəsini yoxlayın və onun şablonunda teqi təkrarlamayın.

Cookie banneri üçün adi async teqi uyğundur?

Trekkerləri razılıqdan əvvəl bloklamaq üçün ayrıca consent/v1.js faylı head daxilində birinci, async/defer olmadan yerləşdirilməlidir. Seçimdən əvvəl, imtina və qəbuldan sonra yüklənməsini yoxlayın. Platformanın daxili analitikası ayrıca konfiqurasiya tələb edə bilər; bannerin görünməsi qanuna uyğunluğu təsdiqləmir.

Ətraflı — platformalar üzrə quraşdırma, konfiqurasiya və problemlərin aradan qaldırılması — yardım bölməsində. Quraşdırma təlimatı →

Vidjetləri öz Webflow saytınıza yerləşdirin

custom code-a girişi yoxlayın, vidjet seçin və onu konfiqurasiya edin. Dərc etdikdən sonra adi səhifəni və kolleksiya səhifəsini test edin.

Vidceti seçin

Kart tələb olunmur · qeydiyyat bir dəqiqə, teq isə daha bir dəqiqə · parametr dəyişiklikləri 5 dəqiqə ərzində sayta çatır