Pomoc Zauwaguj: jak zbierać uwagi od klienta

1. Konto i logowanie

1. Załóż konto: wpisz e-mail, a przyjdzie 6-cyfrowy kod. Wpisz go na stronie — działa 15 minut.
2. Przy nowym koncie podajesz jeszcze imię i nazwę firmy (działasz sam — imię i nazwisko). Klienci zobaczą tę nazwę przy Twoich odpowiedziach.
3. Później logujesz się tak samo: Zaloguj się → e-mail → kod. Hasła nie ma.

Kod działa w przeglądarce, w której o niego prosisz. Mail czytasz na telefonie, a logujesz się na komputerze? Wpisz kod z telefonu na komputerze albo kliknij „Zaloguj się” w mailu — wtedy zalogujesz się tam, gdzie otworzysz link. Urządzenie pamiętamy przez 30 dni.

Każde konto to osobna przestrzeń: własne projekty, zespół i integracje. Nikt spoza Twojego zespołu ich nie widzi.

2. Pierwszy projekt

Projekt to jedna strona klienta — albo komplet grafik do akceptacji.

1. Projekty → Nowy projekt.
2. Nazwa — np. nazwa klienta albo strony.
3. Adresy strony — po jednym w linii, np. wersja testowa i produkcja. Sam host (bez https://) przepuszcza http i https. Widget pokaże się tylko pod tymi adresami.
4. Zrzut ekranu przy każdej uwadze — widget sam dołączy zrzut widocznego fragmentu strony z zaznaczonym miejscem.
5. Utwórz projekt — dostaniesz kod widgetu.

Nie masz jeszcze strony? Zostaw adresy puste i pracuj na grafikach albo PDF-ach (punkt 6). Strona już działa i klient ma zgłaszać zmiany na bieżąco? Punkt 4.

Lista projektów: grupy, tabela, zakończone

• Grupy — w Ustawieniach projektu wpisz grupę, np. nazwę klienta („Plichta”, „Makurat”). Projekty z tej samej grupy są razem na liście. W widoku tabeli grupę zmienisz od ręki w wierszu projektu, a nazwę całej grupy — przy jej nagłówku („Zmień nazwę”).
• Kafelki albo tabela — przełącznik nad listą. Wybór zapamiętamy na Twoim koncie.
• Zakończ — gotowy projekt schowasz z listy (przycisk na karcie, w tabeli albo w Ustawieniach projektu). Nic się nie usuwa: uwagi, grafiki i kod zostają, a widget na stronie dalej przyjmuje uwagi. Zakończone projekty są w zakładce „Zakończone” — stamtąd przywrócisz je jednym kliknięciem. Gdy w zakończonym projekcie pojawi się nowa uwaga, zobaczysz to nad listą projektów.

3. Kod na stronę

W projekcie: Ustawienia i kod → Kopiuj kod. To jedna linijka <script>. Wklej ją na stronie klienta:

• Zwykły HTML — przed </body>.
• WordPress — wtyczka typu „Insert Headers and Footers” → sekcja stopki. W Divi: Opcje motywu → Integracja.
• Webflow — Project settings → Custom code → Footer.
• Bez dostępu do kodu — Google Tag Manager → Tag → Niestandardowy kod HTML, wyzwalacz „All Pages”.

Otwórz stronę — w rogu pojawi się przycisk Zauwaguj. Na chwilę ukryjesz go, dopisując do adresu ?uwagi=0. W edytorach Divi i Elementora widget sam się chowa.

Projekt pokazany w ramce — np. przeglądarka widoków z menu po lewej i projektem obok (<iframe>). Kod wklejasz na stronę z menu, a klient klika prosto w projekt w ramce. Każdy widok ma osobne pinezki: rozpoznajemy go po zaznaczonej pozycji menu albo po tytule strony w ramce (programista może nadać nazwę atrybutem data-zauwaguj-widok na <iframe>). Zrzut ekranu przy takiej uwadze pokazuje sam projekt, bez menu. Ramka musi być z tej samej domeny co strona — ramek z innych domen (YouTube, mapy) nie da się zauwagować.

4. Strona działająca — stała współpraca

Firmowa strona, która już działa, a klient co chwilę ma zmiany: dziś poprawiamy nazwisko albo dane na stronie, jutro wymieniamy grafikę, a pojutrze budujemy nowy landing. Uwagi ma zgłaszać on, a zwykli odwiedzający mają nic nie widzieć.

1. W projekcie (Ustawienia i kod) zaznacz Tylko osoby z linkiem.
2. Wklej raz kod na działającą stronę w sekcji <head> — w WordPressie wtyczką WPCode w polu Header. Nie w stopce: w nagłówku kod zdejmuje token z paska adresu, zanim wczytają się statystyki i piksele strony. Zwykli odwiedzający i boty nic nie ładują i nic nie widzą.
3. W zakładce Dostępy dodaj osobę od klienta (imię, e-mail) — dostanie mailem stały link. Albo w Ustawieniach włącz Wejście hasłem: jeden czytelny link dla wszystkich (np. mgplichta.pl/#zauwaguj_mgplichta) i hasło, które przekazujesz osobno — wpisuje się je raz na urządzeniu.
4. Klient otwiera link raz na komputerze i raz na telefonie. Potem wchodzi na stronę jak zwykle i na każdej podstronie ma przycisk Zauwaguj; uwagi są podpisane jego imieniem.

Ty i Twój zespół nie musicie dopisywać się do Dostępów: „Pokaż na stronie” przy uwadze — w panelu, w mailu i w zadaniu w narzędziu (ClickUp, Asana, Jira, Monday, Notion) — otwiera stronę z przyciskiem i pinezkami. Kod na stronie sprawdzisz przyciskiem „Sprawdź na stronie” w Ustawieniach.

Link nie wygasa. „Odbierz dostęp” wyłącza go od razu, także w przeglądarkach, które go zapamiętały; „Nowy link”, gdyby stary poszedł dalej. Przy wejściu hasłem nazwy w linku nie trzeba ukrywać — chroni hasło: po 5 błędnych próbach wpisywanie z tego miejsca stoi 15 minut, a zmiana hasła wylogowuje wszystkie urządzenia. Wspólny link bez e-maila (np. „Zespół klienta”) też zadziała — wtedy widget zapyta o imię. Zrobione uwagi chowasz „Archiwizuj zrobione”, żeby strona nie tonęła w pinezkach.

5. Jak klient dodaje uwagę

Wyślij klientowi adres strony. Konto nie jest mu potrzebne.

1. Klient klika Zauwaguj, a potem miejsce na stronie, którego dotyczy uwaga.
2. Pisze, co zmienić, podaje imię i e-mail (zapamiętamy je na następny raz). Może dołączyć do 3 zdjęć — limity plików. Zdjęcia widać potem w dymku pinezki (kliknięcie powiększa) i w panelu.
3. Uwaga zostaje na stronie jako numerowana pinezka. Zielona = zrobione. W pinezce jest wątek — klient widzi Twoje odpowiedzi i może odpisać, także ze zdjęciami (przycisk „Dołącz zdjęcie”, wklejenie albo przeciągnięcie pliku).
4. Zrobione pinezki pokazuje albo chowa lista uwag w widgecie (okrągły przycisk z listą przy „Zauwaguj”): przy Otwarte na stronie są tylko otwarte uwagi, przy Wszystkie także zrobione. Przeglądarka zapamiętuje wybór. Zrobioną uwagę otwartą z linku (np. z maila) widget i tak pokaże, a zrobioną z nową odpowiedzią zespołu zostawi na stronie, dopóki klient jej nie przeczyta.
5. Strzałki ‹ › w dymku pinezki (na komputerze także ← → na klawiaturze) przechodzą do poprzedniej i następnej uwagi — w kolejności z listy uwag i według wybranej w niej zakładki (Otwarte, Wszystkie, Ta podstrona). Gdy następna jest na innej podstronie, widget ją otworzy. Licznik obok strzałek mówi, która to uwaga, np. 3/12.
6. Gotową poprawkę klient zamyka sam w pinezce: Oznacz jako zrobione, a przy statusie „Do weryfikacji” — Akceptuję — zrobione. Gdy coś jeszcze nie gra, Otwórz ponownie wraca uwagę do „Nowa”. W wątku zostaje wpis, kto i kiedy, a Ty dostajesz go w powiadomieniu.

Ty dostajesz uwagę ze zrzutem ekranu, adresem podstrony, przeglądarką i rozmiarem ekranu — bez dopytywania.

6. Grafiki, PDF i limity plików

Makieta, baner, ulotka? W projekcie: Grafiki → przeciągnij pliki. PDF rozbijemy na strony — każda będzie osobną grafiką. Każda grafika dostaje link: wyślij go klientowi, a on kliknie w miejsce na grafice i napisze uwagę. Uwagi trafią na tę samą listę co uwagi ze strony.

Jeden link do wszystkich grafik projektu (np. całego katalogu z PDF-a) znajdziesz nad listą grafik, w Ustawieniach i kodzie, a w projekcie bez adresu strony także pod przyciskiem Kopiuj link dla klienta w nagłówku. Prowadzi do pierwszej grafiki, a strzałkami ← → klient przejdzie przez pozostałe. Link się nie zmienia — skopiujesz go ponownie, kiedy zechcesz, także po wysłaniu.

Limity plików

Innych plików (Word, Excel, ZIP) nie przyjmujemy — dokument zapisz jako PDF. Łącznego miejsca na pliki nie ograniczamy w żadnym planie.

7. Praca z uwagami

• Lista — zakładki Otwarte, Nowe, W trakcie, Do weryfikacji, Zrobione i „Czekają na odpowiedź” (otwarte, w których ostatnie słowo należy do klienta). Filtr podstron i wyszukiwarka (#12 = uwaga nr 12).
• Uwaga — zrzut, link „Pokaż na stronie”, przeglądarka i ekran. Zmieniasz status i przypisujesz osobę z zespołu.
• Odpowiedź — pisz w wątku. Zaznacz „Wyślij też mailem”, żeby klient dostał ją od razu na skrzynkę; i tak zobaczy ją na pinezce. Możesz dołączyć do 3 zdjęć — przyciskiem „Dołącz zdjęcie”, wklejając (Ctrl+V) albo przeciągając plik. Klient zobaczy je w pinezce, a w mailu dostanie je w załączniku.
• Archiwum — „Archiwizuj zrobione” sprząta pinezki ze strony po odbiorze. Uwagi z archiwum wciąż są w panelu.
• Usuwanie — „Usuń uwagę na zawsze” (na dole uwagi) kasuje ją z bazy razem z wątkiem, zrzutem i zdjęciami. Administrator może jednym przyciskiem wyczyścić archiwum projektu, usunąć grafikę razem z uwagami na niej albo cały projekt (Ustawienia projektu). Zadania wysłane wcześniej do ClickUp, osTicketa czy innego narzędzia zostają w tym narzędziu.

8. Czas pracy i raport dla klienta

Na koniec miesiąca albo po odbiorze strony wyślij klientowi wykaz prac. W projekcie: Raport → wybierz miesiąc, cały projekt albo własny zakres dat → Pobierz Excel (XLSX).

• Zrobione — uwagi zamknięte w okresie: kiedy i kto, a do tego „co zrobiliśmy”, czyli Wasze odpowiedzi w wątku i notatki przy czasie pracy.
• W toku — co jeszcze czeka. Dla minionego miesiąca pokazujemy stan na jego koniec.
• Przy każdej pozycji jest miniatura zrzutu i link do pinezki. Plik poprawisz w Excelu przed wysłaniem — dopiszesz wstęp albo stawkę.

Czas pracy jest nieobowiązkowy. Przy uwadze, w karcie „Czas pracy”, kliknij + 15 min, + 30 min, + 1 h albo + 2 h — albo wpisz własny czas: 45 (minuty), 1:30, 1,5 h. W „Dzień i notatka” zmienisz dzień pracy i dopiszesz, co zrobiłeś. Gdy w projekcie jest choć jeden wpis, raport ma kolumnę z godzinami i sumę (liczą się wpisy z dni w okresie); bez wpisów tej kolumny nie ma.

Z asystentem AI: „Zapisz 45 minut przy #12 — poprawki menu na telefonie” albo „Przygotuj raport prac za październik dla projektu Piekarnia”. Wpis czasu usuwa jego autor albo administrator.

9. Powiadomienia

O nowych uwagach i odpowiedziach klientów dostajesz maila zbiorczego: pierwszy od razu, kolejne z tego samego projektu najwyżej co 10 minut — duży przegląd strony nie zasypie skrzynki. Wszystkie naraz wyłączysz w Moje konto.

Maile z projektu dostają tylko osoby z jego listy: Ustawienia i kod → Powiadomienia mailem. Na start jest na niej osoba, która założyła projekt. Inne osoby z zespołu dopisuje ona albo administrator przestrzeni: zaznacza je i klika Zapisz. Nowa osoba w zespole nie dostaje maili z istniejących projektów, dopóki ktoś jej nie dopisze.

10. Zespół

Zespół → Dodaj osobę: imię i e-mail. Przyjdzie jej zaproszenie z przyciskiem logowania (7 dni), a potem loguje się kodem z maila. Administrator dodaje i wyłącza osoby oraz zmienia nazwę przestrzeni. Klienci nie potrzebują kont.

Ktoś odszedł z firmy? Wyłącz jego konto, a potem Usuń konto — znika z bazy razem z kodami logowania; jego wpisy w wątkach zostają podpisane imieniem. Na dole strony Zespół administrator może też usunąć całą przestrzeń: projekty, uwagi, pliki, integracje i konta znikają od razu.

11. Integracje

W projekcie: Integracje. Każda nowa uwaga może od razu stać się zadaniem w narzędziu, z którego korzysta Twój zespół:

• ClickUp, Asana, Jira, Monday — „Połącz”, zaloguj się w narzędziu i wybierz listę, projekt albo tablicę.
• Notion — „Połącz”, w oknie Notion zaznacz bazę na zadania (np. „Zadania”), a potem wybierz ją w Zauwaguj. Uwaga staje się stroną w bazie: zrzut i zdjęcia jako obrazki, odpowiedzi jako komentarze. Status z grupy „Ukończone” (albo zaznaczone pole „Gotowe”) zmienia pinezkę na zieloną.
• osTicket — przez wtyczkę „Uwagi na stronie” (adres i klucz z jej ustawień).
• Webhook — Make, Zapier, n8n albo własny system.

Zadanie dostaje opis, link do pinezki i zrzuty. Odpowiedzi z wątku lądują w nim jako komentarze (zdjęcia z odpowiedzi zostają w Zauwaguj — komentarz mówi, ile ich jest), a zamknięcie zadania w narzędziu oznacza uwagę jako zrobioną — klient widzi zieloną pinezkę. Opis wszystkich integracji: integracje Zauwaguj.

12. Asystenci AI (Claude, ChatGPT)

Zauwaguj ma serwer MCP — standard, przez który asystenci AI łączą się z aplikacjami. Po podłączeniu możesz napisać na przykład: „Pokaż otwarte uwagi z projektu Piekarnia i pogrupuj je według podstron”, „Co klient napisał w uwadze #12 i co jest na zrzucie?” albo „Przygotuj odpowiedź do #12 i oznacz uwagę jako zrobioną” albo „Zrób raport prac za wrzesień dla Piekarni”.

Adres serwera:

https://zauwaguj.pl/mcp

• Claude (przeglądarka, aplikacja na komputer i telefon): Customize → Connectors → Add custom connector, wklej adres, kliknij Connect. Zaloguj się w Zauwaguj kodem z maila i kliknij Zezwól. W planach Team i Enterprise łącznik dodaje właściciel organizacji, potem każdy łączy swoje konto.
• ChatGPT: Ustawienia → Apps → Advanced settings, włącz Developer mode, potem Create app z tym adresem i uwierzytelnianiem OAuth (w planach z trybem dewelopera).
• Claude Code: claude mcp add --transport http zauwaguj https://zauwaguj.pl/mcp, a potem /mcp → Authenticate.
• Cursor, VS Code, n8n, skrypty: ten sam adres. Jeśli narzędzie nie loguje się przez przeglądarkę, utwórz token osobisty w Moje konto → Asystenci AI i wysyłaj go w nagłówku Authorization: Bearer ….

Co asystent może: czytać projekty i uwagi z wątkami, oglądać zrzuty ekranu i zdjęcia, zmieniać status, przypisywać osoby, zapisywać czas pracy, przygotować raport prac i odpisywać klientowi w wątku. Nie usunie uwag ani projektów i nie zmieni ustawień. Przy łączeniu możesz zostawić samo czytanie.

Odpowiedź do klienta asystent najpierw pokazuje Tobie i wysyła dopiero po Twojej zgodzie; maila do klienta wyśle tylko na wyraźną prośbę. Działa w Twoim imieniu i tylko w Twojej przestrzeni.

Połączenia i tokeny widać w Moje konto → Asystenci AI — tam je odłączysz. Uwagi, które asystent przeczyta, trafiają do jego dostawcy (np. Anthropic, OpenAI) na zasadach jego regulaminu, tak jak przy Integracjach — podłączaj narzędzia, z których Twoja firma może korzystać przy danych klientów.

13. Coś nie działa

14. RODO i dokumenty

Kto odpowiada za dane Twoich klientów? Ty — jako administrator. Zauwaguj przetwarza uwagi, zrzuty i wątki w Twoim imieniu, na zasadach umowy powierzenia, którą akceptujesz razem z regulaminem — nie trzeba niczego podpisywać osobno.

Co dopisać do polityki prywatności strony klienta? Na przykład:

Na stronie działa narzędzie Zauwaguj (zauwaguj.pl) do zgłaszania uwag do jej treści. Gdy dodajesz uwagę, przetwarzamy podane imię, e-mail, treść uwagi, zrzut ekranu widocznego fragmentu strony, adres podstrony, informacje o przeglądarce i adres IP — w celu obsługi zgłoszenia. Dostawca narzędzia, Sławomir Ciastek, przetwarza te dane w naszym imieniu, na podstawie umowy powierzenia. Widget nie używa plików cookies; w pamięci przeglądarki zapamiętuje imię i e-mail podane przy uwadze.

Zrzuty ekranu obejmują widoczny fragment strony. Na stronach z danymi wrażliwymi (np. o zdrowiu) wyłącz zrzuty w ustawieniach projektu. Adresy IP przy uwagach usuwamy po 90 dniach. Klient chce usunięcia swoich danych? Otwórz jego uwagę i kliknij „Usuń uwagę na zawsze” — zniknie z bazy razem z wątkiem, zrzutem i zdjęciami (archiwizacja tylko chowa pinezkę). Jego wpisy w wątkach innych uwag usuniesz pojedynczo (razem z dołączonymi zdjęciami), a stały dostęp — „Odbierz”, potem „Usuń z listy”.