Formularze kontaktowe

Twórz profesjonalne formularze kontaktowe, które integrują się bezproblemowo z Twoim chatbotem i zawierają wbudowaną ochronę przed spamem.

Przegląd

Formularze kontaktowe w ChatReact pozwalają na:

• Zbieranie ustrukturyzowanych informacji od odwiedzających
• Automatyczne filtrowanie zgłoszeń spamowych
• Otrzymywanie powiadomień o nowych zgłoszeniach
• Przeglądanie i zarządzanie zgłoszeniami w panelu

Dostępność

Formularze kontaktowe są dostępne w:

• Starter planie i wyższych

Tworzenie formularza

Formularze są zarządzane dla każdego chatbota oddzielnie, więc każdy formularz należy dokładnie do jednego chatbota.

Krok 1: Przejdź do Formularzy

1. Wybierz chatbota, do którego należy formularz
2. Przejdź do Forms w pasku bocznym
3. Kliknij Create Form

Kreator formularzy poprowadzi Państwa przez cztery kroki: Basics, Fields, Design i Settings.

Krok 2: Podstawy

Nowe formularze są domyślnie aktywne. Można włączyć lub wyłączyć formularz później za pomocą przełącznika Form Active na karcie General.

Krok 3: Dodawanie pól

Nowe formularze są wstępnie wypełnione gotowym szablonem kontaktowym — Imię, Email, Wiadomość oraz Zgoda na prywatność — które można edytować, zmieniać kolejność lub usuwać. Użyj przycisku Add Field, aby dodać więcej pól, oraz strzałek góra/dół, aby zmienić ich kolejność.

Opcje pola

Dla każdego pola skonfiguruj:

• Label: Nazwa wyświetlana
• Placeholder: Tekst pomocniczy
• Required: Pole obowiązkowe
• Options: Dla pól select/dropdown

Krok 4: Wygląd

Stylizuj formularz, aby pasował do Twojej strony internetowej:

• Quick Presets: Punkty startowe motywów jasnego i ciemnego
• Colors: Wybierz kolory podstawowy, tła i tekstu
• Button Text: Niestandardowa etykieta przycisku wysyłki
• Success Message: Co zobaczą odwiedzający po wysłaniu

Podgląd na żywo pokazuje Państwa zmiany w czasie rzeczywistym.

Krok 5: Ustawienia

Skonfiguruj ochronę przed spamem (patrz poniżej) oraz Notification Email dla powiadomień o zgłoszeniach.

Ochrona przed spamem

Filtr spamowy oparty na AI

Każde zgłoszenie jest analizowane przez AI pod kątem:

• Podejrzanych wzorców
• Znanych treści spamowych
• Zachowań charakterystycznych dla botów
• Sygnałów jakościowych

Próg spamu

Każde zgłoszenie otrzymuje wynik spamowy od 0 (legalne) do 100 (pewny spam). Użyj suwaka progu (0–100, domyślnie 70), aby określić granicę — przy włączonej opcji Auto-Reject, zgłoszenia z wynikiem spamowym powyżej progu są oznaczane jako spam:

• Niższy próg: Surowsze filtrowanie — więcej zgłoszeń jest oznaczanych
• Wyższy próg: Bardziej łagodne — tylko oczywisty spam jest oznaczany

Auto-Reject

Włącz Auto-Reject, aby automatycznie obsługiwać spam:

• Zgłoszenia z wynikiem powyżej progu są automatycznie oznaczane jako spam
• Pozostają na liście zgłoszeń, więc można je w każdej chwili przejrzeć

Zarządzanie zgłoszeniami

Lista zgłoszeń

Strona zgłoszeń zaczyna się od podsumowania wyników: liczba Total, Pending, Approved, Spam i Rejected.

Kliknij zgłoszenie, aby je rozwinąć i zobaczyć:

• Datę i godzinę zgłoszenia
• Informacje o nadawcy z czytelnymi etykietami pól (np. "Name", "Email" zamiast identyfikatorów technicznych)
• Wynik spamowy i status
• Uzasadnienie AI dla wyniku spamowego
• Szczegóły techniczne, takie jak adres IP i referrer

Akcje na zgłoszeniach

Opcje Approve, Mark as Spam i Reject są dostępne dla zgłoszeń ze statusem Pending; Delete jest dostępne dla wszystkich zgłoszeń.

Filtrowanie

Użyj rozwijanego menu statusu, aby filtrować zgłoszenia: All, Pending, Approved, Spam lub Rejected.

Osadzanie formularzy

Formularze kontaktowe są osadzane bezpośrednio na Państwa stronie za pomocą niewielkiego fragmentu skryptu. Można skopiować gotowy snippet — w tym ID formularza — z panelu: użyj ikony kopiowania na karcie formularza lub zakładki Embed na stronie edycji formularza.

Osadzanie jako samodzielny element

Osadź formularze bezpośrednio na swojej stronie:

<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  async
></script>

Można również określić niestandardowy element kontenera za pomocą atrybutu data-container, jeśli chcesz, aby formularz renderował się wewnątrz konkretnego elementu:

<div id="my-form-container"></div>
<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="my-form-container"
  async
></script>

Opcje osadzania

Dopasuj układ za pomocą tych opcjonalnych atrybutów skryptu:

WordPress

Jeśli Państwa strona działa na WordPress, oficjalna wtyczka ChatReact umożliwia osadzanie formularzy za pomocą shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Zawarty jest także blok Gutenberg oraz widget Elementor. Zobacz WordPress Integration po szczegóły.

Stylowanie

Osadzone formularze używają kolorów, tekstu przycisku i komunikatu sukcesu skonfigurowanych w ustawieniach Design formularza — każdy formularz ma własny wygląd, niezależny od widgetu czatu. Rodzina czcionek jest dziedziczona ze strony internetowej, dzięki czemu formularze naturalnie się dopasowują.

Osadzone formularze zawierają mały link „Powered by ChatReact”. Plany obejmujące white-label (Professional i wyższe) usuwają to oznaczenie.

Formularze wielojęzyczne

Zakładka Translations na stronie edycji formularza pozwala przetłumaczyć formularz dla każdego z języków chatbota:

• Etykiety pól i placeholdery
• Tekst przycisku wysyłki
• Komunikat sukcesu

Osadzone formularze automatycznie wykrywają język strony i wyświetlają dopasowane tłumaczenie.

Powiadomienia

Powiadomienia e-mail

Otrzymuj alerty e-mail o nowych zgłoszeniach:

• Alerty zawierają nazwę formularza i bezpośredni link do strony zgłoszeń
• Jeśli skonfigurowany Notification Email odpowiada kontu członka zespołu, ta osoba otrzyma powiadomienie; w przeciwnym razie powiadomienie otrzymają wszyscy właściciele, admini i managerowie
• Dostarczanie następuje zgodnie z notification preferences odbiorcy — natychmiastowo lub zbiorczo w digescie

Powiadomienia w aplikacji

Zobacz nowe zgłoszenia w ikonie powiadomień:

• Kliknij, aby przejść do zgłoszenia
• Oznacz jako przeczytane (pojedynczo lub wszystkie naraz)

Najlepsze praktyki

1. Utrzymuj formularze krótkie: Proś tylko o niezbędne informacje
2. Używaj jasnych etykiet: Unikaj żargonu
3. Przetestuj filtr spamu: Wysyłaj testowe wpisy, aby skalibrować
4. Odpowiadaj szybko: Szybkie odpowiedzi zwiększają satysfakcję
5. Sprawdzaj folder spamu: Wyszukuj fałszywe trafienia

Kolejne kroki

• Live Chat →
• Widget Customization →
• Notifications →