[Sugester V2](https://pomoc.sugester2.pl.md) / [Formularze](https://pomoc.sugester2.pl/formularze-1.md)

# [Zbieranie zgłoszeń i danych – Moduł Formularze](https://pomoc.sugester2.pl/formularze-8Uq2CEaj.md)

<div style="font-family: Arial, sans-serif; line-height: 1.6;">
<h4 style="font-size: 1.5em; margin-bottom: 0.5em;">Moduł Formularzy</h4>

<div style="background: #f5f5f5; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
    <strong>W tym artykule:</strong>
    <ul style="margin: 10px 0 0 0; padding-left: 20px;">
        <li><a href="#wprowadzenie">Wprowadzenie</a> – do czego służą formularze</li>
        <li><a href="#tworzenie">Tworzenie formularza</a> – kreator i ustawienia</li>
        <li><a href="#pola">Typy pól</a> – dostępne rodzaje pól</li>
        <li><a href="#walidacja">Walidacja</a> – wymagane pola i formaty</li>
        <li><a href="#osadzanie">Osadzanie na stronie</a> – kod do wklejenia</li>
        <li><a href="#wyniki">Wyniki i zgłoszenia</a> – przeglądanie i zarządzanie</li>
        <li><a href="#crm">Integracja z CRM</a> – automatyczne tworzenie klientów</li>
        <li><a href="#powiadomienia">Powiadomienia email</a> – potwierdzenia i notyfikacje</li>
        <li><a href="#zaawansowane">Ustawienia zaawansowane</a> – daty, anonimowość, style</li>
    </ul>
</div>

<h4 id="wprowadzenie">Wprowadzenie</h4>
<p>
Moduł <strong>Formularzy</strong> umożliwia tworzenie różnorodnych formularzy, które pozwalają na gromadzenie istotnych informacji.
Dzięki intuicyjnemu kreatorowi możesz zaprojektować formularz według własnych potrzeb i umieścić go na swojej stronie internetowej.
Wyniki są prezentowane w przejrzystej tabeli, co ułatwia analizę danych i podejmowanie decyzji.
</p>
<p>
Formularze mogą zbierać dane kontaktowe potencjalnych klientów, informacje o zgłoszeniach, błędach czy reklamacjach.
Mogą również służyć jako narzędzie wewnętrzne w firmie, na przykład do zbierania informacji od pracowników.
</p>

<h4 id="tworzenie">Tworzenie formularza</h4>
<p>
Aby utworzyć nowy formularz, wejdź w <strong>Zgłoszenia → Formularze</strong> i kliknij przycisk <strong>Nowy formularz</strong>.
</p>
<p>Podczas tworzenia formularza możesz ustawić:</p>
<ul>
    <li><strong>Nazwę</strong> – wewnętrzna nazwa formularza (widoczna tylko w panelu)</li>
    <li><strong>Pola</strong> – dodaj pola które mają wypełnić użytkownicy</li>
    <li><strong>Tekst przycisku</strong> – np. "Wyślij", "Zapisz się", "Zamów"</li>
    <li><strong>Odpowiedź po wysłaniu</strong> – komunikat lub przekierowanie na inną stronę</li>
</ul>

<img src="https://s3.eu-west-1.amazonaws.com/attachments.intum.net/public-files/31076/4784a4eda4c5bcbdc790c50cfa645459e6718a7c" alt="Menu formularzy" style="max-width: 100%; margin: 15px 0;">

<h4 id="pola">Typy pól</h4>
<p>Dostępne typy pól w formularzu:</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0;">
    <tr style="background: #f5f5f5;">
        <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Typ</th>
        <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Opis</th>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Nagłówek</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Tytuł sekcji formularza (nie jest polem do wypełnienia)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Paragraf</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Tekst informacyjny, instrukcja dla użytkownika</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Pole tekstowe</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Jednolinijkowe pole na krótki tekst (imię, email, telefon)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Pole wielolinijkowe</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Większe pole na dłuższy tekst (opis, wiadomość)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Lista rozwijana</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Wybór jednej opcji z listy</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Przyciski wyboru</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Radio buttons – wybór jednej opcji</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Pola wielokrotnego wyboru</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Checkboxy – wybór wielu opcji</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Załącznik</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Upload plików (dokumenty, zdjęcia)</td>
    </tr>
</table>

<h4 id="walidacja">Walidacja pól</h4>
<p>Dla każdego pola możesz ustawić:</p>
<ul>
    <li><strong>Pole obowiązkowe</strong> – użytkownik musi je wypełnić</li>
    <li><strong>Format email</strong> – sprawdza poprawność adresu email</li>
    <li><strong>Tylko cyfry</strong> – akceptuje tylko liczby (np. telefon)</li>
    <li><strong>Znaki alfanumeryczne</strong> – litery i cyfry</li>
    <li><strong>Tekst podpowiedzi (placeholder)</strong> – szary tekst widoczny przed wypełnieniem</li>
</ul>

<h4 id="osadzanie">Osadzanie na stronie</h4>
<p>Aby umieścić formularz na swojej stronie internetowej:</p>
<ol>
    <li>Wejdź w edycję formularza</li>
    <li>Skopiuj <strong>kod ogólny</strong> – wklej go raz w sekcji <code>&lt;body&gt;</code> strony</li>
    <li>Skopiuj <strong>kod formularza</strong> – wklej go w miejscu gdzie ma się wyświetlać formularz</li>
</ol>
<p>Formularz automatycznie dostosuje się do stylu Twojej strony. Możesz też dodać własne klasy CSS.</p>

<h4 id="wyniki">Wyniki i zgłoszenia</h4>
<p>Po wypełnieniu formularza przez użytkownika, wynik pojawia się w zakładce <strong>Zgłoszenia</strong>.</p>

<img src="https://s3.eu-west-1.amazonaws.com/attachments.intum.net/public-files/31076/4e5075aecb376a913366a1b97da021b407cbd99c" alt="Lista zgłoszeń" style="max-width: 100%; margin: 15px 0;">

<p><strong>Statusy zgłoszeń:</strong></p>
<ul>
    <li><strong>Nowe</strong> – nieprzeczytane zgłoszenia (wyświetlane pogrubioną czcionką)</li>
    <li><strong>Otwarte</strong> – przeczytane, ale jeszcze nie obsłużone</li>
    <li><strong>Zamknięte</strong> – zarchiwizowane, obsłużone zgłoszenia</li>
</ul>

<p><strong>Operacje na zgłoszeniach:</strong></p>
<ul>
    <li><strong>Archiwizuj</strong> – oznacz jako obsłużone</li>
    <li><strong>Przypisz</strong> – do osoby, zespołu lub działu</li>
    <li><strong>Eksport do Excel</strong> – pobierz wszystkie wyniki jako plik XLS</li>
    <li><strong>Wyszukiwanie</strong> – filtruj po formularzu, dacie, treści</li>
</ul>

<h4 id="crm">Integracja z CRM</h4>
<p>
Formularze mogą automatycznie tworzyć lub aktualizować klientów w CRM. Aby to skonfigurować:
</p>
<ol>
    <li>W ustawieniach formularza włącz <strong>Mapowanie do CRM</strong></li>
    <li>Przypisz pola formularza do pól klienta (imię, email, telefon, firma, itp.)</li>
    <li>Wybierz czy tworzyć nowego klienta czy aktualizować istniejącego</li>
</ol>
<p>Dzięki temu każde zgłoszenie automatycznie trafia do bazy klientów.</p>

<h4 id="powiadomienia">Powiadomienia email</h4>
<p>Możesz skonfigurować dwa rodzaje powiadomień:</p>
<ul>
    <li><strong>Powiadomienie dla zespołu</strong> – email do wybranej skrzynki gdy ktoś wypełni formularz</li>
    <li><strong>Potwierdzenie dla klienta</strong> – automatyczna odpowiedź na adres email podany w formularzu</li>
</ul>
<p>W treści powiadomień możesz używać zmiennych (np. imię, treść zgłoszenia) które zostaną automatycznie uzupełnione.</p>

<h4 id="zaawansowane">Ustawienia zaawansowane</h4>
<p><strong>Aktywacja czasowa:</strong></p>
<p>Możesz ustawić daty od-do, w których formularz będzie aktywny. Przydatne dla kampanii, konkursów, zapisów na wydarzenia.</p>

<p><strong>Anonimowość:</strong></p>
<p>Włączenie tej opcji powoduje, że system nie zapisuje adresu IP, przeglądarki ani strony źródłowej. Przydatne dla ankiet anonimowych.</p>

<p><strong>Własne style CSS:</strong></p>
<p>Możesz dodać własne klasy CSS do formularza i przycisku wysyłania, aby dopasować wygląd do swojej strony.</p>

<p><strong>Odpowiedź po wysłaniu:</strong></p>
<p>Możesz wybrać co się stanie po wysłaniu formularza:</p>
<ul>
    <li>Wyświetlenie komunikatu z podziękowaniem</li>
    <li>Przekierowanie na inną stronę (np. podziękowanie, oferta)</li>
</ul>


<h4>Powiązane artykuły</h4>
<ul>
    <li><a href="/kb/sugester-v2/warunkowe-odpowiedzi-w-formularzach-v2-ahoUdTZr">Warunkowe odpowiedzi w formularzach (Liquid)</a></li>
    <li><a href="/kb/sugester-v2/automatyczne-zwrotki-mailowe-z-formularzy-szablony-Hjn4miei">Automatyczne zwrotki mailowe z formularzy (szablony)</a></li>
    <li><a href="/kb/sugester-v2/custom-javascript-w-formularzach-XPzKJcmx">Custom JavaScript w formularzach</a></li>
</ul>

</div>