Tworzenie i pozycjonowanie formularzy Slide-in

Published: 16 lipca 2026 · Last updated: 21 lipca 2026 · By Marcus Biel

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

Przyciąga więcej uwagi niż formularz umieszczony wewnątrz strony, a jednocześnie zajmuje mniej miejsca niż wyśrodkowany Popup. Formularze Slide-in dobrze sprawdzają się jako przypomnienia o newsletterze, informacje o rabatach, aktualizacjach produktu i krótkich ofertach, które powinny pozostać widoczne podczas czytania strony.

Ten poradnik wyjaśnia ustawienia charakterystyczne dla formularzy Slide-in. Wspólne funkcje dotyczące układu, treści, pól, tagów, typografii, warstwy i procesu zapisu opisano w głównym poradniku Kreatora formularzy zapisu.

Tworzenie formularza Slide-in

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

Możesz także edytować istniejący formularz Slide-in, klikając 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.

Wybór szablonu Slide-in

Formularze Slide-in oferują pusty formularz, standardowy formularz i cztery zaprojektowane szablony:

• Czyste przypomnienie
• Ciemna oferta
• Ciepły kupon
• Minimalistyczna notatka

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

Projektowanie formularza Slide-in

Użyj wizualnego kreatora, aby ułożyć formularz Slide-in. Może on zawierać formularz zapisu wraz z tekstem, obrazem, filmem, listą, przyciskiem, linkami społecznościowymi, licznikiem subskrybentów, odstępnikiem lub separatorem.

Dostępne miejsce jest bardziej ograniczone niż na stronie docelowej lub w szerokim formularzu osadzonym. Skup się na ofercie i unikaj dodawania treści, które zmuszałyby odwiedzających do szukania 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 wejściowe 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ę na wąskich ekranach.

Wybór pozycji na ekranie

Wybierz blok formularza zapisu i otwórz „Widget Settings”. Selektor pozycji oferuje siatkę trzy na trzy:

• Lewy górny róg, środek górnej krawędzi lub prawy górny róg
• Lewa część środka, środek lub prawa część środka
• Lewy dolny róg, środek dolnej krawędzi lub prawy dolny róg

Wybierz pozycję, która nie zasłania ważnych elementów sterujących witryny. Przed podjęciem decyzji sprawdź komunikaty o plikach cookie, widżety czatu, nawigację, przyciski koszyka i inne stałe elementy.

Na wąskich ekranach urządzeń mobilnych Maildroppa upraszcza pozycjonowanie, aby formularz Slide-in mieścił się w dostępnej szerokości. Pozycje u góry pozostają na górze, a pozostałe są prezentowane od dolnej krawędzi. Zawsze testuj rezultat na małym ekranie, zamiast polegać wyłącznie na pozycji na komputerze.

Ustawianie opóźnienia wyświetlania

„Display Delay” określa, ile sekund Maildroppa czeka przed wyświetleniem formularza Slide-in na osadzonej stronie internetowej.

Użyj wartości 0, gdy formularz Slide-in ma być dostępny natychmiast. Wprowadź dłuższe opóźnienie, jeśli odwiedzający powinni najpierw mieć czas na zapoznanie się ze stroną. Kreator przyjmuje opóźnienie do 86 400 sekund.

Krótkie opóźnienie może dobrze sprawdzić się w przypadku prostego przypomnienia o newsletterze. Przy dłuższym artykule późniejsze pojawienie się formularza może wydawać się bardziej naturalne i sprawić, że oferta będzie bardziej istotna dla zaangażowanych czytelników.

Ustawianie częstotliwości wyświetlania

„Display Frequency” określa okres, po którym formularz Slide-in może ponownie wyświetlić się temu samemu odwiedzającemu. Możesz wybrać:

• Zawsze
• Raz na godzinę
• Raz dziennie
• Raz w tygodniu
• Raz w miesiącu

Użyj częstotliwości dopasowanej do oferty. Tymczasowa promocja może wymagać krótszego odstępu, natomiast ogólne przypomnienie o newsletterze zwykle nie musi pojawiać się przy każdej wizycie.

Częstotliwość jest zapisywana w przeglądarce odwiedzającego. Inna przeglądarka, okno prywatne lub wyczyszczona pamięć przeglądarki są traktowane jako odrębna historia wizyt.

Połączenie procesu zapisu

Sprawdź przypisany proces zapisu w nagłówku kreatora. Określa on odpowiedź po wysłaniu formularza, wiadomość e-mail Double Opt-in oraz to, co dzieje się po potwierdzeniu.

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

Podgląd i zapisywanie

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

Kliknij „Save changes”, gdy formularz i „Widget Settings” będą gotowe. Następnie wróć do przeglądu formularzy zapisu.

Aktywowanie i osadzanie formularza Slide-in

Aktywuj formularz Slide-in z menu działań oznaczonego trzema kropkami, jeśli nie jest jeszcze aktywny. 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 dokładna pozycja skryptu na stronie nie określa widocznej pozycji formularza Slide-in. O jego miejscu wyświetlania decyduje pozycja wybrana w „Widget Settings”.

Karta „HTML” zawiera wygenerowany kod znaczników do niestandardowych implementacji. Jeśli korzystasz z tej opcji, dokładnie przetestuj całą interakcję i proces wysyłania formularza.

Ogólne instrukcje dotyczące umieszczania kodu znajdziesz w artykule Tworzenie i osadzanie formularza osadzonego.

Testowanie formularza Slide-in w witrynie

Po dodaniu kodu przetestuj rzeczywistą stronę witryny:

1. Sprawdź, czy formularz Slide-in pojawia się po wybranym opóźnieniu.
2. Potwierdź 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 działań.
5. Przetestuj otwieranie i zamykanie formularza Slide-in.
6. Wyślij formularz i ukończ proces Double Opt-in.
7. Sprawdź subskrybenta i ukryte tagi w Maildroppa.

Ustawienie częstotliwości może uniemożliwić ponowne wyświetlenie formularza podczas powtarzających się testów. Użyj okna prywatnego lub wyczyść odpowiednią pamięć przeglądarki, gdy chcesz zasymulować nowego odwiedzającego.

Aktualizowanie lub dezaktywowanie formularza Slide-in

Otwórz ten sam formularz Slide-in w Maildroppa, wprowadź zmiany, wyświetl ich podgląd i kliknij „Save changes”. Fragment JavaScript nadal korzysta z tego samego identyfikatora formularza i ładuje zapisaną konfigurację.

Wybierz „Deactivate” w przeglądzie formularzy zapisu, gdy formularz Slide-in ma zostać wyłączony bez usuwania. Usuń jego skrypt z witryny również wtedy, gdy nie planujesz już z niego korzystać.