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

Изберете го потребниот виџет и конфигурирајте го во вашата сметка. Обичните виџети користат заедничка ознака; за согласност и аналитика важен е посебниот редослед на поставување.

Избраниот виџет и платформата ќе се зачуваат при регистрацијата. Потоа наместете го виџетот во сметката. Оставете ја оваа инструкција за 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>

Пример за ознака за обични виџети. Земете го својот код од сметката; не треба да го заменувате со демонстрациски домен. За блокирање на аналитиката, користете ги посебните упатства подолу. 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 е достапен и преку 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?

Заедничкиот код на сајтот важи и за страниците на колекциите. Проверете го објавениот пример за таква страница и не го дуплирајте тагот во нејзиниот шаблон.

Дали за cookie-банерот е соодветен обичен async-таг?

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

Повеќе детали — инсталација по платформи, поставување и решавање проблеми — во помош. Упатство за инсталација →

Поставете ги виџетите на вашиот сајт на Webflow

Проверете го пристапот до custom code, изберете виџет и конфигурирајте го. По објавувањето тестирајте обична страница и страница на колекција.

Изберете виџет

Без картичка · регистрацијата трае една минута, означувањето уште една · промените во поставките стигнуваат до сајтот за 5 минути