C cenaly.com
Започнете безплатно

Webflow · контакт от вашето портфолио

Уиджети Cenaly.com за Webflow

Добавете връзка или час към съществуващия дизайн в Webflow. Изберете задача и настройте уиджета в Cenaly.com, след което добавете кода на ниво сайт или страница. По-долу са условията за достъп до custom code и отделна инструкция за consent.

  • Custom code: активен Site plan или Core, Growth, Agency или Freelancer Workspace
  • Публикуването е отделна стъпка след запазване на кода
  • Проверете мобилния изглед, анимациите и преходите между страниците

Без карта · регистрацията отнема минута, етикетът — още една · промените в настройките стигат до сайта за 5 минути

Един таг за всички уиджети9 от 13 са безплатниShadow DOM — не чупи оформлениетоНадписи на езика на страницатаДва облака: AWS и Русия

Какво работи на Webflow

Изберете нужния виджет и го настройте в акаунта. Обикновените виджети използват общ таг; за consent и аналитика е важен отделен ред на инсталиране.

Избраният виджет и платформата ще се запазят при регистрацията. След това настройте виджета в акаунта. Оставете тази инструкция за Webflow отворена: след настройката се върнете към стъпките за инсталиране по-долу.

Всички 13 уиджета →

Нужен ли е платен план Webflow

Нужен е платен план на платформата

Нужен е активен Site plan или Workspace Core, Growth, Agency или Freelancer.

Официалната справка на Webflow допуска custom code за Site managers и Designers при активен Site plan или един от изброените Workspace. Платеният 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>

Примерен таг за обикновени уиджети. Вземете своя код от акаунта; не е нужно да го заменяте с демонстрационен домейн. За блокиране на аналитиката използвайте отделната инструкция по-долу. Банер за бисквитки и аналитика: отделен ред →

  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 е достъпен и чрез Core, Growth, Agency или Freelancer Workspace според условията на Webflow. Проверете правата на Site manager/Designer и достъпа до полето в конкретния проект.

Head code или Footer code?

Обикновен таг може да се добави в Head code; не го обграждайте с тагове html/head/body. Consent с блокиране до съгласие изисква отделен първи скрипт в head преди тракерите.

Защо виджетът не се появи в редактора?

Custom code не работи в expand canvas. Preview/comment го поддържа, но промените все още трябва да се публикуват. Проверете включването на виджета и крайния адрес на сайта.

Ще засегне ли виджетът анимациите?

Изолацията на стиловете не гарантира съвместимост с всеки скрипт. Проверете взаимодействията, формите и мобилния екран, преди виджетът да се разпространи на всички страници.

Какво да правим със страниците в CMS?

Общият код на сайта е подходящ и за страниците на колекциите. Проверете публикувания пример за такава страница и не дублирайте тага в нейния шаблон.

За банера за бисквитки подходящ ли е обикновеният async таг?

За блокиране на тракерите преди съгласие е нужен отделен consent/v1.js първи в head без async/defer. Проверете зареждането преди избора, след отказ и след приемане. Вградената аналитика на платформата може да изисква отделна настройка; появата на банера не потвърждава съответствие със закона.

Повече информация — инсталиране по платформи, настройка и отстраняване на проблеми — в помощния център. Инструкции за инсталиране →

Поставете уиджетите на своя сайт в Webflow

Проверете достъпа до custom code, изберете уиджет и го настройте. След публикуването тествайте обикновена страница и страница на колекция.

Избор на уиджет

Без карта · регистрацията отнема минута, етикетът — още една · промените в настройките стигат до сайта за 5 минути