C cenaly.com
Zacznij za darmo

Webflow · kontakt z Twojego portfolio

Widżety Cenaly.com dla Webflow

Dodaj kontakt lub wizytę do istniejącego projektu Webflow. Wybierz zadanie i skonfiguruj widżet w Cenaly.com, następnie dodaj kod na poziomie witryny lub strony. Poniżej — warunki dostępu do custom code i osobna instrukcja dla consent.

  • Custom code: aktywny Site plan albo Core, Growth, Agency lub Freelancer Workspace
  • Publikacja — osobny krok po zapisaniu kodu
  • Sprawdź widok mobilny, animacje i przejścia między stronami

Bez karty · rejestracja w minutę, tag w kolejną · zmiany ustawień trafiają na stronę w 5 minut

Jeden tag dla wszystkich widżetów9 z 13 jest bezpłatnychShadow DOM — nie psuje układu stronyPodpisy w języku stronyDwie chmury: AWS i Rosja

Co działa na Webflow

Wybierz odpowiedni widżet i skonfiguruj go na koncie. Zwykłe widżety korzystają ze wspólnego tagu; w przypadku zgody i analityki istotna jest odrębna kolejność instalacji.

Wybrany widget i platforma zostaną zapisane podczas rejestracji. Następnie skonfiguruj widget w koncie. Pozostaw tę instrukcję dla Webflow otwartą: po konfiguracji wróć do kroków instalacji poniżej.

Wszystkie 13 widżetów →

Czy potrzebny jest płatny plan Webflow

Potrzebny jest płatny plan platformy

Wymagany aktywny Site plan albo Workspace Core, Growth, Agency lub Freelancer.

Oficjalna dokumentacja Webflow dopuszcza custom code dla Site managers i Designers przy aktywnym Site plan lub jednym z wymienionych Workspace. Płatny Site plan to nie jedyna droga.

Adres webflow.io sam w sobie nie mówi, czy wstawianie kodu jest dostępne: sprawdź Workspace, uprawnienia i ustawienia projektu. Podłączenie własnej domeny i możliwości CMS mają własne warunki Planu.

Pozycje menu i warunki taryfowe na tej stronie pochodzą z oficjalnej pomocy:

Zweryfikowano z pomocą platformy 2026-09-22

Jak wstawić kod na Webflow

Standardowe widżety: czat, przycisk kontaktowy, wizyta

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

Przykładowy tag dla zwykłych widżetów. Swój kod pobierz z konta; nie trzeba zastępować go domeną demonstracyjną. Do blokowania analityki użyj osobnej instrukcji poniżej. Baner cookie i analityka: odrębny tryb →

  1. 1

    Skopiuj kod instalacji

    Na koncie Cenaly.com: Panel administracyjny → Marketing → „Moja strona”. Wpisz adres strony w pierwsze pole i skopiuj wiersz tagu.

  2. 2

    Otwórz ustawienia projektu

    W Webflow: Site settings (Ustawienia witryny) wybranego projektu.

  3. 3

    Przejdź do Custom code

    Karta Custom code — znajdują się w niej dwa pola: Head code (wewnątrz head) i Footer code (przed zamykającym body).

  4. 4

    Wklej tag w Head code

    Wklej wiersz w Head code i zapisz. Tagów html, head i body nie trzeba dodawać w tym polu — tylko sam skrypt.

  5. 5

    Opublikuj projekt

    Kliknij Publish: pomoc Webflow osobno zaznacza, że efekt własnego kodu jest widoczny na żywej witrynie po publikacji.

  6. 6

    Sprawdź instalację

    Otwórz opublikowaną witrynę i wróć do „Moja witryna” → „Sprawdź instalację”.

Widget potrzebny tylko na jednej stronie — strony w Webflow mają własne pola na kod w ustawieniach strony.

Oficjalna pomoc Webflow ↗

Sprawdzenie instalacji

  1. 1

    Opublikuj stronę ponownie

    W kreatorach zmiana pozostaje w wersji roboczej: dopóki strony nie zostaną opublikowane ponownie, tagu nie ma na żywej stronie.

  2. 2

    Otwórz „Moja strona” w koncie

    Panel administracyjny → Marketing → „Moja strona”. W pierwszym polu znajduje się adres Twojej strony, obok — „Sprawdź instalację”.

  3. 3

    Zobacz, co zostało znalezione

    Sprawdzenie czyta źródłowy HTML strony i pokazuje znalezione widżety. Tagu wstawionego przez Google Tag Manager nie zobaczy — to ograniczenie sprawdzenia, a nie instalacji.

Rozwiązywanie problemów z instalacją — w pomocy Instrukcja instalacji →

Cechy Webflow

  • Preview i opublikowana strona

    Webflow obsługuje custom code w preview/comment, ale nie w expand canvas. Odwiedzający zobaczą zmiany po publikacji; ostateczną weryfikację przeprowadź na opublikowanym adresie.

  • Kod projektu lub jednej strony

    Wspólny Head code dodaje tag na poziomie strony. Jeśli potrzebny jest tylko jeden URL, użyj ustawień strony i nie duplikuj tam już ustawionego wspólnego tagu.

  • Zachowaj formularze i wygląd

    Widget nie podłącza formularzy Webflow do Cenaly.com automatycznie. Shadow DOM izoluje style, ale animacje, klikalność przycisków i nakładanie się elementów trzeba sprawdzić na swojej stronie.

  • Consent i GTM

    Nie umieszczaj consent po kontenerze, który już uruchomił trackery. Dla zwykłego tagu przez GTM serwerowa weryfikacja HTML nie potwierdza instalacji — sprawdzaj widget na opublikowanej stronie.

Pytania i odpowiedzi

Czy trzeba kupować Site plan?

Nie, custom code jest również dostępny przez Core, Growth, Agency lub Freelancer Workspace zgodnie z warunkami Webflow. Sprawdź uprawnienia Site manager/Designer i dostęp do pola w konkretnym projekcie.

Head code czy Footer code?

Zwykły tag można dodać w Head code; nie otaczaj go tagami html/head/body. Consent z blokowaniem do zgody wymaga osobnego pierwszego skryptu w head przed trackerami.

Dlaczego widget nie pojawił się w edytorze?

Custom code nie działa w expand canvas. Preview/comment go obsługuje, ale zmiany trzeba jeszcze opublikować. Sprawdź włączenie widgetu i ostateczny adres strony.

Czy widget wpłynie na animacje?

Izolacja stylów nie gwarantuje zgodności z dowolnym skryptem. Sprawdź interakcje, formularze i ekran mobilny, zanim rozszerzysz widget na wszystkie strony.

Jak postępować ze stronami CMS?

Wspólny kod strony działa również na stronach kolekcji. Sprawdź opublikowany przykład takiej strony i nie duplikuj tagu w jej szablonie.

Czy do banera cookie wystarczy zwykły tag async?

Aby zablokować trackery przed wyrażeniem zgody, potrzebny jest osobny consent/v1.js jako pierwszy w head, bez async/defer. Sprawdź ładowanie przed wyborem, po odmowie i po zaakceptowaniu. Wbudowana analityka platformy może wymagać osobnej konfiguracji; pojawienie się banera nie potwierdza zgodności z prawem.

Więcej informacji — instalacja na platformach, konfiguracja i rozwiązywanie problemów — w pomocy. Instrukcja instalacji →

Umieść widżety na swojej stronie Webflow

Sprawdź dostęp do custom code, wybierz widżet i skonfiguruj go. Po publikacji przetestuj zwykłą stronę i stronę kolekcji.

Wybierz widget

Bez karty · rejestracja w minutę, tag w kolejną · zmiany ustawień trafiają na stronę w 5 minut