---
title: "Design pop-upu a jeho teaseru"
description: "Zvolte typ pop-upu, upravte vzhled pop-upu a tlačítka zavřít a přidejte teaser, který návštěvníky láká pop-up otevřít."
url: https://scratcher.io/cs/help/sharing/popup-design-and-teaser
language: cs
---

1. [Centrum nápovědy](https://scratcher.io/cs/help)
2. [Publikování a sdílení](https://scratcher.io/cs/help/sharing)
3. Design pop-upu a jeho teaseru

# Design pop-upu a jeho teaseru

Zvolte typ pop-upu, upravte vzhled pop-upu a tlačítka zavřít a přidejte teaser, který návštěvníky láká pop-up otevřít.

Kampaň v pop-upu má dvě části: samotný pop-up a volitelný teaser. Teaser je malý banner na vašem webu, například „Roztoč a vyhraj 🎁“, který po kliknutí otevře pop-up.

## Typ a umístění pop-upu

V editoru otevřete **Umístění** pod **Rozvržení**:

- **Typ**: standardní pop-up, lišta nahoře nebo dole na obrazovce, slider v rohu, nebo celá stránka. Lišta, slider a celá stránka jsou součástí vyšších tarifů.
- **Zarovnání**: kde pop-up je. Lišty mohou být nahoře nebo dole, slidery vlevo nebo vpravo a standardní pop-upy kdekoli v mřížce 3 × 3.

Když nový pop-up otevřete poprvé, Scratcher se zeptá na doménu, na které se bude zobrazovat. Později ji můžete změnit v části **Doména**.

## Vzhled pop-upu

Klikněte na **Nastavení pop-upu** nad stránkou, nebo klikněte na okraj pop-upu. Na záložce **Styly**:

- **Pop-up**: **Pozadí**, **Překryv pozadí** (ztmavená vrstva za pop-upem), **Ohraničení**, **Velikost**, **Tvar**, **Zarovnání obsahu** a **Vnější okraj**.
- **Tlačítko zavřít**: jeho **Pozadí**, barva **Ikona**, **Velikost**, roh (**Zarovnání**) a **Vnější okraj**.

Na záložce **Efekty** zvolte, jak se pop-up otevírá a zavírá, například **Prolnutí** nebo **Posun**.

Doplňky pop-upu:

- **Při zavření skrýt teaser**: když někdo zavře pop-up, skryje se i teaser.
- **Skrýt po odeslání formuláře**: pop-up se znovu nezobrazí návštěvníkům, kteří se v něm už zaregistrovali.

## Teaser

Pod **Průběh** můžete v řádku **Teaser** teaser zapnout a vypnout. Kliknutím na **Nastavení** v jeho menu ho nastavíte:

- **Akce**: **Zobrazit pop-up**, **Odkaz** nebo **Žádné**.
- **Skrýt na počítači**, **Skrýt na tabletu**, **Skrýt na mobilu**.
- **Styly**: **Pozadí**, **Ohraničení**, **Velikost**, **Tvar**, roh (**Zarovnání**) a **Vnější okraj** teaseru a jeho vlastní tlačítko zavřít.

Teaser se zobrazí hned po načtení stránky; spouštěče v **Zobrazení** platí jen pro pop-up. Teaser navrhněte jako stránku a uložte ho pomocí **Uložit teaser jako šablonu**, abyste ho mohli použít znovu.

## Obrázek na pozadí v pop-upech

Pop-upy mají prvek **Obrázkové pozadí**, který vyplní jednu stranu pop-upu obrázkem. Nastavením **Výška na mobilu** určíte, kolik obrazovky na telefonech zabere.

## Otevření pop-upu vlastním tlačítkem

S doplňkem spouštěče **Spouštěč kliknutím** se pop-up otevře, když někdo klikne na prvek na vašem webu. Zadejte CSS selektor prvku, například `.open-competition`. Pokud si nejste jistí, zeptejte se svého webového vývojáře.

Publikování a sdílení

- [Sdílení odkazu na kampaň a QR kódu](https://scratcher.io/cs/help/sharing/share-your-campaign-link)
- [Vložení kampaně na váš web](https://scratcher.io/cs/help/sharing/embed-on-your-website)
- [Zobrazení kampaně jako pop-upu](https://scratcher.io/cs/help/sharing/show-a-campaign-as-a-popup)
- [Design pop-upu a jeho teaseru](https://scratcher.io/cs/help/sharing/popup-design-and-teaser)
- [Webová adresa vaší kampaně](https://scratcher.io/cs/help/sharing/campaign-url-and-own-domain)
- [Odesílání e-mailů z vlastní domény](https://scratcher.io/cs/help/sharing/email-sending-domain)
- [Střídání kampaní pomocí plánů kampaní](https://scratcher.io/cs/help/sharing/campaign-schedules)

## Související články

- [Jak funguje nastavení prvků](https://scratcher.io/cs/help/elements/element-settings-basics): Záložky Obsah, Styly, Nastavení a Efekty, velikosti, tvary, ohraničení, barvy a pozadí, změny pro mobil a doplňky.
- [Vložení kampaně na váš web](https://scratcher.io/cs/help/sharing/embed-on-your-website): Umístěte kampaň do stránky na svém webu pomocí vkládacího skriptu, ověřte, že funguje, a vyřešte běžné problémy.
- [Zobrazení kampaně jako pop-upu](https://scratcher.io/cs/help/sharing/show-a-campaign-as-a-popup): Nainstalujte skript jednou, zvolte typ pop-upu a rozhodněte, na kterých stránkách, kdy a jak často se zobrazí.

## Pořád potřebujete pomoct?

Jsou tu pro vás skuteční lidé. Pokud už Scratcher používáte, nejrychlejší cestou je chat přímo v platformě.

- **[Napište nám do chatu](https://platform.scratcher.io/login)**

    Přihlaste se a klikněte na tlačítko chatu v pravém dolním rohu. Rex odpoví hned a náš tým je na jedno kliknutí.
- **[Domluvte si schůzku](https://scratcher.io/cs/book-a-meeting)**

    Bezplatný 30minutový videohovor s naším týmem: prohlídka platformy, nápady na kampaně nebo pomoc s nastavením.
- **[Napište nám e-mail](mailto:contact@scratcher.io)**

    Napište na contact@scratcher.io a ozveme se vám.