Agenci AI na stronie Webflow z ASDK

Strony na Webflow często buduje projektant albo agencja, a potem przekazuje je zespołowi marketingu, który dba o ich aktualność. ASDK dobrze pasuje do takiego układu: dodajesz go raz jako kod w stopce całej witryny, a potem wszystko, co dotyczy agentów, od kolorów i tekstów po to, którzy agenci są włączeni, zmieniasz w panelu ASDK, bez ponownego otwierania projektu w Webflow.

Co ASDK dodaje do strony na Webflow

ASDK buduje jedną bazę wiedzy z twoich opublikowanych stron, łącznie ze stronami kolekcji CMS, oraz z przesłanych dokumentów. Każdy włączony agent odpowiada na jej podstawie.

• Chat (wczesny dostęp, od planu Free) odpowiada odwiedzającym na podstawie twoich treści, linkuje strony, z których pochodzi każda odpowiedź, i proponuje zostawienie danych kontaktowych, gdy nie może pomóc.
• Sales (wczesny dostęp, od planu Pro) zadaje pytania kwalifikacyjne, które opisujesz zwykłym językiem, i proponuje spotkanie odwiedzającym, którzy pasują.
• Agent-Ready (wczesny dostęp, od planu Free) publikuje to, co wie twoja baza wiedzy, w formatach dobrze czytelnych dla asystentów AI, takich jak hostowany plik llms.txt.
• Search pojawi się wkrótce. Będzie odpowiadać zamiast pola wyszukiwania, ze źródłami.

Widżet to jeden skrypt, więc nie zmienia układu strony, klas ani interakcji. Dodaje w rogu strony przycisk czatu, którego położenie i kolory ustawiasz w panelu.

Przykład ze strony na Webflow

Wyobraź sobie małe studio projektowe, którego strona na Webflow opisuje usługi, kilka studiów przypadków i stronę „Rozpocznij projekt”. Odwiedzający na stronie usług pyta: „Czy przenosicie strony z WordPressa i ile to mniej więcej kosztuje?”.

Chat znajduje stronę o usłudze migracji i sekcję z cenami, odpowiada w dwóch, trzech zdaniach i linkuje obie strony. Jeśli studio włączyło Sales, agent zadaje potem jedno z pytań kwalifikacyjnych studia, na przykład o wielkość obecnej strony lub datę startu, i proponuje spotkanie, gdy odpowiedzi pasują do reguł studia.

Jeśli strona nic nie mówi o cenach migracji, agent mówi o tym, zamiast wymyślać kwotę, i proponuje przekazanie pytania razem z adresem e-mail odwiedzającego. Studio dowiaduje się, że na stronie z cenami jest luka, którą warto uzupełnić dla wszystkich odwiedzających, nie tylko tych, którzy piszą na czacie.

Jakiego planu Webflow potrzebujesz

Według centrum pomocy Webflow (sprawdzono w październiku 2026) własny kod działa tylko na stronach z płatnym planem Site lub w płatnym Workspace. W bezpłatnym planie Starter pól na własny kod nie da się zapisać, więc ASDK nie może się tam załadować. Jeśli w twoim projekcie te pola są zablokowane, to jest właśnie powód.

Plany ASDK są od tego niezależne: plan Free obejmuje Chat i Agent-Ready, a resztę znajdziesz w cenniku.

Konfiguracja ASDK na Webflow

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Jeśli twoją stronę zbudowała agencja, na stronie Install możesz wysłać jej e-mailem fragment kodu i kroki dla Webflow, a odpowiedzi trafią do ciebie.

Co jest dostępne, a co pojawi się wkrótce

Całe ASDK jest we wczesnym dostępie: agenci działają i możesz z nich korzystać, ale mogą się zmieniać, w miarę jak je ulepszamy.

Szczegóły Webflow, które warto znać

• Dla całej witryny, nie dla pojedynczych stron. Użyj kodu w stopce w Site settings, żeby widżet był na każdej stronie. Własny kod na poziomie strony wymagałby wklejenia fragmentu na każdej z nich, a strony, o których zapomnisz, nie miałyby widżetu.
• Adresy testowe. Sprawdzenie instalacji otwiera tylko strony we własnych domenach twojej witryny. Żeby sprawdzić stronę w webflow.io, najpierw dodaj ten adres do dozwolonych domen strony w ASDK albo sprawdź własną domenę.
• Opcje dla poszczególnych stron. Fragment kodu przyjmuje atrybuty data-position, data-locale i data-open. Na przykład strona z cennikiem może otwierać czat od razu po załadowaniu, a reszta witryny nie. Opcje wymienia instrukcja dla HTML.
• Content Security Policy. Strony na Webflow rzadko ją wysyłają, ale jeśli twoja konfiguracja dodaje politykę przez proxy lub CDN, zezwól na https://cdn.asdk.com dla skryptów i https://api.asdk.com dla połączeń. Zobacz Content Security Policy.

Lepsze odpowiedzi ze strony na Webflow

Webflow ułatwia projektowanie stron, na których tekst mieszka w zakładkach, sliderach i efektach po najechaniu kursorem. Wygląda to dobrze, ale agent, podobnie jak wyszukiwarka, czyta to, co jest w HTML strony. Pomaga kilka nawyków:

• Kluczowe fakty jako prawdziwy tekst. Ceny, limity planów, obszary działania i terminy realizacji powinny być tekstem na stronie, a nie tylko w obrazkach czy animacjach Lottie.
• Powtarzalne fakty w CMS. Kolekcja usług lub lokalizacji, w której każda pozycja ma własną stronę, daje agentowi jedno jasne źródło dla każdego tematu.
• Nie chowaj odpowiedzi wyłącznie za interakcjami. Treść w zamkniętych zakładkach zwykle nadal jest w HTML i da się ją przeczytać; treść ładowana z innej usługi dopiero po kliknięciu może być niewidoczna.
• Daj każdej stronie jasny tytuł i nagłówek. Pomaga to agentowi cytować właściwą stronę, a odwiedzającym ufać linkowi.

Nasz poradnik o dodawaniu asystenta do WordPressa, Webflow i Wix porównuje te platformy, a artykuł o trenowaniu chatbota na treściach strony opisuje, jak przygotować strony dla dowolnego asystenta.