Twórz formularze Slide-in i ustawiaj ich pozycję

Opublikowano: 16 lipca 2026 · Ostatnia aktualizacja: 12 września 2026 · Autor: Marcus Biel

Slide-in to niewielki, wysuwany formularz zapisu, który pojawia się przy krawędzi lub w wybranym miejscu okna przeglądarki.

Przyciąga więcej uwagi niż formularz umieszczony w treści strony, a jednocześnie zasłania mniejszą część witryny niż wyskakujący formularz na środku ekranu. Formularze Slide-in dobrze sprawdzają się jako przypomnienia o newsletterze, informacje o rabatach i nowościach w produkcie oraz krótkie oferty, które powinny pozostać widoczne podczas czytania strony.

Ten poradnik wyjaśnia ustawienia dostępne tylko dla formularzy Slide-in. Wspólne funkcje dotyczące układu, treści, pól, tagów, typografii, warstw i procesu zapisu znajdziesz w głównym poradniku kreatora formularzy zapisu.

Utwórz formularz Slide-in

Otwórz „Signup Forms”, kliknij „Create Form” i wybierz „Slide-in”. Wpisz czytelną nazwę wewnętrzną i przejdź do kreatora.

Możesz też edytować istniejący formularz Slide-in — kliknij jego nazwę w przeglądzie formularzy zapisu.

Użyj nazwy takiej jak „Newsletter na blogu — Slide-in”, „Przypomnienie o nowym produkcie” lub „Letni kupon — Slide-in”. Nazwa wewnętrzna ułatwia zarządzanie formularzem i nie jest automatycznie wyświetlana odwiedzającym.

Wybierz szablon formularza Slide-in

Dla formularzy Slide-in dostępne są pusty formularz, standardowy formularz i cztery gotowe szablony:

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

Szablony są przeznaczone do krótkich komunikatów, ale każdy ich element możesz edytować. Po wybraniu szablonu możesz zmienić treść, pola, kolory, typografię, obramowanie, odstępy i przycisk wysyłania formularza.

Zaprojektuj formularz Slide-in

Zaprojektuj układ formularza Slide-in w kreatorze wizualnym. Oprócz samego formularza zapisu możesz umieścić w nim tekst, obraz, film, listę, przycisk, linki do mediów społecznościowych, licznik subskrybentów, blok odstępu lub separator.

Masz tu mniej miejsca niż na stronie docelowej lub w szerokim formularzu osadzonym. Skup się na ofercie i nie dodawaj treści, przez które odwiedzający musieliby szukać pól lub przycisku wysyłania.

Wybierz blok formularza zapisu, aby skonfigurować pola, wymagane informacje, ukryte tagi, wskaźnik postępu, licznik subskrybentów, pola wprowadzania danych i przycisk wysyłania. Otwórz „Page settings”, aby zmienić tło formularza Slide-in i domyślne ustawienia jego wyglądu.

Układ jednokolumnowy jest zwykle najbardziej przejrzysty. Jeśli używasz wielu kolumn, dokładnie sprawdź, jak układają się jedna pod drugą na wąskich ekranach.

Wybierz pozycję na ekranie

Wybierz blok formularza zapisu i otwórz „Widget Settings”. Pozycję możesz wybrać na siatce trzy na trzy:

• U góry: po lewej, na środku lub po prawej
• W połowie wysokości: po lewej, na środku lub po prawej
• U dołu: po lewej, na środku lub po prawej

Wybierz pozycję, w której formularz nie zasłoni ważnych elementów obsługi witryny. Zanim zdecydujesz, sprawdź położenie komunikatów o plikach cookie, widżetów czatu, nawigacji, przycisków koszyka i innych elementów o stałej pozycji.

Na wąskich ekranach urządzeń mobilnych Maildroppa upraszcza rozmieszczenie, aby formularz Slide-in mieścił się w dostępnej szerokości. Pozycje u góry pozostają u góry, a pozostałe są wyświetlane przy dolnej krawędzi. Zawsze testuj efekt na małym ekranie — nie polegaj wyłącznie na pozycji widocznej na komputerze.

Ustaw opóźnienie wyświetlania

„Display Delay” określa, ile sekund Maildroppa czeka przed wyświetleniem formularza Slide-in na stronie, na której został osadzony.

Ustaw 0, jeśli formularz Slide-in ma być dostępny od razu. Wprowadź dłuższe opóźnienie, jeśli chcesz dać odwiedzającym czas na zapoznanie się ze stroną. Kreator pozwala ustawić opóźnienie do 86 400 sekund.

Krótkie opóźnienie może dobrze sprawdzić się przy prostym przypomnieniu o newsletterze. W dłuższym artykule późniejsze pojawienie się formularza może być bardziej naturalne, a oferta — lepiej odpowiadać na zainteresowanie zaangażowanych czytelników.

Ustaw częstotliwość wyświetlania

„Display Frequency” określa, po jakim czasie formularz Slide-in może ponownie pojawić się u tego samego odwiedzającego. Możesz wybrać:

• Always — zawsze
• Once per hour — raz na godzinę
• Once per day — raz dziennie
• Once per week — raz w tygodniu
• Once per month — raz w miesiącu

Dopasuj częstotliwość do oferty. Promocja ograniczona w czasie może wymagać krótszych odstępów, natomiast ogólne przypomnienie o newsletterze zwykle nie musi pojawiać się przy każdej wizycie.

Informacje o częstotliwości wyświetlania są zapisywane w przeglądarce odwiedzającego. Inna przeglądarka, okno prywatne lub wyczyszczenie danych przeglądarki oznaczają odrębną historię wizyt.

Przypisz proces zapisu

Sprawdź proces zapisu przypisany w nagłówku kreatora. Określa on, co wyświetla się po wysłaniu formularza, jak wygląda wiadomość e-mail z prośbą o potwierdzenie zapisu (double opt-in) i co dzieje się po potwierdzeniu.

Możesz wybrać istniejący proces, edytować bieżący lub utworzyć osobny dla tego formularza Slide-in. Jeśli z procesu korzysta kilka formularzy, wprowadzone w nim zmiany wpłyną na wszystkie z nich.

Sprawdź podgląd i zapisz zmiany

Kliknij „Preview”, aby sprawdzić formularz Slide-in przed dodaniem go do witryny. Sprawdź wybraną pozycję, sposób otwierania, kolejność pól, przycisk zamykania i wszystko, co wyświetla się po zapisie.

Gdy skończysz konfigurować formularz i ustawienia w „Widget Settings”, kliknij „Save changes”. Następnie wróć do „Signup Forms Overview”.

Aktywuj i osadź formularz Slide-in

Jeśli formularz Slide-in nie jest jeszcze aktywny, aktywuj go w menu działań oznaczonym trzema kropkami. Kliknij „Show Code Snippet” i skopiuj cały kod z karty „JavaScript”.

Dodaj ten skrypt do każdej strony witryny, na której formularz Slide-in ma być dostępny. W przeciwieństwie do formularza osadzonego miejsce wstawienia skryptu w kodzie strony nie określa pozycji formularza Slide-in na ekranie. O tym, gdzie się pojawi, decyduje pozycja wybrana w „Widget Settings”.

Karta „HTML” zawiera wygenerowany kod znaczników do niestandardowych wdrożeń. Jeśli korzystasz z tej opcji w swojej witrynie, dokładnie przetestuj całą obsługę formularza i proces jego wysyłania.

Ogólne instrukcje dotyczące wstawiania kodu znajdziesz w artykule Tworzenie i osadzanie formularza w treści strony.

Przetestuj formularz Slide-in w witrynie

Po dodaniu kodu przetestuj formularz na rzeczywistej stronie witryny:

1. Sprawdź, czy formularz Slide-in pojawia się po ustawionym opóźnieniu.
2. Sprawdź jego pozycję na szerokim ekranie.
3. Sprawdź dostosowaną pozycję i szerokość na wąskim ekranie.
4. Upewnij się, że nie zasłania nawigacji, ustawień plików cookie, przycisków czatu ani innych ważnych elementów obsługi.
5. Przetestuj otwieranie i zamykanie formularza Slide-in.
6. Wyślij formularz i dokończ proces double opt-in, potwierdzając zapis przez e-mail.
7. Sprawdź subskrybenta i ukryte tagi w Maildroppa.

Ustawiona częstotliwość może uniemożliwić ponowne wyświetlenie formularza podczas kolejnych testów. Aby zasymulować wizytę nowego odwiedzającego, użyj okna prywatnego lub wyczyść odpowiednie dane zapisane w przeglądarce.

Zaktualizuj lub dezaktywuj formularz Slide-in

Otwórz ten sam formularz Slide-in w Maildroppa, wprowadź zmiany, sprawdź je w podglądzie i kliknij „Save changes”. Fragment kodu JavaScript nadal korzysta z tego samego identyfikatora formularza i wczytuje zapisaną konfigurację.

Wybierz „Deactivate” w „Signup Forms Overview”, aby wyłączyć formularz Slide-in bez jego usuwania. Jeśli nie planujesz już używać go w witrynie, usuń z niej również jego skrypt.