10 nejčastějších chyb, které mohou zničit váš startup - Rascasone
Inspirace u konkurence a průběžné sledování jejích kroků je tedy v pořádku, ale snažte se z této analýzy vyjít s vlastním řešením. Jinými slovy, ...
marketingem
Pravděpodobně vás příliš nepřekvapí, že se výčet nejčastějších chyb, kterých se (nejen) tech startupy dopouštějí, v první řadě zabývá <anchor>marketingem</anchor>, budováním produktu a prodejem. Může se to zdát jako klišé, ale právě v tomto základním bodě dochází k nejčastějším chybám, mnohdy zapříčiněným zanedbáním na první pohled nedůležitých věcí.
Co jsou pop-up okna a jak mohou pomoct i vašemu eshopu
Co jsou pop-up okna a jak mohou pomoct i vašemu eshopu[Rascasone](/cs)

[Reference](/cs/projects) [Naše služby](/cs/services) [O nás](/cs/about-us) [Napište nám](/cs/contact)
![hamburger](/icons/hamburger.svg)

[Výpis blogu](/cs/blog)

Obsah článku

- [Co jsou pop-up okna?](#co-jsou-pop-up-okna)
- [Proč na eshopech používat pop-up okna](#proc-na-eshopech-pouz-iacute-vat-pop-up-okna)
- [Tvorba eshopu a pop-upy, na co si dát pozor?](#tvorba-eshopu-a-pop-upy-na-co-si-d-aacute-t-pozor)
- [Jak navrhnout pop-up, který zdvihne konverze eshopu](#jak-navrhnout-pop-up-kter-yacute-zdvihne-konverze-eshopu)
- [Tipy na využití pop-up oken při tvorbě eshopu a webových stránek](#tipy-na-vyuzit-iacute-pop-up-oken-pri-tvorbe-eshopu-a-nbsp-webov-yacute-ch-str-aacute-nek)

Štítky

[Tvorba digitálních produktů](/cs/blog/tag/tvorba-digitalnich-produktu) [Tvorba eshopu](/cs/blog/tag/tvorba-eshopu)

trendy, novinky, tipy

S naším newsletterem zůstanete v obraze!

Souhlasím se zpracovaním

[osobních údajů](/cs/souhlas-se-zpracovanim-osobnich-udaju)

# Co jsou pop-up okna a jak mohou pomoct i vašemu eshopu

[![Barbora Koďousková](https://coral-app-d599q.ondigitalocean.app/assets/478d3122-c4be-4e0c-a360-15dc02adf5e2/T06B9MZ26-UTML2DNGM-6f96561d19fc-512.jpg)\
Barbora Koďousková\
·\
23/06/2024\
·\
6 min.](/cs/blog/author/barbora-kodouskova)

Tvorba úspěšného eshopu je běh na dlouhou trať, skládající se z mnoha dílčích činností. Patří mezi ně i sestavení efektivní marketingové strategie, která bude propagovat nejen samotný **internetový obchod, ale i jednotlivé produkty** a probíhající akce. Jedním z prostředků, které za účelem propagace můžete použít, jsou pop-up okna. Prozradíme vám, co pojem pop-up okna označuje i jak je používat, aniž byste odradili svého zákazníka.

## Co jsou pop-up okna?

Pop-up okna mají v kontextu [online marketingu](https://www.rascasone.com/cs/blog/marketing-cilova-skupina-persony) dlouhodobou tradici. Jedná se o vyskakovací okna, na která narazíte při procházení webu. Objevují se **nad obsahem stránky** a upozorňují na různé produkty, slevy nebo vyzývají k nějaké akci.

Na pop-up okna lze tedy nahlížet jako na agresivnější formu CTA, která **na návštěvníka doslova vyskočí** a nutí ho provést nějakou akci – buď vyskakovací okno zavřít, nebo provést to, co po něm žádá (například zadat [e-mailovou adresu](https://www.rascasone.com/cs/blog/jak-zvysit-dorucitelnost-emailu) a stáhnout e-book).

V kontextu tvorby eshopu, ale i webových stránek mají **pop-up okna zpravidla dvě varianty využití**:

- **sběr e-mailových adres** – lákadlem bývá odběr newsletteru či stažení bonusového obsahu,
- **vzbuzení motivace k nákupu** – pop-up okno nabídne například dopravu zdarma ve chvíli, kdy chce návštěvník opustit eshop.

Používání pop-up oken však může být dvousečná zbraň. Ačkoli **často ohromují mírou prokliku**(a s tím i [konverz](https://www.rascasone.com/cs/blog/tvorba-eshopu-ux-tipy) [í](https://www.rascasone.com/cs/blog/tvorba-eshopu-ux-tipy)), v mnoha případech návštěvníka odradí. Návštěvník pak ze stránky odejde a už se nemusí vrátit. Proto je nutné vyskakovací okna používat s rozmyslem.

## Proč na eshopech používat pop-up okna

Ve chvíli, kdy se s pop-up okny naučíte pracovat, **umí být velmi užitečná**. Čím vším mohou přispět?

- Pomohou vám rozšířit vaši databázi e-mailových adres pro newsletter.
- Udrží návštěvníka na stránce.
- Přinesou motivaci k dokončení nákupu.
- Dopomohou k dosažení vyššího konverzního poměru.
- Osloví nové zákazníky.

Ani pop-up okna **ovšem nejsou zázračná** a nehodí se pro každý eshop.

## Tvorba eshopu a pop-upy, na co si dát pozor?

Vzhledem k tomu, že jsou vyskakovací okna často vnímána negativně, byste s nimi neměli experimentovat do doby, kdy bude mít váš eshop **dostatečnou návštěvnost**. Jednak byste tím mohli odradit i to málo, co váš internetový obchod navštěvuje a jednak by se to mohlo podepsat na pověsti vaší značky.

![tvorba eshopu pop-up okna](https://nasweb-prod.s3.amazonaws.com/app/public/ckeditor_assets/pictures/598/content_tvorba_eshopu_pop-up_okna.jpg)

To stejné platí i pro větší eshopy. Ve chvíli, kdy pop-up okna na svůj eshop nasadíte, byste měli **věnovat pozornost analýze jejich úspěšnosti** – zkrátka se raději ujistěte, zda nepáchají víc škody než užitku.

### Správné načasování

Snad [nejčastější chybou](https://popupsmart.com/blog/popup-ux-design) práce s pop-up okny je nevhodné načasování. Vyskakovací okno by na návštěvníka **nemělo vyskočit hned po zobrazení stránky**, kdy vlastně ani neví, jestli nabízíte to, pro co si přišel.

Dejte svému potenciálnímu zákazníkovi trochu prostor a zobrazte mu vyskakovací okno až ve chvíli, kdy se na stránce trochu rozkouká. S výběrem správného načasování vám **může pomoct například Google Analytics** a průměrný čas strávený na stránce.

V případě výzvy k odběru newsletteru, která se obvykle objevuje na blogu, vyčkejte, **dokud se návštěvník nedostane zhruba do poloviny** stránky. V tuto chvíli již můžete odhadnout, zda ho obsah zaujal či nikoli.

### Technické zpracování

Tvorba eshopu by se kromě samotného nasazení pop-up oken měla postarat také o jejich technické zpracování. Například okna **s výzvou k odběru newsletteru** by se nikdy neměla zobrazovat člověku, který již váš newsletter odebírá.

NEWSLETTER

NOVINKY A PRAKTICKÉ TIPY DO VAŠÍ SCHRÁNKY

S námi se ve světě digitálních produktů neztratíte!

Odebírat

Souhlasím se zpracovaním

[osobních údajů](/cs/souhlas-se-zpracovanim-osobnich-udaju)

Stejně tak nemá smysl návštěvníka příliš zahltit. Pop-up okna se na eshopu samozřejmě **mohou objevovat v různých podobách**, s různým obsahem. Avšak nikdy by se neměla překrývat. Stanovte si tedy jasná pravidla komu, kdy a jak se které okno zobrazí.

Pop-up okna pak **nikdy nezobrazujte přes celou obrazovku**. Nejen, že tím snižujete [uživatelský zážitek](https://www.rascasone.com/cs/blog/ux-design-ui-design) návštěvníka, ale můžete za to být i penalizování Googlem či Seznamem, což se projeví na umístění ve výsledcích vyhledávání.

To souvisí i se zobrazením na mobilních zařízeních. Vyskakovací okno, které vypadá dobře a vykazuje dobré výsledky na počítačích, nemusí to samé splňovat na mobilech nebo tabletech. Vyplácí se proto **dotykovým zařízením věnovat zvláštní pozornost**.

## Jak navrhnout pop-up, který zdvihne konverze eshopu

Správně navržený pop-up koresponduje s [obsahem dané stránky](https://www.rascasone.com/cs/blog/tvorba-eshopu-tipy). Text vyskakovacího okna by tak měl nějakým způsobem **reflektovat specifika daného produktu** nebo textu blogu. Prvním krokem je tedy výběr vhodné stránky eshopu a příprava vhodného obsahu.

Druhým krokem je, již zmíněné, správné načasování. Projděte si analýzu vybraných stránek a **určete rozumný čas pro zobrazení** na základě doby strávené na stránce. Analýzu z Google Analytics můžete využít i při segmentaci návštěvníků a vytváření personalizovaných pop-up oken.

V každém případě by se **vyskakovací okno mělo skládat z několika částí**:

- nadpis,
- doprovodný text,
- ilustrační obrázek/fotka,
- tlačítko,
- křížek pro zavření pop-up okna.

V případě **přihlášení k odběru newsletteru** do pop-up okna přidejte také jednoduchý [formulář](https://www.rascasone.com/cs/blog/tvorba-webu-jak-navrhnout-formular). Udělejte ho ovšem co možná nejjednodušší – bez zbytečných informací a políček.

Umístění pop-up okna na stránce záleží na vás a na konkrétním layoutu stránky. Nic nezkazíte **plovoucím oknem, statickým oknem nebo oknem umístěným na boku stránky**. Jediné, čemu byste se měli vyhnout je zobrazení okna přes celou stránku (zmíněná penalizace Googlem).

## Tipy na využití pop-up oken při tvorbě eshopu a webových stránek

Předchozí odstavce zmínily hned několik příkladů využití vyskakovacích oken na eshopu. Patří mezi ně **zobrazení nabídky ze slevou**, přidání dárku k produktu nebo bonus v podobě dopravy zdarma.

Internetové obchody však nejsou jediné místo, kde najdou pop-upy uplatnění. Stejně užitečné jako na eshopu totiž mohou být i na **prezentačních webech** nebo ve webových aplikacích:

- sběr e-mailových adres pro rozesílání newsletteru,
- propagace služby relevantní k obsahu blogu,
- přihlášení na webinář související s nabídkou služeb,
- upřesnění konkrétní nabídky a představení důvodů, proč ji využít,
- nabídka bezplatné konzultace,
- odeslání nabídky na e-mail.

A mnoho dalšího. Kreativitě se meze nekladou, jen je **důležité pamatovat na střídmost**. Přehršel pop-up oken nikdy nikomu nepomohl a spíše, než přínos zapříčiní ztrátu původních návštěvníků.

Pokud potřebujete s realizací pop-upů pomoct, tak nás [neváhejte kontaktovat](https://www.rascasone.com/cs/contact). Navrhneme pro vás to nejvhodnější řešení, stejně jako se **postaráme o realizaci celého eshopu** nebo prezentačního webu.

Zkopírovat odkaz

Sdílet![notebook](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATjSURBVHgB5Zs9cttGFMf/D5JHkJICjaXMpDA8k9SmTxC6o9REPIHlE8g+gcguXeITiDqB5CZWF6ZLZ6XPTKAimdhpkEIxaY+xfrsAv0QSnwsIS/4KAhKXAPbt7ntv/7sgVIDzVcvlQxMB5PEBiBxAOBB8JOGPCwp4/HkN0BXukef/9fMVSoZQAo576GAwOOQKf8e3OFSVzQX5/IR9BOIVNtD3/7n0oBmtBuCWbnIrnnDLNvJXOpYeLJyxIfrQhBYDTCrO3bwaPL5X1//3soeCFDLAHVT8Nh7uWe0iviKXAdQYvxmesAN7jnrQw479wvcu/Kw/zGwA5/5BAxSc86mLeuGxf3iS1VFaWQo7ewfHXPk3qF/lJS5HnT+dvf1MvXIjbUFnt3XCnv0H1J+W/cU3GNz88WuawqkMEFYeHZhDM60REg1gYOVHpDJCrAEMrvyIpv3lt/+xEX5bVmBpFIi8/RtUCskw5rGvCeM6zThbV80d8mSYYXToL7zjon+qyUuAX1CVt5f5PqEL275KiuXRPKOBgH5kYzSQDo/zhMeLrr25sHgA2fVdlA3xgxGeZcnto0r0nb2WzxloWly8H57ysX37i7k8wLnfOuLDEcrnDNvcKhonNrEIcahS91vMJ0KkWr9k6MJ/d3mUJ3UtRIBTNYSmmDFA1PouykR2e0u8wN3g4v/BTKY42wOqaH12dmUIGxke4Hi6F4wNUFXrc+V7uFM4jN6wWhUx6QFExygdeok6YOHp6FSFwTDup46p+SGRSbgIBRfZMOrZvJkvQ9kNuWABx/n6oCGFlDAPCCoJe8gS8lQaHsg0fFxJd7ZEzsqP+BjIYXAVDQH6HjUi8kcdlAlJxZpHg+NIj1hB989CFf5IDgOOBhbsQb0qr6ioQT4MmxaPsybWlU9w2QfQI6wrQjyyODSVsYJjBkQNi52Bi3VFCEeGQRfri5tpXWAV2YQ2WM+zRBs6YA0voYSU7E6hAeKUs2BOOcZjkeMhKsDZ3Zd7Ds6hATkEPJgG6fJb5JvpA4SmTJH1CUvtxzENwgNoQfgyD7iGaSgtQAf0uzVehTGEaPaqJ3vdQN+SHzAJnbNXIs8KFVqqVp8vwidNEUAKtGNJTPAqDaGgCEEO5xSduBKcJ8R+PyL2OlLJ0ZG5iLDnhwbYEBecWRU0gBqXSesKHaRj+XV0pW2b9EoeVB4QipUGDYOiyO7/9+sLeTqVCIl6aPZVICaOf2KAD/ZPWBcsdCenEb6vVmrPsPr0ptcmZ+cClnRSK+4Lplo//HOK0DIr7QvmVqbnZ4PSF5CBU+QkSO0TmvNzcwZQvoDwDKuG3Iu0YEfKQj0gWsTsYnXoLluYXSqIqLSVDJsoLYLrEJeCxytCQ7ttpGAyQo77bTtWqI01gPIHUuk10SmGexCfJO1ES9QEVdjgCxllhFHlU2zGSiWKqgsN7cdG+AT5jOEGTC9N8dSqsBwO/ttLuWBR3+hA9FI+Y5YNmJllceVRLc4TajUkZPpObf/t6+dZf5lrXUDt9SO1fHX3kydudexsPfTfhfP7zD9HQaKt9R0+fZpUlntPqvulWq6LttgX3Wyt7dXZNIbQYgBNFZ9cTjPjN8UFG+LWG6W5DaCiD2t421s93TvMS3l7fMTk7Q42BKu5URRJ/t3u/jmXv1bS1c5Wv8xt9Z8BMKPPVqY6aW8AAAAASUVORK5CYII=)

Sdílet![notebook](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABSklEQVR4nO2ZUU7CQBCGv3fhCoA3kBc14hvUA6pRuIpyGCpeQGNiSEjGbDIPuqmlXaSdynzJ/9Tpzv93d6Es4DiOY50RsADWwBaQA2urvebaey9ugPcGTMsvCr2zVPOnLZsX1RswTAmwMGBeVI8pAdYGjIsqTwnQxIaVigpeaiPGVJuywVbAFDgBZjrFnQowjWqzrgXoRbX9rgWYdX0GVmq6p9/WndsD0oJq868DXEW1kx3XPoFb4Fw/eoMugDtg00aAsvoixiV9zoBX6wF2Ma4wE6YDBO4tBwjv80vgA3gGBgU1l5YDLKP7nwpq+pYDxOt780c9GwtQdwzxAPgM/MCXEAn4Jra8hCZR7XXFa1XHkEMHaEPHd7D1YsC4fPsNXpu5AeOiekgJMDJ0vD4gkUwHaNN8xp4M9Xw+b/AvplyXTfKTdxzHoRG+AAg68sT9yXDxAAAAAElFTkSuQmCC)

## Související články

[![Vývoj mobilních aplikací: optimalizace pro obchody (ASO)](https://coral-app-d599q.ondigitalocean.app/assets/958ad749-d557-4ef2-812b-e8f881618a93/optimalizace_obchod_s_aplikacemi_aso.jpg)\
\
**Vývoj mobilních aplikací: optimalizace pro obchody (ASO)**](/cs/blog/optimalizace-obchodu-mobilni-aplikace-aso) [![Barbora Koďousková](https://coral-app-d599q.ondigitalocean.app/assets/478d3122-c4be-4e0c-a360-15dc02adf5e2/T06B9MZ26-UTML2DNGM-6f96561d19fc-512.jpg)\
Barbora Koďousková\
·\
2024/07/11\
·\
9 min.](/cs/blog/author/barbora-kodouskova)

[![Chatbot v podnikání: úspora času i peněz díky AI](https://coral-app-d599q.ondigitalocean.app/assets/81aef0e1-853d-4467-94a7-4d5feda262ca/Untitled_design_(5).png)\
\
**Chatbot v podnikání: úspora času i peněz díky AI**](/cs/blog/chatbot-umela-inteligence) [![Vít Uličný](https://coral-app-d599q.ondigitalocean.app/assets/268a6e68-7703-4108-98ba-d0e5a51c593d/vitek face avatar.jpg)\
Vít Uličný\
·\
2024/07/11\
·\
9 min.](/cs/blog/author/vit-ulicny)

[![Proč investovat do vývoje aplikace pro chytré hodinky](https://coral-app-d599q.ondigitalocean.app/assets/fa8314dd-ed45-425b-9cc3-b02c0d5b934e/vývoj_aplikací_chytré_hodinky.png)\
\
**Proč investovat do vývoje aplikace pro chytré hodinky**](/cs/blog/vyvoj-aplikaci-chytre-hodinky) [![Barbora Koďousková](https://coral-app-d599q.ondigitalocean.app/assets/478d3122-c4be-4e0c-a360-15dc02adf5e2/T06B9MZ26-UTML2DNGM-6f96561d19fc-512.jpg)\
Barbora Koďousková\
·\
2024/07/11\
·\
5 min.](/cs/blog/author/barbora-kodouskova)

[![Vývoj mobilních aplikací: optimalizace pro obchody (ASO)](https://coral-app-d599q.ondigitalocean.app/assets/958ad749-d557-4ef2-812b-e8f881618a93/optimalizace_obchod_s_aplikacemi_aso.jpg)\
\
**Vývoj mobilních aplikací: optimalizace pro obchody (ASO)**](/cs/blog/optimalizace-obchodu-mobilni-aplikace-aso) [![Barbora Koďousková](https://coral-app-d599q.ondigitalocean.app/assets/478d3122-c4be-4e0c-a360-15dc02adf5e2/T06B9MZ26-UTML2DNGM-6f96561d19fc-512.jpg)\
Barbora Koďousková\
·\
2024/07/11\
·\
9 min.](/cs/blog/author/barbora-kodouskova)

[![Chatbot v podnikání: úspora času i peněz díky AI](https://coral-app-d599q.ondigitalocean.app/assets/81aef0e1-853d-4467-94a7-4d5feda262ca/Untitled_design_(5).png)\
\
**Chatbot v podnikání: úspora času i peněz díky AI**](/cs/blog/chatbot-umela-inteligence) [![Vít Uličný](https://coral-app-d599q.ondigitalocean.app/assets/268a6e68-7703-4108-98ba-d0e5a51c593d/vitek face avatar.jpg)\
Vít Uličný\
·\
2024/07/11\
·\
9 min.](/cs/blog/author/vit-ulicny)

[![Proč investovat do vývoje aplikace pro chytré hodinky](https://coral-app-d599q.ondigitalocean.app/assets/fa8314dd-ed45-425b-9cc3-b02c0d5b934e/vývoj_aplikací_chytré_hodinky.png)\
\
**Proč investovat do vývoje aplikace pro chytré hodinky**](/cs/blog/vyvoj-aplikaci-chytre-hodinky) [![Barbora Koďousková](https://coral-app-d599q.ondigitalocean.app/assets/478d3122-c4be-4e0c-a360-15dc02adf5e2/T06B9MZ26-UTML2DNGM-6f96561d19fc-512.jpg)\
Barbora Koďousková\
·\
2024/07/11\
·\
5 min.](/cs/blog/author/barbora-kodouskova)

[Více článků](/cs/blog)

Rascasone

## Máte nápad na nový projekt?

Popište nám ho! Rádi odpovíme na všechny vaše dotazy, nebo rovnou domluvíme termín schůzky.

Souhlasím se zpracovaním

[osobních údajů](/cs/souhlas-se-zpracovanim-osobnich-udaju)

Odeslat zprávu

### Ozvěte se Vítovi! Vše s vámi projedná a probere.

Vít Uličný

Zakladatel & CEO

![email](/build/q-119ccf21.svg)[vit@rascasone.com](mailto:vit@rascasone.com)![phone](/build/q-802c91ca.svg) [+420 777 963 653](tel:+420 777 963 653)

![Vít Uličný](/build/q-435fcead.png)

### Web

- [Úvod](/cs)
- [Naše služby](/cs/services)
- [Reference](/cs/projects)
- [O nás](/cs/about-us)
- [Blog](/cs/blog)
- [Slovník pojmů](/cs/slovnik)
- [Web 3.0](/cs/vyvoj-web3-dapps)
- [Kontakt](/cs/contact)

### Kontakt

- [info@rascasone.com](mailto:info@rascasone.com)
- [+420 777 963 653](tel:+420 777 963 653)

### O firmě

- Rascasone s.r.o.

- IČ: 06286569

DIČ: CZ06286569

- Spisová značka: C 279510 vedená u Městského soudu v Praze

- Prosecká 527/24, Libeň

180 00 Praha


### Sledujte nás

[![linkedIn](/icons/linkedIn.svg)](https://www.linkedin.com/company/rascasone.com---websites-innovations-cloud-&-mobile-solutions/)[![instagram](/icons/instagram.svg)](https://www.instagram.com/rascasone/)[![facebook](/icons/facebook.svg)](https://www.facebook.com/RascasoneCom/)

© 2024 Rascasone, s.r.o.

Všechna práva vyhrazena.