C cenaly.com
Тегін бастау

Webflow · портфолиоңыздан байланыс

Webflow арналған Cenaly.com виджеттері

Webflow-тың қолданыстағы дизайнына байланыс немесе жазылу қосыңыз. Тапсырманы таңдап, виджетті Cenaly.com ішінде баптаңыз, содан кейін кодты сайт немесе бет деңгейінде қосыңыз. Төменде — custom code-қа қатынау шарттары және consent үшін бөлек нұсқаулық.

  • Custom code: белсенді Site plan немесе Core, Growth, Agency не Freelancer Workspace
  • Жариялау — кодты сақтағаннан кейінгі бөлек қадам
  • Мобильді көріністі, анимацияларды және беттер арасындағы ауысуларды тексеріңіз

Картасыз · тіркелу бір минут, тег тағы біреуі · параметрлердегі өзгерістер сайтқа 5 минутта жетеді

Барлық виджетке бір тег13-тің 9-ы тегінShadow DOM — беттеуді бұзбайдыҚолтаңбалар бет тіліндеЕкі бұлт: AWS және Ресей

Webflow платформасында не жұмыс істейді

Қажетті виджетті таңдап, оны тіркелгіде баптаңыз. Қарапайым виджеттер ортақ тегті пайдаланады; consent пен аналитика үшін жеке орнату тәртібі маңызды.

Таңдалған виджет пен платформа тіркелу кезінде сақталады. Содан кейін виджетті тіркелгіде баптаңыз. Осы нұсқаулықты Webflow үшін ашық қалдырыңыз: баптағаннан кейін төмендегі орнату қадамдарына оралыңыз.

Барлық 13 виджет →

«Webflow» ақылы жоспары қажет пе

Платформаның ақылы жоспары қажет

Белсенді Site plan немесе Workspace Core, Growth, Agency не Freelancer қажет.

Webflow-тың ресми анықтамасы Site managers мен Designers үшін белсенді Site plan немесе аталған Workspace-тың біреуі болғанда custom code рұқсат етеді. Ақылы Site plan — жалғыз жол емес.

webflow.io мекенжайының өзі кодты кірістіруге болатынын білдірмейді: Workspace-ты, құқықтарды және жоба параметрлерін тексеріңіз. Өз доменін қосу мен CMS мүмкіндіктерінің жоспар шарттары бөлек.

Осы беттегі мәзір тармақтары мен тарифтік шарттар ресми анықтамадан алынған:

Платформа анықтамасымен салыстырылды 2026-09-22

Webflow жүйесіне кодты қалай қоюға болады

Қарапайым виджеттер: чат, байланыс түймесі, жазылу

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

Қарапайым виджеттерге арналған тег үлгісі. Кодыңызды тіркелгіден алыңыз; оны демонстрациялық доменмен ауыстырудың қажеті жоқ. Аналитиканы блоктау үшін төмендегі жеке нұсқаулықты пайдаланыңыз. Cookie-баннер және аналитика: жеке тәртіп →

  1. 1

    Орнату кодын көшіріңіз

    Cenaly.com тіркелгісінде: Әкімші панелі → Маркетинг → «Менің сайтым». Бірінші өріске сайт мекенжайын жазып, тег жолын көшіріңіз.

  2. 2

    Жоба параметрлерін ашыңыз

    Webflow-та: қажетті жобаның Site settings (Сайт параметрлері).

  3. 3

    Custom code бөліміне өтіңіз

    Custom code қойындысы — онда екі өріс бар: Head code (head ішіне) және Footer code (жабылатын body алдында).

  4. 4

    Тегті Head code ішіне қойыңыз

    Жолды Head code ішіне қойып, сақтаңыз. Бұл өріске html, head және body тегтерін қосудың қажеті жоқ — тек скрипттің өзін.

  5. 5

    Жобаны жариялаңыз

    Publish түймесін басыңыз: Webflow анықтамасы өз кодыңыздың әсері жариялағаннан кейін тірі сайтта көрінетінін бөлек атап өтеді.

  6. 6

    Орнатылуын тексеріңіз

    Жарияланған сайтты ашып, «Менің сайтым» → «Орнатуды тексеру» бөліміне қайта оралыңыз.

Виджет тек бір бетте қажет болса — Webflow беттерінің бет параметрлерінде кодқа арналған өз өрістері бар.

Webflow ресми анықтамасы ↗

Орнатуды тексеру

  1. 1

    Сайтты қайта жариялаңыз

    Конструкторларда түзету жобада сақталады: беттер қайта жарияланбайынша, тірі сайтта тег болмайды.

  2. 2

    Тіркелгіде «Менің сайтым» бөлімін ашыңыз

    Әкімші панелі → Маркетинг → «Менің сайтым». Бірінші өрісте — сайтыңыздың мекенжайы, қасында — «Орнатуды тексеру».

  3. 3

    Не табылғанын қараңыз

    Тексеру беттің бастапқы HTML кодын оқып, табылған виджеттерді көрсетеді. Google Tag Manager арқылы қосылған тегті ол көрмейді — бұл орнатудың емес, тексерудің шектеуі.

Орнату қателерін талдау — анықтамада Орнату жөніндегі нұсқаулық →

Webflow мүмкіндіктері

  • Preview және жарияланған сайт

    Webflow custom code-ты preview/comment ішінде қолдайды, бірақ expand canvas ішінде қолдамайды. Келушілер өзгерістерді жариялағаннан кейін көреді; қорытынды тексеруді жарияланған мекенжай бойынша жасаңыз.

  • Жоба коды немесе бір беттің коды

    Жалпы Head code сайт деңгейінде тег қосады. Тек бір URL қажет болса, бет параметрлерін пайдаланыңыз және онда бұрын орнатылған жалпы тегті қайталамаңыз.

  • Формалар мен безендіруді сақтаңыз

    Виджет Webflow формаларын Cenaly.com жүйесіне автоматты түрде қоспайды. Shadow DOM стильдерді оқшаулайды, бірақ анимацияларды, түймелердің басылуын және қабаттасуды өз сайтыңызда тексеру керек.

  • Consent және GTM

    Трекерлерді іске қосып қойған контейнерден кейін consent қоймаңыз. GTM арқылы қарапайым тег үшін серверлік HTML-тексеру орнатылуды растамайды — виджетті жарияланған бетте тексеріңіз.

Сұрақтар мен жауаптар

Site plan сатып алу міндетті ме?

Жоқ, custom code Webflow шарттары бойынша Core, Growth, Agency немесе Freelancer Workspace арқылы да қолжетімді. Site manager/Designer құқықтарын және нақты жобадағы өріске қатынауды тексеріңіз.

Head code пе әлде Footer code пе?

Қарапайым тегті Head code ішіне қосуға болады; оны html/head/body тегтерімен қоршамаңыз. Келісімге дейін блоктайтын consent трекерлерге дейін head ішінде бөлек бірінші скриптті талап етеді.

Виджет редакторда неге пайда болмады?

Custom code expand canvas ішінде жұмыс істемейді. Preview/comment оны қолдайды, бірақ өзгерістерді әлі жариялау керек. Виджеттің қосылуын және сайттың қорытынды мекенжайын тексеріңіз.

Виджет анимацияларға әсер ете ме?

Стильдерді оқшаулау кез келген скриптпен үйлесімділікке кепілдік бермейді. Виджетті барлық беттерге таратпас бұрын өзара әрекеттесулерді, формаларды және мобильді экранды тексеріңіз.

CMS беттерімен қалай болғанда?

Сайттың жалпы коды коллекция беттеріне де жарайды. Осындай беттің жарияланған үлгісін тексеріп, оның үлгісінде тегті қайталамаңыз.

Cookie-баннері үшін қарапайым async тегі жарай ма?

Трекерлерді келісімге дейін бұғаттау үшін жеке consent/v1.js head ішінде бірінші болып, async/defer жоқ қажет. Таңдауға дейін, бас тартқаннан кейін және қабылдағаннан кейін жүктелуін тексеріңіз. Платформаның кіріктірілген аналитикасы жеке баптауды талап етуі мүмкін; баннердің пайда болуы заңға сәйкестікті растамайды.

Толығырақ — платформалар бойынша орнату, баптау және ақаулықтарды жою — анықтамалықта. Орнату жөніндегі нұсқаулық →

Виджеттерді өзіңіздің Webflow сайтыңызға орнатыңыз

Custom code-қа қатынауды тексеріп, виджетті таңдап, оны реттеңіз. Жариялағаннан кейін қарапайым бетті және коллекция бетін тексеріңіз.

Виджетті таңдау

Картасыз · тіркелу бір минут, тег тағы біреуі · параметрлердегі өзгерістер сайтқа 5 минутта жетеді