---
title: "Zaprojektuj pop-up i jego teaser"
description: "Wybierz typ pop-upu, dopasuj wygląd pop-upu i przycisku zamykania oraz dodaj teaser, który zachęca odwiedzających do jego otwarcia."
url: https://scratcher.io/pl/help/sharing/popup-design-and-teaser
language: pl
---

1. [Centrum pomocy](https://scratcher.io/pl/help)
2. [Publikowanie i udostępnianie](https://scratcher.io/pl/help/sharing)
3. Zaprojektuj pop-up i jego teaser

# Zaprojektuj pop-up i jego teaser

Wybierz typ pop-upu, dopasuj wygląd pop-upu i przycisku zamykania oraz dodaj teaser, który zachęca odwiedzających do jego otwarcia.

Kampania pop-up składa się z dwóch części: samego pop-upu i opcjonalnego teasera. Teaser to mały baner na twojej stronie, np. „Zakręć i wygraj 🎁”, który po kliknięciu otwiera pop-up.

## Typ i położenie pop-upu

Otwórz **Miejsce wyświetlania** w sekcji **Układ** w edytorze:

- **Typ**: standardowy pop-up, pasek u góry lub u dołu ekranu, slider w rogu albo pełna strona. Pasek, slider i pełna strona są dostępne w wyższych planach.
- **Wyrównanie**: gdzie znajduje się pop-up. Paski mogą być u góry lub u dołu, slidery po lewej lub po prawej stronie, a standardowe pop-upy w dowolnym miejscu siatki 3 × 3.

Gdy po raz pierwszy otworzysz nowy pop-up, Scratcher zapyta o domenę, na której będzie wyświetlany. Możesz ją później zmienić w polu **Domena**.

## Dopasuj wygląd pop-upu

Kliknij **Ustawienia pop-upu** nad stroną lub kliknij krawędź pop-upu. Na karcie **Style**:

- **Pop-up**: **Tło**, **Tło nakładki** (przyciemniona warstwa za pop-upem), **Obramowanie**, **Rozmiar**, **Kształt**, **Wyrównanie zawartości** i **Margines**.
- **Przycisk zamykania**: jego **Tło**, kolor elementu **Ikona**, **Rozmiar**, róg (**Wyrównanie**) i **Margines**.

Na karcie **Efekty** wybierz, jak pop-up się otwiera i zamyka, np. **Zanikanie** lub **Przesunięcie**.

Dodatki do pop-upu:

- **Ukryj teaser po zamknięciu**: ukryj też teaser, gdy ktoś zamknie pop-up.
- **Ukryj po wysłaniu formularza**: nie pokazuj pop-upu ponownie odwiedzającym, którzy już się w nim zapisali.

## Teaser

W sekcji **Przebieg** wiersz **Teaser** pozwala włączać i wyłączać teaser. Kliknij **Ustawienia** w jego menu, aby go skonfigurować:

- **Akcja**: **Pokaż pop-up**, **Link** lub **Brak**.
- **Ukryj na komputerze**, **Ukryj na tablecie**, **Ukryj na telefonie**.
- **Style**: **Tło**, **Obramowanie**, **Rozmiar**, **Kształt**, róg (**Wyrównanie**) i **Margines** teasera oraz jego własny przycisk zamykania.

Teaser wyświetla się od razu po załadowaniu strony; wyzwalacze w sekcji **Wyświetlanie** dotyczą tylko pop-upu. Zaprojektuj teaser jak stronę i zapisz go przez **Zapisz teaser jako szablon**, aby użyć go ponownie.

## Obraz tła w pop-upach

Pop-upy mają element **Tło obrazu**, który wypełnia obrazem jedną stronę pop-upu. Ustaw jego **Wysokość na telefonie**, aby określić, jaką część ekranu zajmuje na telefonach.

## Otwieraj pop-up własnym przyciskiem

Z dodatkiem wyzwalacza **Wyzwalacz kliknięcia** pop-up otwiera się, gdy ktoś kliknie element na twojej stronie. Wpisz selektor CSS elementu, np. `.open-competition`. Jeśli nie masz pewności, zapytaj swojego webdevelopera.

Publikowanie i udostępnianie

- [Udostępnij link i kod QR kampanii](https://scratcher.io/pl/help/sharing/share-your-campaign-link)
- [Osadź kampanię na swojej stronie](https://scratcher.io/pl/help/sharing/embed-on-your-website)
- [Pokaż kampanię jako pop-up](https://scratcher.io/pl/help/sharing/show-a-campaign-as-a-popup)
- [Zaprojektuj pop-up i jego teaser](https://scratcher.io/pl/help/sharing/popup-design-and-teaser)
- [Wybierz adres internetowy kampanii](https://scratcher.io/pl/help/sharing/campaign-url-and-own-domain)
- [Wysyłaj e-maile z własnej domeny](https://scratcher.io/pl/help/sharing/email-sending-domain)
- [Zmieniaj kampanie automatycznie dzięki harmonogramom kampanii](https://scratcher.io/pl/help/sharing/campaign-schedules)

## Powiązane artykuły

- [Jak działają ustawienia elementów](https://scratcher.io/pl/help/elements/element-settings-basics): Karty Zawartość, Style, Ustawienia i Efekty, rozmiary, kształty, obramowania, kolory i tła, zmiany na telefon oraz dodatki.
- [Osadź kampanię na swojej stronie](https://scratcher.io/pl/help/sharing/embed-on-your-website): Umieść kampanię na stronie swojej witryny za pomocą skryptu osadzania, sprawdź, czy działa, i napraw typowe problemy.
- [Pokaż kampanię jako pop-up](https://scratcher.io/pl/help/sharing/show-a-campaign-as-a-popup): Zainstaluj skrypt raz, wybierz typ pop-upu i zdecyduj, na których stronach, kiedy i jak często się wyświetla.

## Nadal potrzebujesz pomocy?

Prawdziwi ludzie chętnie ci pomogą. Jeśli już korzystasz ze Scratchera, najszybciej skontaktujesz się z nami przez czat na platformie.

- **[Czat z nami](https://platform.scratcher.io/login)**

    Zaloguj się i kliknij przycisk czatu w prawym dolnym rogu. Rex odpowie od razu, a nasz zespół jest o jedno kliknięcie dalej.
- **[Umów spotkanie](https://scratcher.io/pl/book-a-meeting)**

    Bezpłatna 30-minutowa rozmowa wideo z naszym zespołem: prezentacja, pomysły na kampanie lub pomoc w konfiguracji.
- **[Napisz do nas](mailto:contact@scratcher.io)**

    Napisz na contact@scratcher.io, a odezwiemy się do ciebie.