Změňte nevýhody na výhody: pop-up okna
18.11.2012V předchozím příspěvku 10 věcí, které lidé na vašem webu nejvíc nenávidí jste se dozvěděli, jakým prvkům na vašem webu byste se měli vyhnout, abyste příchozí neodradili od návštěvy. Jak jsme slíbili, podrobněji si každý z nich popíšeme. Začínáme s velmi neoblíbenými vyskakovacími okny (pop-up okny). Na následujících řádcích si předvedeme, jak je používat přátelským způsobem!
Chcete mít na svém webu vyskakovací okno? Najděte nejlepší způsob, jak ho na stránce použít.
Nejlepší způsob použití vyskakovacích oken? Žádná vyskakovací okna!
To je zlaté pravidlo! Pokud si nejste 100% jistí, že vyskakovací okno potřebujete, nemusíte ho mít. Mnoho webových stránek totiž ztrácí návštěvníky pokaždé, když se na ně nečekaně vyskakovací okno otevře. Uživatel se naštve, nekompromisně web zavře a už nikdy se nevrátí.
Pokud si přesto myslíte, že váš web opravdu může mít z vyskakovacího okna prospěch, zkuste se řídit následujícími tipy.
Tip 1 – Pop-up okna, které nezakrývají obsah
Neexistuje věc, která člověka rozzlobí více. Vyskakovací okno překrývající obsah webu, ve kterém chtěl návštěvník najít potřebné informace.
Jak na to?
- pokud např. chcete, aby se návštěvník přihlásil k odebírání novinek, je dobrým řešením umístit vyskakovací okno v pravém horním rohu. Nebude tak zakrývat důležitý obsah a uživatele nijak neomezí v prohlížení webu.
Tip 2 – Pop-up okna, která zakrývají obsah webu, ale neobtěžují
Někdy můžete potřebovat vyskakovací okno, abyste návštěvníkovi něco sdělili ještě dříve, než se na samotný web dostane (např. při přesměrování na jiný web nebo pro oznámení o obsahu pro dospělé).
Jak na to?
- pokuste se vložit vyskakovací okno co nejméně agresivně. Mělo by být jednoduché a informativní. Jak jej vložit zjistíte v návodu Jak vytvořit vyskakovací okno (anglicky).
Tip 3 – Pop-up okna, která se otevřou po kliknutí
Toto příjemné řešení umožňuje návštěvníkům vybrat, zda chtějí vyskakovací okno vidět.
Jak na to?
- Vložte do svého odkazu kód pro otevření vyskakovacího okna, které se otevře po kliknutí. Tato metoda je výhodná pro ukázání obrázku nebo stránky s dalšími informacemi.
Příklad:
v pokračování tohoto seriálu „Změňte nevýhody na výhody“ si přečtete článek Nejlepší využití hudby a videa při vstupu na stránku. (klikněte na odkaz)
Kód k tomuto příkladu:
<p>V pokračování tohoto seriálu „Změňte nevýhody na výhody“ si přečtete článek <span style=“text-decoration: underline;“><a onclick=“javascript:window.open(‚http://img.webnode.com/blog/pop_up_sorry_cz.jpg‘, ‚okno‘, ‚width=550,height=510,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes‘);“ href=“javascript:void(0)“>Nejlepší využití hudby a videa při vstupu na stránku</a></span>.</p>
- velikost okna nastavíte pomocí „width=550“, „height=510“ (šířka/výška), čísla nahraďte vámi vybranou velikostí,
- odkaz „http://img.webnode.com/blog/pop_up_sorry_cz.jpg“ zaměňte za váš odkaz.
Jak vložit kód do Webnode?
Při editování bloku s textem si zobrazíte html verzi. Do ní přidáte i kód pro vyskakovací okno z příkladu výše.
Klikněte na šipky vpravo, abyste mohli zobrazit „Zdroj“
Ujistěte se, že jste správně zkopírovali všechny znaky a symboly. Kód nebude fungovat, změníte-li něco, jenž není uvedeno ve dvou předchozích bodech.
Přemýšlíte o vytvoření vlastního webu?
Tvorba internetových stránek s Webnode je opravdu jednoduchá a navíc zdarma. Zkuste to ještě dnes!
Nezapomeňte si také přečíst návod, jak pracovat s editorem webových stránek krok za krokem.